.ct-section { width:100%; background-size:cover; background-repeat:repeat; } .ct-section>.ct-section-inner-wrap { display:flex; flex-direction:column; align-items:flex-start; } .ct-div-block { display:flex; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .ct-new-columns { display:flex; width:100%; flex-direction:row; align-items:stretch; justify-content:center; flex-wrap:wrap; } .ct-link-text { display:inline-block; } .ct-link { display:flex; flex-wrap:wrap; text-align:center; text-decoration:none; flex-direction:column; align-items:center; justify-content:center; } .ct-link-button { display:inline-block; text-align:center; text-decoration:none; } .ct-link-button { background-color: #1e73be; border: 1px solid #1e73be; color: #ffffff; padding: 10px 16px; } .ct-image { max-width:100%; } .ct-fancy-icon>svg { width:55px;height:55px;} .ct-inner-content { width:100%; } .ct-slide { display:flex; flex-wrap:wrap; text-align:center; flex-direction:column; align-items:center; justify-content:center; } .ct-nestable-shortcode { display:flex; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .oxy-comments { width:100%; text-align:left; } .oxy-comment-form { width:100%; } .oxy-login-form { width:100%; } .oxy-search-form { width:100%; } .oxy-tabs-contents { display:flex; width:100%; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .oxy-tab { display:flex; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .oxy-tab-content { display:flex; width:100%; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .oxy-testimonial { width:100%; } .oxy-icon-box { width:100%; } .oxy-pricing-box { width:100%; } .oxy-posts-grid { width:100%; } .oxy-gallery { width:100%; } .ct-slider { width:100%; } .oxy-tabs { display:flex; flex-wrap:nowrap; flex-direction:row; align-items:stretch; } .ct-modal { flex-direction:column; align-items:flex-start; } .ct-span { display:inline-block; text-decoration:inherit; } .ct-widget { width:100%; } .oxy-dynamic-list { width:100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ct-div-block, .oxy-post-content, .ct-text-block, .ct-headline, .oxy-rich-text, .ct-link-text { max-width: 100%; } img { flex-shrink: 0; } body * { min-height: 1px; } } .oxy-testimonial { flex-direction: row; align-items: center; } .oxy-testimonial .oxy-testimonial-photo-wrap { order: 1; } .oxy-testimonial .oxy-testimonial-photo { width: 125px; height: 125px; margin-right: 20px; } .oxy-testimonial .oxy-testimonial-photo-wrap, .oxy-testimonial .oxy-testimonial-author-wrap, .oxy-testimonial .oxy-testimonial-content-wrap { align-items: flex-start; text-align: left; } .oxy-testimonial .oxy-testimonial-text { margin-bottom:8px;font-size: 21px; line-height: 1.4; -webkit-font-smoothing: subpixel-antialiased; } .oxy-testimonial .oxy-testimonial-author { font-size: 18px; -webkit-font-smoothing: subpixel-antialiased; } .oxy-testimonial .oxy-testimonial-author-info { font-size: 12px; -webkit-font-smoothing: subpixel-antialiased; } .oxy-icon-box { text-align: left; flex-direction: column; } .oxy-icon-box .oxy-icon-box-icon { margin-bottom: 12px; align-self: flex-start; } .oxy-icon-box .oxy-icon-box-heading { font-size: 21px; margin-bottom: 12px; } .oxy-icon-box .oxy-icon-box-text { font-size: 16px; margin-bottom: 12px;align-self: flex-start; } .oxy-icon-box .oxy-icon-box-link { margin-top: 20px; } /* GLOBALS */ .oxy-pricing-box .oxy-pricing-box-section { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; alignment: center; text-align: center; } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price { justify-content: center; } /* IMAGE */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic { justify-content: center; } /* TITLE */ .oxy-pricing-box .oxy-pricing-box-title-title { font-size: 48px; } .oxy-pricing-box .oxy-pricing-box-title-subtitle { font-size: 24px; } /* PRICE */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price { flex-direction: row; } .oxy-pricing-box .oxy-pricing-box-currency { font-size: 28px; } .oxy-pricing-box .oxy-pricing-box-amount-main { font-size: 80px; line-height: 0.7; } .oxy-pricing-box .oxy-pricing-box-amount-decimal { font-size: 13px; } .oxy-pricing-box .oxy-pricing-box-term { font-size: 16px; } .oxy-pricing-box .oxy-pricing-box-sale-price { font-size: 12px; color: rgba(0,0,0,0.5); margin-bottom: 20px; } /* CONTENT */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content { font-size: 16px; color: rgba(0,0,0,0.5); } /* CTA */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta { justify-content: center; } .oxy-progress-bar .oxy-progress-bar-background { background-color: #000000; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); animation: none 0s paused; } .oxy-progress-bar .oxy-progress-bar-progress-wrap { width: 85%; } .oxy-progress-bar .oxy-progress-bar-progress { background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); } .oxy-progress-bar .oxy-progress-bar-overlay-text { font-size: 30px; font-weight: 900; -webkit-font-smoothing: subpixel-antialiased; } .oxy-progress-bar .oxy-progress-bar-overlay-percent { font-size: 12px; } .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide { padding: 0px; } .oxy-superbox .oxy-superbox-secondary, .oxy-superbox .oxy-superbox-primary { transition-duration: 0.5s; } .oxy-pro-menu { menu_dropdown_animation:fade-up; } .oxy-pro-menu .oxy-pro-menu-list .menu-item a{ padding-top:px; padding-left:px; padding-right:px; padding-bottom:px; } .oxy-pro-menu .oxy-pro-menu-list > .menu-item{ margin-top:px; margin-left:px; margin-right:px; margin-bottom:px; } .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{ box-shadow:px px px px ;} .oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{ margin-top:px; margin-left:px; margin-right:px; margin-bottom:px; transition-duration:0.4s; } .oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{ margin-left:0px; } .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a{ padding-top:px; padding-left:px; padding-right:px; padding-bottom:px; } .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{ width:30px; height:30px; } .oxy-pro-menu .oxy-pro-menu-mobile-open-icon{ padding-top:15px; padding-right:15px; padding-bottom:15px; padding-left:15px; } .oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{ transition-duration:0.4s; } .oxy-pro-menu .oxy-pro-menu-mobile-close-icon{ top:20px; left:20px; } .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{ width:24px; height:24px; } .oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{ transition-duration:0.4s; } .oxy-pro-menu .oxy-pro-menu-off-canvas-container > div:first-child, .oxy-pro-menu .oxy-pro-menu-open-container > div:first-child{ oxy-pro-menu_slug_oxypromenuoffcanvascontaineroxypromenulistmenuitemoxypromenuopencontaineroxypromenulistmenuitem_min_width:px; } .oxy-pro-menu .oxy-pro-menu-off-canvas-container{ oxy-pro-menu_slug_oxypromenuoffcanvascontainer_width:px; } .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{ background-color:#ffffff; } .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item a{ padding-top:px; padding-left:px; padding-right:px; padding-bottom:px; } .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container{ padding-top:px; padding-left:px; padding-right:px; padding-bottom:px; } .oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{ background-color:; background-image:url(); overlay-color:; background-size:; background-repeat:; background-attachment:; background-blend-mode:; background-size-width:px; background-size-height:px; background-position:px px; } .oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{ font-size:24px; } .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{ background-color:rgba(0,0,0,0.2); border-top-style:solid; } .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{ flex-direction: row; } .oxy-pro-menu .oxy-pro-menu-container .menu-item a{ text-align: left; justify-content: flex-start; } .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{ align-items: flex-start; } .oxy-pro-menu .oxy-pro-menu-off-canvas-container{ top: 0; bottom: 0; right: auto; left: 0; } .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{ text-align: left; justify-content: flex-start; } .oxy-shape-divider { width: 0px; height: 0px; } .oxy_shape_divider svg { width: 100%; } .ct-section-inner-wrap, .oxy-header-container{ max-width: 1280px; } body {font-family: 'Ubuntu';}body {line-height: 1.8;font-size: px;font-weight: 300;color: #0c1d11;}.oxy-nav-menu-hamburger-line {background-color: #0c1d11;}h1, h2, h3, h4, h5, h6 {font-family: 'THICCCBOI';font-weight: 700;line-height: 1.2;color: #0c1d11;}a {color: var(--primary);text-decoration: none;}a:hover {color: var(--primary-hover);text-decoration: none;}.ct-link-text {color: var(--primary);text-decoration: ;}.ct-link-text:hover {color: var(--primary-hover);}.ct-link {text-decoration: ;}.ct-link-button {border-radius: px;}.ct-section-inner-wrap { }.ct-new-columns > .ct-div-block { }.oxy-header-container { }@media (max-width: 992px) { .ct-columns-inner-wrap { display: block !important; } .ct-columns-inner-wrap:after { display: table; clear: both; content: ""; } .ct-column { width: 100% !important; margin: 0 !important; } .ct-columns-inner-wrap { margin: 0 !important; } } .single-content-area { width:100%; max-width:750px; margin-left:auto; margin-right:auto; } .s-page-title { background-color:color(1); } .section-title { font-family:'Ubuntu'; font-size:18px; text-transform:uppercase; letter-spacing:2px; margin-bottom:70px; } .social-icons:hover{ } .social-icons { color: #0c1d11;}.social-icons >svg {width: 24px;height: 24px;}.social-icons { margin-left:8px; margin-right:8px; } .main-btn { background-color :color(3); border: 1px solid color(3); color: #ffffff; padding: 10px 16px; }.main-btn { font-family:'Ubuntu'; font-weight:700; letter-spacing:3px; border-radius:.25rem; } .fadein { aos-enable:true; } .box-shadow { z-index:10; selector-locked:true; box-shadow: 0 1.4px 2.7px rgba(0, 0, 0, 0.025), 0 3.5px 6.9px rgba(0, 0, 0, 0.035), 0 7.1px 14.2px rgba(0, 0, 0, 0.045), 0 14.6px 29.2px rgba(0, 0, 0, 0.055), 0 40px 80px rgba(0, 0, 0, 0.08) ; } .rounded-corners:hover{ } .rounded-corners { border-radius:6px; selector-locked:true; } .transition { font-family:'Ubuntu'; transition-timing-function:ease-in-out; transition-duration:0.3s; selector-locked:true; } @media (max-width: 991px) { .transition { font-family:'Ubuntu'; font-weight:600; } } .horizontal-divider { height:1px; width:100%; background-color:color(2); min-height: 0px !important } .margin-bottom-small { margin-bottom:1rem; selector-locked:false; } .margin-bottom-medium { margin-bottom:2rem; } .margin-bottom-large { margin-bottom:64px; } .padding-small { padding-top:16px; padding-left:16px; padding-right:16px; padding-bottom:16px; } .padding-medium { padding-top:32px; padding-left:32px; padding-right:32px; padding-bottom:32px; } .padding-large { padding-top:64px; padding-left:64px; padding-right:64px; padding-bottom:64px; } .bg-light { background-color:#f4f4f4; } .bg-light:not(.ct-section):not(.oxy-easy-posts), .bg-light.oxy-easy-posts .oxy-posts, .bg-light.ct-section .ct-section-inner-wrap{ flex-direction:unset; } .bg-dark { background-color:color(2); float:none; overflow:visible; clear:none; visibility:visible; position:static; } .bg-dark:not(.ct-section):not(.oxy-easy-posts), .bg-dark.oxy-easy-posts .oxy-posts, .bg-dark.ct-section .ct-section-inner-wrap{ display:flex; flex-wrap:nowrap; align-items:flex-start; } .bg-gradient { background-color :#1e73be; border: 1px solid #1e73be; color: #ffffff; padding: 12px 19.2px; }.bg-gradient { background-image: linear-gradient(120deg, #dce35b, #45b649); border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; } .button-main-light:hover{ transform:scale3d(1.05,1.05,1.05); background-color:color(2); aos-enable:true; } .button-main-light { background-color:color(10); color:#ffffff; font-weight:700; padding-top:8px; padding-bottom:8px; padding-right:32px; padding-left:32px; letter-spacing:1px; } .button-outline:hover{ transform:scale3d(1.05,1.05,1.05); aos-enable:true; background-color:#1d934d; color:#ffffff; } .button-outline { font-family:'THICCCBOI'; padding-top:16px; padding-bottom:16px; padding-right:32px; padding-left:32px; color:#1d934d; border-top-color:#1d934d; border-right-color:#1d934d; border-bottom-color:#1d934d; border-left-color:#1d934d; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; selector-locked:true; } @media (max-width: 767px) { .button-outline { padding-top:12px; padding-bottom:12px; padding-left:16px; padding-right:16px; } } .bg-main { background-color:color(3); } .button-main:hover{ transform:scale3d(1.05,1.05,1.05); aos-enable:false; background-color:#e9f1eb; color:#ffffff; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-color:#e9f1eb; border-right-color:#e9f1eb; border-bottom-color:#e9f1eb; border-left-color:#e9f1eb; } .button-main { font-family:'THICCCBOI'; background-color:#1d934d; padding-top:16px; padding-bottom:16px; padding-right:32px; padding-left:32px; color:#ffffff; border-top-color:#1d934d; border-right-color:#1d934d; border-bottom-color:#1d934d; border-left-color:#1d934d; aos-enable:false; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; } .button-main:not(.ct-section):not(.oxy-easy-posts), .button-main.oxy-easy-posts .oxy-posts, .button-main.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } @media (max-width: 767px) { .button-main { font-size:16px; padding-top:12px; padding-bottom:12px; padding-right:24px; padding-left:24px; } } .card-program { text-align:center; height:320px; } .card-program:not(.ct-section):not(.oxy-easy-posts), .card-program.oxy-easy-posts .oxy-posts, .card-program.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; } .oxy-superbox-primary { } .oxy-superbox-secondary { } .gallery { font-size:14px; } .div-gallery { min-height:300px; } .small-divider { height:8px; background-color:#1d934d; width:80px; min-height: 0px !important; min-width: 0px !important } @media (max-width: 767px) { .small-divider { width:40px; } } .buttonless:hover{ transform:scale3d(1.05,1.05,1.05); aos-enable:true; } .buttonless { font-family:'Ubuntu'; padding-top:16px; padding-bottom:16px; padding-right:32px; padding-left:32px; color:#1d934d; border-top-color:color(3); border-right-color:color(3); border-bottom-color:color(3); border-left-color:color(3); } @media (max-width: 767px) { .buttonless { padding-top:12px; padding-bottom:12px; padding-left:16px; padding-right:16px; } } .toggle-5194 { } .toggle-5194 .oxy-expand-collapse-icon { font-size: 20px; } .toggle-5194-expanded { } .oxy-stock-content-styles { } .margin-right-small { margin-right:1rem; } .margin-right-xsmall { margin-right:0.5rem; } .button-white:hover{ transform:scale3d(1.05,1.05,1.05); aos-enable:true; } .button-white { font-family:'THICCCBOI'; padding-top:16px; padding-bottom:16px; padding-right:32px; padding-left:32px; color:#1d934d; background-color:#ffffff; } @media (max-width: 767px) { .button-white { padding-top:12px; padding-bottom:12px; padding-left:16px; padding-right:16px; } } .sub-headline { selector-locked:false; } .headline { } @media (max-width: 767px) { } .footer-logo-title { font-size:24px; font-weight:700; text-align:left; line-height:1.2; color:#ffffff; margin-top:-4px; } @media (max-width: 991px) { .footer-logo-title { } } .footer-texts { font-family:'Ubuntu'; font-size:14px; text-align:left; color:#cccccc; max-width: 60ch; } .social-wrapper:hover{ background-color:#e9f1eb; } .social-wrapper { background-color:#ffffff; border-radius:50%; width:40px; text-align:center; margin-right:8px; height:40px; } .social-wrapper:not(.ct-section):not(.oxy-easy-posts), .social-wrapper.oxy-easy-posts .oxy-posts, .social-wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; } .footer-title { color:#ffffff; text-align:left; font-size:20px; font-weight:700; margin-bottom:4px; } .footer-link:hover{ text-decoration:underline; } .footer-link { font-family:'Ubuntu'; color:#cccccc; margin-bottom:4px; aos-enable:false; margin-top:4px; font-size:14px; transition-duration:0.3s; } .footer-icon:hover{ transition-duration:0.3s; } .footer-icon { color: #ffffff;}.footer-icon >svg {width: 25px;height: 25px;}.footer-icon { margin-right:8px; } .footer-icon-text { } .footer-icon-text:not(.ct-section):not(.oxy-easy-posts), .footer-icon-text.oxy-easy-posts .oxy-posts, .footer-icon-text.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; } .footer-div-text:hover{ text-decoration:underline; } .footer-div-text { font-family:'Ubuntu'; margin-bottom:4px; aos-enable:false; transition-duration:0.3s; margin-top:4px; color:#ffffff; font-size:14px; } .margin-bottom-xsmall { margin-bottom:4px; } .logo-scalable { attachment_height:100; attachment_width:100; attachment_url:/wp-content/uploads/2021/03/Mataq-Darul-Ulum-Vector.svg; width:64px; height:64px; } .sub-program { margin-bottom:8px; color:#0c1d11; margin-top:8px; } @media (max-width: 767px) { .sub-program { } } .card-alumni { max-width:500px; max-height:500px; } .button-secondary:hover{ transform:scale3d(1.05,1.05,1.05); aos-enable:false; background-color:#e9f1eb; color:#ffffff; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-color:#e9f1eb; border-right-color:#e9f1eb; border-bottom-color:#e9f1eb; border-left-color:#e9f1eb; } .button-secondary { font-family:'THICCCBOI'; background-color:#1d934d; padding-top:16px; padding-bottom:16px; padding-right:32px; padding-left:32px; color:#ffffff; aos-enable:false; selector-locked:false; } .button-secondary:not(.ct-section):not(.oxy-easy-posts), .button-secondary.oxy-easy-posts .oxy-posts, .button-secondary.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } @media (max-width: 767px) { .button-secondary { } } .du-logo-title { font-size:24px; font-weight:700; text-align:left; line-height:1.2; color:#e9f1eb; margin-top:-4px; selector-locked:true; } .gallery-date { color:#435748; } .gallery-desc { color:#435748; } .overline { font-family:'THICCCBOI'; text-transform:uppercase; letter-spacing:0.05em; color:#1d934d; font-weight:600; margin-bottom:0px; line-height:100%; selector-locked:false; font-size:var(--text-s) ; } .footer-container { } @media (max-width: 1280px) { .footer-container { margin-bottom:2rem; } } @media (max-width: 991px) { } .btn-primary:hover{ color:#ffffff; opacity: .9; } .btn-primary { background-image: linear-gradient(#12a057, #0d7336); font-family:'THICCCBOI'; font-size:18px; font-weight:600; padding-top:20px; padding-left:40px; padding-right:40px; padding-bottom:20px; color:#ffffff; border-radius:6px; letter-spacing:0.5px; line-height:100%; transition-duration:0.25s; transition-timing-function:ease-in-out; selector-locked:false; box-shadow: 0px 10px 20px rgba(13, 117, 55, 0.3); text-shadow: 0px 2px 4px #00000040; } .caption { color:#435748; font-size:var(--text-s) ; } .mt-1 { margin-top:1rem; selector-locked:true; } .mt-2 { margin-top:2rem; selector-locked:true; } .mt-0_5 { margin-top:0.5rem; } .ml-1 { margin-left:1rem; selector-locked:true; } .btn-transparent:hover{ selector-locked:false; color:#0c1d11; background-color:#e9f1eb; } .btn-transparent { font-family:'THICCCBOI'; font-size:18px; font-weight:600; padding-top:20px; padding-left:40px; padding-right:40px; padding-bottom:20px; color:#0c1d11; border-radius:6px; letter-spacing:0.5px; line-height:100%; transition-duration:0.25s; transition-timing-function:ease-in-out; selector-locked:false; } .float { animation: float 8s 1s infinite; animation-fill-mode: forwards; animation-timing-function: ease-in-out,ease-in-out; } .bounceUpFloat { animation: bounceUp 1s,float 8s 1s infinite; animation-fill-mode: forwards; animation-timing-function: ease-in-out,ease-in-out } .bounceFloat { selector-locked:true; animation: bounce 1s,float 8s 1s infinite; animation-fill-mode: forwards; animation-timing-function: ease-in-out,ease-in-out } .btn-primary-light:hover{ color:#0c1d11; opacity: 0.8; } .btn-primary-light { font-family:'THICCCBOI'; font-size:14px; font-weight:600; padding-top:20px; padding-left:40px; padding-right:40px; padding-bottom:20px; color:#0c1d11; border-radius:6px; letter-spacing:0.5px; line-height:100%; transition-duration:0.25s; transition-timing-function:ease-in-out; selector-locked:false; background-color:#e9f1eb; } .logo-collection:hover{ filter:grayscale(0%); opacity:1; } .logo-collection { margin-right:32px; margin-bottom:32px; filter:grayscale(100%); transition-duration:0.3s; height:85px; opacity:0.7; } @media (max-width: 991px) { .logo-collection { max-height:64px; margin-right:16px; margin-bottom:16px; } } @media (max-width: 767px) { .logo-collection { max-height:40px; } } .logo-collection-row { text-align:justify; width:100%; } .logo-collection-row:not(.ct-section):not(.oxy-easy-posts), .logo-collection-row.oxy-easy-posts .oxy-posts, .logo-collection-row.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between; } .main-headline { color:#0c1d11; letter-spacing:-2px; aos-enable:false; } .main-headline:ct_depth{ } @media (max-width: 991px) { .main-headline { letter-spacing:-1px; } } @media (max-width: 479px) { } .blog-title { color:#0c1d11; } .mt-0_2 { margin-top:0.25rem; } .top-header__link-text { margin-left:0.5rem; font-size:12px; } .top-header__icon { color: #ffffff;}.top-header__icon >svg {width: 18px;height: 18px;}.top-header__icon { } .top-header__wrapper { text-align:center; color:#ffffff; margin-right:2rem; } .top-header__wrapper:not(.ct-section):not(.oxy-easy-posts), .top-header__wrapper.oxy-easy-posts .oxy-posts, .top-header__wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } .top-header__sosmed { padding-top:1rem; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; } .line { width:100%; border-top-color:rgba(255,255,255,0.17); border-right-color:rgba(255,255,255,0.17); border-bottom-color:rgba(255,255,255,0.17); border-left-color:rgba(255,255,255,0.17); border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; height:1px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; } .box-shadow--l { } .grid--3 { } .gap--s { } .tooltip { } .btn--primary { } .transition--1 { } .transition--3 { } .text--l { } .text--larger { } .owl--s { } @keyframes stickySlideDown { 0% { opacity: 0.7; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } .oxy-sticky-header-fade-in { animation-name: stickySlideDown; } @keyframes float { 0% { transform: translateY(0) } 50% { transform: translateY(10px) } to { transform: translateY(0) } } @keyframes bounceUp { 0% { transform: translateY(300px); opacity: 0 } 60% { transform: translateY(-15px) } to { transform: translateY(0); opacity: 1 } } @keyframes bounce { 0% { transform: scale(.3); opacity: 0 } 50% { transform: scale(1) } 70% { transform: scale(.9) } to { transform: scale(1); opacity: 1 } }html { font-size: 62.5% } body { font-size: var(--text-m) } article, :is(p,ol,ul) { margin-bottom: var(--space-m); } .ct-section-inner-wrap { padding: var(--section-m) } .oxy-header-container { padding-left: var(--section-padding-x); padding-right: var(--section-padding-x) } :is(h1,h2,h3,h4,h5,h6),[class*="text--"] { font-size: var(--text-size); color: var(--text-color) } :where([class*="text--"],h1,h2,h3,h4,h5,h6).text--larger { font-size: calc(var(--text-size) * var(--text-multiplier)) } h1 { --text-size: var(--text-xxl); margin-bottom: var(--space-m) } h2 { --text-size: var(--text-xl); margin-bottom: var(--space-s) } h3 { --text-size: var(--text-l); margin-bottom: var(--space-xs) } h4 { --text-size: var(--text-m); margin-bottom: var(--space-xs) } h5 { --text-size: max(var(--text-s-stop), var(--text-s)); margin-bottom: var(--space-xs) } h6 { --text-size: max(var(--text-xs-stop), var(--text-xs)); margin-bottom: var(--space-xs) } .text--xs { --text-size: max(var(--text-xs-stop), var(--text-xs)) } .text--s { --text-size: max(var(--text-s-stop), var(--text-s)) } .text--m { --text-size: var(--text-m) } .text--l { --text-size: var(--text-l) } .text--xl { --text-size: var(--text-xl) } .text--xxl { --text-size: var(--text-xxl) } [class*="grid--"]:not(.ct-section),.ct-section[class*="grid--"] .ct-section-inner-wrap { display: grid!important; justify-content: var(--flex-justify,inherit); align-content: var(--flex-align-content,inherit); align-items: var(--flex-align-items,inherit); grid-template-columns: var(--grid-template-columns); grid-gap: var(--grid-gap) } .grid--1 { --grid-template-columns: 1fr; width: 100% } .grid--2 { --grid-template-columns: repeat(2,minmax(0,1fr)); width: 100% } .grid--3 { --grid-template-columns: repeat(3,minmax(0,1fr)); width: 100% } .grid--4 { --grid-template-columns: repeat(4,minmax(0,1fr)); width: 100% } .grid--5 { --grid-template-columns: repeat(5,minmax(0,1fr)); width: 100% } .grid--6 { --grid-template-columns: repeat(6,minmax(0,1fr)); width: 100% } .grid--auto-2 { --grid-template-columns: repeat(auto-fit,minmax(min(var(--grid-break--2), 100vw - (var(--base-space) * 3) * 1rem),1fr)); width: 100% } .grid--auto-3 { --grid-template-columns: repeat(auto-fit,minmax(min(var(--grid-break--3), 100vw - (var(--base-space) * 3) * 1rem),1fr)); width: 100% } .grid--auto-4 { --grid-template-columns: repeat(auto-fit,minmax(min(var(--grid-break--4), 100vw - (var(--base-space) * 3) * 1rem),1fr)); width: 100% } .grid--auto-5 { --grid-template-columns: repeat(auto-fit,minmax(min(var(--grid-break--5), 100vw - (var(--base-space) * 3) * 1rem),1fr)); width: 100% } .grid--auto-6 { --grid-template-columns: repeat(auto-fit,minmax(min(var(--grid-break--6), 100vw - (var(--base-space) * 3) * 1rem),1fr)); width: 100% } .grid--1-2 { --grid-template-columns: 1fr 2fr; width: 100% } .grid--2-1 { --grid-template-columns: 2fr 1fr; width: 100% } .grid--1-3 { --grid-template-columns: 1fr 3fr; width: 100% } .grid--3-1 { --grid-template-columns: 3fr 1fr; width: 100% } .grid--2-3 { --grid-template-columns: 2fr 3fr; width: 100% } .grid--3-2 { --grid-template-columns: 3fr 2fr; width: 100% } @media (max-width: 991px) { .grid--1-2 { --grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-break--3), 100vw - (var(--base-space) * 3) * 1rem),1fr)) } .grid--1-3 { --grid-template-columns: repeat(auto-fit,minmax(min(var(--grid-break--3), 100vw - (var(--base-space) * 3) * 1rem),1fr)) } .grid--3-2 { --grid-template-columns: repeat(auto-fit,minmax(min(var(--grid-break--3), 100vw - (var(--base-space) * 3) * 1rem),1fr)) } .grid--2-3 { --grid-template-columns: repeat(auto-fit,minmax(min(var(--grid-break--3), 100vw - (var(--base-space) * 3) * 1rem),1fr)) } .grid--2-1 { --grid-template-columns: repeat(auto-fit,minmax(min(var(--grid-break--3), 100vw - (var(--base-space) * 3) * 1rem),1fr)) } .grid--3-1 { --grid-template-columns: repeat(auto-fit,minmax(min(var(--grid-break--3), 100vw - (var(--base-space) * 3) * 1rem),1fr)) } } .col-span--all { grid-column: 1 / -1 } .col-span--2 { grid-column: span 2 } .col-span--3 { grid-column: span 3 } .col-span--4 { grid-column: span 4 } .col-span--5 { grid-column: span 5 } .col-span--6 { grid-column: span 6 } [class*="row-span--"] { align-self: stretch } .row-span--2 { grid-row: span 2 } .row-span--3 { grid-row: span 3 } .row-span--4 { grid-row: span 4 } .row-span--5 { grid-row: span 5 } .row-span--6 { grid-row: span 6 } .row-start--1 { grid-row-start: 1 } .row-start--2 { grid-row-start: 2 } .row-start--3 { grid-row-start: 3 } .row-start--4 { grid-row-start: 4 } .row-start--5 { grid-row-start: 5 } .row-start--6 { grid-row-start: 6 } .col-start--1 { grid-column-start: 1 } .col-start--2 { grid-column-start: 2 } .col-start--3 { grid-column-start: 3 } .col-start--4 { grid-column-start: 4 } .col-start--5 { grid-column-start: 5 } .col-start--6 { grid-column-start: 6 } .order--first { order: -1 } .order--last { order: 999 } .ct-section[class*="gap--"] .ct-section-inner-wrap { grid-gap: var(--grid-gap) } .gap--xs { gap: var(--space-xs); --grid-gap: var(--space-xs) } .gap--s { gap: var(--space-s); --grid-gap: var(--space-s) } .gap--m { gap: var(--space-m); --grid-gap: var(--space-m) } .gap--l { gap: var(--space-l); --grid-gap: var(--space-l) } .gap--xl { gap: var(--space-xl); --grid-gap: var(--space-xl) } .gap--xxl { gap: var(--space-xxl); --grid-gap: var(--space-xxl) } @media (max-width: 1279px) { .grid--xl-1 { --grid-template-columns:1fr } .grid--xl-2 { --grid-template-columns: repeat(2,minmax(0,1fr)) } .grid--xl-3 { --grid-template-columns: repeat(3,minmax(0,1fr)) } .grid--xl-4 { --grid-template-columns: repeat(4,minmax(0,1fr)) } .grid--xl-5 { --grid-template-columns: repeat(5,minmax(0,1fr)) } .row-start--xl-1 { grid-row-start: 1 } .row-start--xl-2 { grid-row-start: 2 } .row-start--xl-3 { grid-row-start: 3 } .row-start--xl-4 { grid-row-start: 4 } .row-start--xl-5 { grid-row-start: 5 } .row-start--xl-6 { grid-row-start: 6 } .col-start--xl-1 { grid-column-start: 1 } .col-start--xl-2 { grid-column-start: 2 } .col-start--xl-3 { grid-column-start: 3 } .col-start--xl-4 { grid-column-start: 4 } .col-start--xl-5 { grid-column-start: 5 } .col-start--xl-6 { grid-column-start: 6 } .order--first-xl { order: -1 } .order--last-xl { order: 999 } .row-span--xl-1 { grid-row: auto / span 1 } .row-span--xl-2 { grid-row: auto / span 2 } .row-span--xl-3 { grid-row: auto / span 3 } .row-span--xl-4 { grid-row: auto / span 4 } .row-span--xl-5 { grid-row: auto / span 5 } .row-span--xl-6 { grid-row: auto / span 6 } .col-span--xl-1 { grid-column: span 1 } .col-span--xl-2 { grid-column: span 2 } .col-span--xl-3 { grid-column: span 3 } .col-span--xl-4 { grid-column: span 4 } .col-span--xl-5 { grid-column: span 5 } .col-span--xl-6 { grid-column: span 6 } } @media (max-width: 991px) { .grid--l-1 { --grid-template-columns:1fr } .grid--l-2 { --grid-template-columns: repeat(2,minmax(0,1fr)) } .grid--l-3 { --grid-template-columns: repeat(3,minmax(0,1fr)) } .grid--l-4 { --grid-template-columns: repeat(4,minmax(0,1fr)) } .grid--l-5 { --grid-template-columns: repeat(5,minmax(0,1fr)) } .row-start--l-1 { grid-row-start: 1 } .row-start--l-2 { grid-row-start: 2 } .row-start--l-3 { grid-row-start: 3 } .row-start--l-4 { grid-row-start: 4 } .row-start--l-5 { grid-row-start: 5 } .row-start--l-6 { grid-row-start: 6 } .col-start--l-1 { grid-column-start: 1 } .col-start--l-2 { grid-column-start: 2 } .col-start--l-3 { grid-column-start: 3 } .col-start--l-4 { grid-column-start: 4 } .col-start--l-5 { grid-column-start: 5 } .col-start--l-6 { grid-column-start: 6 } .order--first-l { order: -1 } .order--last-l { order: 999 } .row-span--l-1 { grid-row: auto / span 1 } .row-span--l-2 { grid-row: auto / span 2 } .row-span--l-3 { grid-row: auto / span 3 } .row-span--l-4 { grid-row: auto / span 4 } .row-span--l-5 { grid-row: auto / span 5 } .row-span--l-6 { grid-row: auto / span 6 } .col-span--l-1 { grid-column: span 1 } .col-span--l-2 { grid-column: span 2 } .col-span--l-3 { grid-column: span 3 } .col-span--l-4 { grid-column: span 4 } .col-span--l-5 { grid-column: span 5 } .col-span--l-6 { grid-column: span 6 } } @media (max-width: 767px) { .grid--m-1 { --grid-template-columns:1fr } .grid--m-2 { --grid-template-columns: repeat(2,minmax(0,1fr)) } .grid--m-3 { --grid-template-columns: repeat(3,minmax(0,1fr)) } .grid--m-4 { --grid-template-columns: repeat(4,minmax(0,1fr)) } .row-start--m-1 { grid-row-start: 1 } .row-start--m-2 { grid-row-start: 2 } .row-start--m-3 { grid-row-start: 3 } .row-start--m-4 { grid-row-start: 4 } .row-start--m-5 { grid-row-start: 5 } .row-start--m-6 { grid-row-start: 6 } .col-start--m-1 { grid-column-start: 1 } .col-start--m-2 { grid-column-start: 2 } .col-start--m-3 { grid-column-start: 3 } .col-start--m-4 { grid-column-start: 4 } .col-start--m-5 { grid-column-start: 5 } .col-start--m-6 { grid-column-start: 6 } .order--first-m { order: -1 } .order--last-m { order: 999 } .row-span--m-1 { grid-row: auto / span 1 } .row-span--m-2 { grid-row: auto / span 2 } .row-span--m-3 { grid-row: auto / span 3 } .row-span--m-4 { grid-row: auto / span 4 } .row-span--m-5 { grid-row: auto / span 5 } .row-span--m-6 { grid-row: auto / span 6 } .col-span--m-1 { grid-column: span 1 } .col-span--m-2 { grid-column: span 2 } .col-span--m-3 { grid-column: span 3 } .col-span--m-4 { grid-column: span 4 } .col-span--m-5 { grid-column: span 5 } .col-span--m-6 { grid-column: span 6 } } @media (max-width: 479px) { .grid--s-1 { --grid-template-columns:1fr } .grid--s-2 { --grid-template-columns: repeat(2,minmax(0,1fr)) } .grid--s-3 { --grid-template-columns: repeat(3,minmax(0,1fr)) } .grid--s-4 { --grid-template-columns: repeat(4,minmax(0,1fr)) } .row-start--s-1 { grid-row-start: 1 } .row-start--s-2 { grid-row-start: 2 } .row-start--s-3 { grid-row-start: 3 } .row-start--s-4 { grid-row-start: 4 } .row-start--s-5 { grid-row-start: 5 } .row-start--s-6 { grid-row-start: 6 } .col-start--s-1 { grid-column-start: 1 } .col-start--s-2 { grid-column-start: 2 } .col-start--s-3 { grid-column-start: 3 } .col-start--s-4 { grid-column-start: 4 } .col-start--s-5 { grid-column-start: 5 } .col-start--s-6 { grid-column-start: 6 } .order--first-s { order: -1 } .order--last-s { order: 999 } .row-span--s-1 { grid-row: auto / span 1 } .row-span--s-2 { grid-row: auto / span 2 } .row-span--s-3 { grid-row: auto / span 3 } .row-span--s-4 { grid-row: auto / span 4 } .row-span--s-5 { grid-row: auto / span 5 } .row-span--s-6 { grid-row: auto / span 6 } .col-span--s-1 { grid-column: span 1 } .col-span--s-2 { grid-column: span 2 } .col-span--s-3 { grid-column: span 3 } .col-span--s-4 { grid-column: span 4 } .col-span--s-5 { grid-column: span 5 } .col-span--s-6 { grid-column: span 6 } } .text--primary { --text-color: var(--primary) } .text--primary-ultra-light { --text-color: var(--primary-ultra-light) } .text--primary-light { --text-color: var(--primary-light) } .text--primary-medium { --text-color: var(--primary-medium) } .text--primary-dark { --text-color: var(--primary-dark) } .text--primary-ultra-dark { --text-color: var(--primary-ultra-dark) } .text--primary-comp { --text-color: var(--primary-comp) } .text--secondary { --text-color: var(--secondary) } .text--secondary-ultra-light { --text-color: var(--secondary-ultra-light) } .text--secondary-light { --text-color: var(--secondary-light) } .text--secondary-medium { --text-color: var(--secondary-medium) } .text--secondary-dark { --text-color: var(--secondary-dark) } .text--secondary-ultra-dark { --text-color: var(--secondary-ultra-dark) } .text--secondary-comp { --text-color: var(--secondary-comp) } .text--accent { --text-color: var(--accent) } .text--accent-ultra-light { --text-color: var(--accent-ultra-light) } .text--accent-light { --text-color: var(--accent-light) } .text--accent-medium { --text-color: var(--accent-medium) } .text--accent-dark { --text-color: var(--accent-dark) } .text--accent-ultra-dark { --text-color: var(--accent-ultra-dark) } .text--accent-comp { --text-color: var(--accent-comp) } .text--base { --text-color: var(--base) } .text--base-ultra-light { --text-color: var(--base-ultra-light) } .text--base-light { --text-color: var(--base-light) } .text--base-medium { --text-color: var(--base-medium) } .text--base-dark { --text-color: var(--base-dark) } .text--base-ultra-dark { --text-color: var(--base-ultra-dark) } .text--base-comp { --text-color: var(--base-comp) } .text--white { --text-color: var(--shade-white) } .text--black { --text-color: var(--shade-black) } .text--shade-ultra-light { --text-color: var(--shade-ultra-light) } .text--shade-light { --text-color: var(--shade-light) } .text--shade-medium { --text-color: var(--shade-medium) } .text--shade-dark { --text-color: var(--shade-dark) } .text--shade-ultra-dark { --text-color: var(--shade-ultra-dark) } [class*="link--"] a { color: var(--link-color) } [class*="link--"] a:hover { color: var(--link-hover-color) } .link--primary { --link-color: var(--primary); --link-hover-color: var(--primary-hover) } .link--primary-ultra-light { --link-color: var(--primary-ultra-light); --link-hover-color: var(--primary-hover) } .link--primary-light { --link-color: var(--primary-light); --link-hover-color: var(--primary-hover) } .link--primary-medium { --link-color: var(--primary-medium); --link-hover-color: var(--primary-hover) } .link--primary-dark { --link-color: var(--primary-dark); --link-hover-color: var(--primary-hover) } .link--primary-ultra-dark { --link-color: var(--primary-ultra-dark); --link-hover-color: var(--primary-hover) } .link--primary-comp { --link-color: var(--primary-comp); --link-hover-color: var(--primary-hover) } .link--secondary { --link-color: var(--secondary); --link-hover-color: var(--secondary-hover) } .link--secondary-ultra-light { --link-color: var(--secondary-ultra-light); --link-hover-color: var(--secondary-hover) } .link--secondary-light { --link-color: var(--secondary-light); --link-hover-color: var(--secondary-hover) } .link--secondary-medium { --link-color: var(--secondary-medium); --link-hover-color: var(--secondary-hover) } .link--secondary-dark { --link-color: var(--secondary-dark); --link-hover-color: var(--secondary-hover) } .link--secondary-ultra-dark { --link-color: var(--secondary-ultra-dark); --link-hover-color: var(--secondary-hover) } .link--secondary-comp { --link-color: var(--secondary-comp); --link-hover-color: var(--secondary-hover) } .link--accent { --link-color: var(--accent); --link-hover-color: var(--accent-hover) } .link--accent-ultra-light { --link-color: var(--accent-ultra-light); --link-hover-color: var(--accent-hover) } .link--accent-light { --link-color: var(--accent-light); --link-hover-color: var(--accent-hover) } .link--accent-medium { --link-color: var(--accent-medium); --link-hover-color: var(--accent-hover) } .link--accent-dark { --link-color: var(--accent-dark); --link-hover-color: var(--accent-hover) } .link--accent-ultra-dark { --link-color: var(--accent-ultra-dark); --link-hover-color: var(--accent-hover) } .link--accent-comp { --link-color: var(--accent-comp); --link-hover-color: var(--accent-hover) } .link--base { --link-color: var(--base); --link-hover-color: var(--base-hover) } .link--base-ultra-light { --link-color: var(--base-ultra-light); --link-hover-color: var(--base-hover) } .link--base-light { --link-color: var(--base-light); --link-hover-color: var(--base-hover) } .link--base-medium { --link-color: var(--base-medium); --link-hover-color: var(--base-hover) } .link--base-dark { --link-color: var(--base-dark); --link-hover-color: var(--base-hover) } .link--base-ultra-dark { --link-color: var(--base-ultra-dark); --link-hover-color: var(--base-hover) } .link--base-comp { --link-color: var(--base-comp); --link-hover-color: var(--base-hover) } .link--white { --link-color: var(--shade-white); --link-hover-color: var(--white-hover) } .link--black { --link-color: var(--shade-black); --link-hover-color: var(--black-hover) } .link--shade-ultra-light { --link-color: var(--shade-ultra-light); --link-hover-color: var(--primary-hover) } .link--shade-light { --link-color: var(--shade-light); --link-hover-color: var(--primary-hover) } .link--shade-medium { --link-color: var(--shade-medium); --link-hover-color: var(--primary-hover) } .link--shade-dark { --link-color: var(--shade-dark); --link-hover-color: var(--primary-hover) } .link--shade-ultra-dark { --link-color: var(--shade-ultra-dark); --link-hover-color: var(--primary-hover) } .pad--xs { padding: var(--space-xs) } .pad--s { padding: var(--space-s) } .pad--m { padding: var(--space-m) } .pad--l { padding: var(--space-l) } .pad--xl { padding: var(--space-xl) } .pad--xxl { padding: var(--space-xxl) } .pad--none { padding: 0 } .pad-section--xs .ct-section-inner-wrap { padding: var(--section-xs) } .pad-section--s .ct-section-inner-wrap { padding: var(--section-s) } .pad-section--l .ct-section-inner-wrap { padding: var(--section-l) } .pad-section--xl .ct-section-inner-wrap { padding: var(--section-xl) } .pad-section--xxl .ct-section-inner-wrap { padding: var(--section-xxl) } .pad-section--none .ct-section-inner-wrap { padding: 0 var(--space-m) } .margin-top--xs { margin-top: var(--space-xs) } .margin-top--s { margin-top: var(--space-s) } .margin-top--m { margin-top: var(--space-m) } .margin-top--l { margin-top: var(--space-l) } .margin-top--xl { margin-top: var(--space-xl) } .margin-top--xxl { margin-top: var(--space-xxl) } .margin-bottom--xs { margin-bottom: var(--space-xs) } .margin-bottom--s { margin-bottom: var(--space-s) } .margin-bottom--m { margin-bottom: var(--space-m) } .margin-bottom--l { margin-bottom: var(--space-l) } .margin-bottom--xl { margin-bottom: var(--space-xl) } .margin-bottom--xxl { margin-bottom: var(--space-xxl) } .margin-left--xs { margin-left: var(--space-xs) } .margin-left--s { margin-left: var(--space-s) } .margin-left--m { margin-left: var(--space-m) } .margin-left--l { margin-left: var(--space-l) } .margin-left--xl { margin-left: var(--space-xl) } .margin-left--xxl { margin-left: var(--space-xxl) } .margin-right--xs { margin-right: var(--space-xs) } .margin-right--s { margin-right: var(--space-s) } .margin-right--m { margin-right: var(--space-m) } .margin-right--l { margin-right: var(--space-l) } .margin-right--xl { margin-right: var(--space-xl) } .margin-right--xxl { margin-right: var(--space-xxl) } .ct-section[class*="owl--"] .ct-section-inner-wrap>*+* { margin-top: var(--owl-space) } [class*="owl--"]:not(.ct-section)>*+* { margin-top: var(--owl-space) } .owl--xs { --owl-space: var(--space-xs) } .owl--s { --owl-space: var(--space-s) } .owl--m { --owl-space: var(--space-m) } .owl--l { --owl-space: var(--space-l) } .owl--xl { --owl-space: var(--space-xl) } .owl--xxl { --owl-space: var(--space-xxl) } .card--xs { padding: var(--space-xs) } .card--s { padding: var(--space-s) } .card--m { padding: var(--space-m) } .card--l { padding: var(--space-l) } .card--xl { padding: var(--space-xl) } .card--xxl { padding: var(--space-xxl) } .owl-card--xs { padding: var(--space-xs) } .owl-card--xs>*+* { margin-top: var(--space-xs) } .owl-card--s { padding: var(--space-s) } .owl-card--s>*+* { margin-top: var(--space-s) } .owl-card--m { padding: var(--space-m) } .owl-card--m>*+* { margin-top: var(--space-m) } .owl-card--l { padding: var(--space-l) } .owl-card--l>*+* { margin-top: var(--space-l) } [class*="bg--"] { background-color: var(--bg-color) } .bg--primary { --bg-color: var(--primary) } .bg--primary-hover { --bg-color: var(--primary-hover) } .bg--primary-ultra-light { --bg-color: var(--primary-ultra-light) } .bg--primary-light { --bg-color: var(--primary-light) } .bg--primary-medium { --bg-color: var(--primary-medium) } .bg--primary-dark { --bg-color: var(--primary-dark) } .bg--primary-ultra-dark { --bg-color: var(--primary-ultra-dark) } .bg--primary-ultra-dark-trans-90 { --bg-color: var(--primary-ultra-dark-trans-90) } .bg--primary-ultra-dark-trans-80 { --bg-color: var(--primary-ultra-dark-trans-80) } .bg--primary-ultra-dark-trans-60 { --bg-color: var(--primary-ultra-dark-trans-60) } .bg--primary-ultra-dark-trans-40 { --bg-color: var(--primary-ultra-dark-trans-40) } .bg--primary-ultra-dark-trans-20 { --bg-color: var(--primary-ultra-dark-trans-20) } .bg--primary-ultra-dark-trans-10 { --bg-color: var(--primary-ultra-dark-trans-10) } .bg--primary-trans-90 { --bg-color: var(--primary-trans-90) } .bg--primary-trans-80 { --bg-color: var(--primary-trans-80) } .bg--primary-trans-60 { --bg-color: var(--primary-trans-60) } .bg--primary-trans-40 { --bg-color: var(--primary-trans-40) } .bg--primary-trans-20 { --bg-color: var(--primary-trans-20) } .bg--primary-trans-10 { --bg-color: var(--primary-trans-10) } .bg--primary-comp { --bg-color: var(--primary-comp) } .bg--secondary { --bg-color: var(--secondary) } .bg--secondary-hover { --bg-color: var(--secondary-hover) } .bg--secondary-ultra-light { --bg-color: var(--secondary-ultra-light) } .bg--secondary-light { --bg-color: var(--secondary-light) } .bg--secondary-medium { --bg-color: var(--secondary-medium) } .bg--secondary-dark { --bg-color: var(--secondary-dark) } .bg--secondary-ultra-dark { --bg-color: var(--secondary-ultra-dark) } .bg--secondary-ultra-dark-trans-90 { --bg-color: var(--secondary-ultra-dark-trans-90) } .bg--secondary-ultra-dark-trans-80 { --bg-color: var(--secondary-ultra-dark-trans-80) } .bg--secondary-ultra-dark-trans-60 { --bg-color: var(--secondary-ultra-dark-trans-60) } .bg--secondary-ultra-dark-trans-40 { --bg-color: var(--secondary-ultra-dark-trans-40) } .bg--secondary-ultra-dark-trans-20 { --bg-color: var(--secondary-ultra-dark-trans-20) } .bg--secondary-ultra-dark-trans-10 { --bg-color: var(--secondary-ultra-dark-trans-10) } .bg--secondary-trans-90 { --bg-color: var(--secondary-trans-90) } .bg--secondary-trans-80 { --bg-color: var(--secondary-trans-80) } .bg--secondary-trans-60 { --bg-color: var(--secondary-trans-60) } .bg--secondary-trans-40 { --bg-color: var(--secondary-trans-40) } .bg--secondary-trans-20 { --bg-color: var(--secondary-trans-20) } .bg--secondary-trans-10 { --bg-color: var(--secondary-trans-10) } .bg--secondary-comp { --bg-color: var(--secondary-comp) } .bg--accent { --bg-color: var(--accent) } .bg--accent-hover { --bg-color: var(--accent-hover) } .bg--accent-ultra-light { --bg-color: var(--accent-ultra-light) } .bg--accent-light { --bg-color: var(--accent-light) } .bg--accent-medium { --bg-color: var(--accent-medium) } .bg--accent-dark { --bg-color: var(--accent-dark) } .bg--accent-ultra-dark { --bg-color: var(--accent-ultra-dark) } .bg--accent-ultra-dark-trans-90 { --bg-color: var(--accent-ultra-dark-trans-90) } .bg--accent-ultra-dark-trans-80 { --bg-color: var(--accent-ultra-dark-trans-80) } .bg--accent-ultra-dark-trans-60 { --bg-color: var(--accent-ultra-dark-trans-60) } .bg--accent-ultra-dark-trans-40 { --bg-color: var(--accent-ultra-dark-trans-40) } .bg--accent-ultra-dark-trans-20 { --bg-color: var(--accent-ultra-dark-trans-20) } .bg--accent-ultra-dark-trans-10 { --bg-color: var(--accent-ultra-dark-trans-10) } .bg--accent-trans-90 { --bg-color: var(--accent-trans-90) } .bg--accent-trans-80 { --bg-color: var(--accent-trans-80) } .bg--accent-trans-60 { --bg-color: var(--accent-trans-60) } .bg--accent-trans-40 { --bg-color: var(--accent-trans-40) } .bg--accent-trans-20 { --bg-color: var(--accent-trans-20) } .bg--accent-trans-10 { --bg-color: var(--accent-trans-10) } .bg--accent-comp { --bg-color: var(--accent-comp) } .bg--base { --bg-color: var(--base) } .bg--base-hover { --bg-color: var(--base-hover) } .bg--base-ultra-light { --bg-color: var(--base-ultra-light) } .bg--base-light { --bg-color: var(--base-light) } .bg--base-medium { --bg-color: var(--base-medium) } .bg--base-dark { --bg-color: var(--base-dark) } .bg--base-ultra-dark { --bg-color: var(--base-ultra-dark) } .bg--base-ultra-dark-trans-90 { --bg-color: var(--base-ultra-dark-trans-90) } .bg--base-ultra-dark-trans-80 { --bg-color: var(--base-ultra-dark-trans-80) } .bg--base-ultra-dark-trans-60 { --bg-color: var(--base-ultra-dark-trans-60) } .bg--base-ultra-dark-trans-40 { --bg-color: var(--base-ultra-dark-trans-40) } .bg--base-ultra-dark-trans-20 { --bg-color: var(--base-ultra-dark-trans-20) } .bg--base-ultra-dark-trans-10 { --bg-color: var(--base-ultra-dark-trans-10) } .bg--base-trans-90 { --bg-color: var(--base-trans-90) } .bg--base-trans-80 { --bg-color: var(--base-trans-80) } .bg--base-trans-60 { --bg-color: var(--base-trans-60) } .bg--base-trans-40 { --bg-color: var(--base-trans-40) } .bg--base-trans-20 { --bg-color: var(--base-trans-20) } .bg--base-trans-10 { --bg-color: var(--base-trans-10) } .bg--base-comp { --bg-color: var(--base-comp) } .bg--black { --bg-color: var(--shade-black) } .bg--white { --bg-color: var(--shade-white) } .bg--shade-ultra-light { --bg-color: var(--shade-ultra-light) } .bg--shade-light { --bg-color: var(--shade-light) } .bg--shade-medium { --bg-color: var(--shade-medium) } .bg--shade-dark { --bg-color: var(--shade-dark) } .bg--shade-ultra-dark { --bg-color: var(--shade-ultra-dark) } .bg--shade-ultra-dark-trans-90 { --bg-color: var(--shade-ultra-dark-trans-90) } .bg--shade-ultra-dark-trans-80 { --bg-color: var(--shade-ultra-dark-trans-80) } .bg--shade-ultra-dark-trans-60 { --bg-color: var(--shade-ultra-dark-trans-60) } .bg--shade-ultra-dark-trans-40 { --bg-color: var(--shade-ultra-dark-trans-40) } .bg--shade-ultra-dark-trans-20 { --bg-color: var(--shade-ultra-dark-trans-20) } .bg--shade-ultra-dark-trans-10 { --bg-color: var(--shade-ultra-dark-trans-10) } .bg--black-trans-90 { --bg-color: var(--black-trans-90) } .bg--black-trans-80 { --bg-color: var(--black-trans-80) } .bg--black-trans-60 { --bg-color: var(--black-trans-60) } .bg--black-trans-40 { --bg-color: var(--black-trans-40) } .bg--black-trans-20 { --bg-color: var(--black-trans-20) } .bg--black-trans-10 { --bg-color: var(--black-trans-10) } [class*="overlay--"] { position: relative; z-index: 0 } [class*="overlay--"]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1 } .overlay--primary-trans-90::before { background: var(--primary-trans-90) } .overlay--primary-trans-80::before { background: var(--primary-trans-80) } .overlay--primary-trans-60::before { background: var(--primary-trans-60) } .overlay--primary-trans-40::before { background: var(--primary-trans-40) } .overlay--primary-trans-20::before { background: var(--primary-trans-20) } .overlay--primary-trans-10::before { background: var(--primary-trans-10) } .overlay--primary-ultra-dark-trans-90::before { background: var(--primary-ultra-dark-trans-90) } .overlay--primary-ultra-dark-trans-80::before { background: var(--primary-ultra-dark-trans-80) } .overlay--primary-ultra-dark-trans-60::before { background: var(--primary-ultra-dark-trans-60) } .overlay--primary-ultra-dark-trans-40::before { background: var(--primary-ultra-dark-trans-40) } .overlay--primary-ultra-dark-trans-20::before { background: var(--primary-ultra-dark-trans-20) } .overlay--primary-ultra-dark-trans-10::before { background: var(--primary-ultra-dark-trans-10) } .overlay--secondary-trans-90::before { background: var(--secondary-trans-90) } .overlay--secondary-trans-80::before { background: var(--secondary-trans-80) } .overlay--secondary-trans-60::before { background: var(--secondary-trans-60) } .overlay--secondary-trans-40::before { background: var(--secondary-trans-40) } .overlay--secondary-trans-20::before { background: var(--secondary-trans-20) } .overlay--secondary-trans-10::before { background: var(--secondary-trans-10) } .overlay--secondary-ultra-dark-trans-90::before { background: var(--secondary-ultra-dark-trans-90) } .overlay--secondary-ultra-dark-trans-80::before { background: var(--secondary-ultra-dark-trans-80) } .overlay--secondary-ultra-dark-trans-60::before { background: var(--secondary-ultra-dark-trans-60) } .overlay--secondary-ultra-dark-trans-40::before { background: var(--secondary-ultra-dark-trans-40) } .overlay--secondary-ultra-dark-trans-20::before { background: var(--secondary-ultra-dark-trans-20) } .overlay--secondary-ultra-dark-trans-10::before { background: var(--secondary-ultra-dark-trans-10) } .overlay--accent-trans-90::before { background: var(--accent-trans-90) } .overlay--accent-trans-80::before { background: var(--accent-trans-80) } .overlay--accent-trans-60::before { background: var(--accent-trans-60) } .overlay--accent-trans-40::before { background: var(--accent-trans-40) } .overlay--accent-trans-20::before { background: var(--accent-trans-20) } .overlay--accent-trans-10::before { background: var(--accent-trans-10) } .overlay--accent-ultra-dark-trans-90::before { background: var(--accent-ultra-dark-trans-90) } .overlay--accent-ultra-dark-trans-80::before { background: var(--accent-ultra-dark-trans-80) } .overlay--accent-ultra-dark-trans-60::before { background: var(--accent-ultra-dark-trans-60) } .overlay--accent-ultra-dark-trans-40::before { background: var(--accent-ultra-dark-trans-40) } .overlay--accent-ultra-dark-trans-20::before { background: var(--accent-ultra-dark-trans-20) } .overlay--accent-ultra-dark-trans-10::before { background: var(--accent-ultra-dark-trans-10) } .overlay--base-trans-90::before { background: var(--base-trans-90) } .overlay--base-trans-80::before { background: var(--base-trans-80) } .overlay--base-trans-60::before { background: var(--base-trans-60) } .overlay--base-trans-40::before { background: var(--base-trans-40) } .overlay--base-trans-20::before { background: var(--base-trans-20) } .overlay--base-trans-10::before { background: var(--base-trans-10) } .overlay--base-ultra-dark-trans-90::before { background: var(--base-ultra-dark-trans-90) } .overlay--base-ultra-dark-trans-80::before { background: var(--base-ultra-dark-trans-80) } .overlay--base-ultra-dark-trans-60::before { background: var(--base-ultra-dark-trans-60) } .overlay--base-ultra-dark-trans-40::before { background: var(--base-ultra-dark-trans-40) } .overlay--base-ultra-dark-trans-20::before { background: var(--base-ultra-dark-trans-20) } .overlay--base-ultra-dark-trans-10::before { background: var(--base-ultra-dark-trans-10) } .overlay--shade-ultra-dark-trans-90::before { background: var(--shade-ultra-dark-trans-90) } .overlay--shade-ultra-dark-trans-80::before { background: var(--shade-ultra-dark-trans-80) } .overlay--shade-ultra-dark-trans-60::before { background: var(--shade-ultra-dark-trans-60) } .overlay--shade-ultra-dark-trans-40::before { background: var(--shade-ultra-dark-trans-40) } .overlay--shade-ultra-dark-trans-20::before { background: var(--shade-ultra-dark-trans-20) } .overlay--shade-ultra-dark-trans-10::before { background: var(--shade-ultra-dark-trans-10) } .overlay--black-trans-90::before { background: var(--black-trans-90) } .overlay--black-trans-80::before { background: var(--black-trans-80) } .overlay--black-trans-60::before { background: var(--black-trans-60) } .overlay--black-trans-40::before { background: var(--black-trans-40) } .overlay--black-trans-20::before { background: var(--black-trans-20) } .overlay--black-trans-10::before { background: var(--black-trans-10) } [class*="box-shadow--"] { box-shadow: var(--box-shadow) } .box-shadow--m { --box-shadow: 0 4px 4px -10px hsla(var(--base-h),var(--base-s),var(--base-l),.04),0 13px 13px -10px hsla(var(--base-h),var(--base-s),var(--base-l),.06),0 40px 60px -10px hsla(var(--base-h),var(--base-s),var(--base-l),.08) } .box-shadow--l { --box-shadow: 0 2.7px 3.6px -5px hsla(var(--base-h),var(--base-s),var(--base-l),.04),0 7.5px 10px -5px hsla(var(--base-h),var(--base-s),var(--base-l),.06),0 18px 24.1px -5px hsla(var(--base-h),var(--base-s),var(--base-l),.08),0 60px 80px -5px hsla(var(--base-h),var(--base-s),var(--base-l),.1) } .box-shadow--xl { --box-shadow: 0 2.2px 2.8px -5px hsla(var(--base-h),var(--base-s),var(--base-l),.01),0 5.3px 6.7px -5px hsla(var(--base-h),var(--base-s),var(--base-l),.02),0 10px 12.5px -5px hsla(var(--base-h),var(--base-s),var(--base-l),.04),0 17.9px 22.3px -5px hsla(var(--base-h),var(--base-s),var(--base-l),.06),0 33.4px 41.8px -5px hsla(var(--base-h),var(--base-s),var(--base-l),.08),0 80px 100px -5px hsla(var(--base-h),var(--base-s),var(--base-l),.1) } @media (min-width: 1365px) { .breakout--s { width:60vw; max-width: 60vw; margin: 0 calc(-30vw + 50%) } .breakout--m { width: 70vw; max-width: 70vw; margin: 0 calc(-35vw + 50%) } .breakout--l { width: 80vw; max-width: 80vw; margin: 0 calc(-40vw + 50%) } .breakout--xl { width: 90vw; max-width: 90vw; margin: 0 calc(-45vw + 50%) } } .breakout--full { width: 100vw!important; max-width: 100vw!important; margin-left: calc(-50vw + 50%)!important } @media (max-width: 1279px) { [class*="breakout--"] { width:100%; max-width: 100%; margin: 0 } } .sticky { position: sticky; top: 0 } .sticky-top--s { top: 2.5% } .sticky-top--m { top: 5% } .sticky-top--l { top: 10% } [class*="width--"]:not([class*="breakout--"]) { width: 100%; max-width: var(--width) } .width--xs { --width: var(--width-xs) } .width--s { --width: var(--width-s) } .width--m { --width: var(--width-m) } .width--l { --width: var(--width-l) } .width--xl { --width: var(--width-xl) } .width--xxl { --width: var(--width-xxl) } .width--vp-max { --width: var(--width-vp-max); margin-left: auto; margin-right: auto } .width--50 { --width: var(--width-50) } .width--full { --width: 100% } .ct-section[class*="height--"] .ct-section-inner-wrap { min-height: var(--min-height); max-height: var(--max-height) } [class*="height--"]:not(.ct-section) { min-height: var(--min-height); max-height: var(--max-height) } .height--30 { --min-height: 30vh } .height--40 { --min-height: 40vh } .height--50 { --min-height: 50vh } .height--60 { --min-height: 60vh } .height--70 { --min-height: 70vh } .height--80 { --min-height: 80vh } .height--90 { --min-height: 90vh } .height--full { --min-height: 100vh } .max-height--30 { --max-height: 30vh } .max-height--40 { --max-height: 40vh } .max-height--50 { --max-height: 50vh } .max-height--60 { --max-height: 60vh } .max-height--70 { --max-height: 70vh } .max-height--80 { --max-height: 80vh } .max-height--90 { --max-height: 90vh } .object-fit--cover { object-fit: cover } .object-fit--contain { object-fit: contain } .object-fit--top-left { object-position: 10% 90% } .object-fit--top-center { object-position: 50% 10% } .object-fit--top-right { object-position: 90% 10% } .object-fit--center-left { object-position: 10% 50% } .object-fit--center-right { object-position: 90% 50% } .object-fit--bottom-left { object-position: 10% 10% } .object-fit--bottom-center { object-position: 50% 90% } .object-fit--bottom-right { object-position: 90% 90% } :is(.btn--xs,.btn--s,.btn--m,.btn--l,.btn--xl,.btn--xxl,.btn--primary,.btn--secondary,.btn--accent,.btn--base,.btn--white,.btn--black) { background: var(--btn-bg,var(--btn-primary-bg)); border-width: var(--btn-border-size); border-color: var(--btn-border-color,var(--btn-primary-border-color)); border-radius: var(--btn-radius); line-height: 1.2; padding: var(--btn-pad-y) var(--btn-pad-x); font-size: var(--btn-text-size,var(--text-m)); color: var(--btn-text-color,var(--btn-primary-text)) } :is(.btn--xs,.btn--s,.btn--m,.btn--l,.btn--xl,.btn--xxl,.btn--primary,.btn--secondary,.btn--accent,.btn--base,.btn--white,.btn--black):hover { background: var(--btn-hover,var(--btn-primary-hover)); border-color: var(--btn-hover,var(--btn-primary-hover-border-color)); color: var(--btn-hover-text,var(--btn-primary-hover-text)) } .btn--outline { background: none; color: var(--btn-outline-text,var(--primary-outline-btn-text)); border-width: var(--btn-border-size); border-color: var(--btn-bg,var(--btn-primary-bg)); line-height: 1.2; padding: var(--btn-pad-y) var(--btn-pad-x) } .btn--outline:hover { background: var(--btn-hover,var(--btn-primary-hover)); color: var(--btn-outline-hover-text,var(--btn-primary-hover-text)); border-color: var(--btn-hover,var(--btn-primary-bg)) } :is(.btn--primary,.btn--secondary,.btn--accent,.btn--base,.btn--white,.btn--black).btn--outline { --btn-text-color: var(--btn-outline-text); --btn-border-color: var(--btn-bg); --btn-border-size: var(--outline-btn-border-size) } :is(.btn--primary,.btn--secondary,.btn--accent,.btn--base,.btn--white,.btn--black).btn--outline:hover { --btn-bg: var(--btn-hover); --btn-text-color: var(--btn-outline-hover-text); --btn-border-color: var(--btn-hover); --btn-outline-hover-text: var(--primary-outline-hover-text) } :is(.btn--xs,.btn--s,.btn--m,.btn--l,.btn--xl,.btn--xxl) { font-size: var(--btn-text-size) } .btn--primary { --btn-bg: var(--btn-primary-bg); --btn-text-color: var(--btn-primary-text); --btn-hover: var(--btn-primary-hover); --btn-hover-text: var(--btn-primary-hover-text); --btn-border-color: var(--btn-primary-border-color); --btn-outline-text: var(--primary-outline-btn-text); --btn-outline-hover-text: var(--primary-outline-hover-text) } .btn--secondary { --btn-bg: var(--btn-secondary-bg); --btn-text-color: var(--btn-secondary-text); --btn-hover: var(--btn-secondary-hover); --btn-hover-text: var(--btn-secondary-hover-text); --btn-border-color: var(--btn-secondary-border-color); --btn-outline-text: var(--secondary-outline-btn-text); --btn-outline-hover-text: var(--secondary-outline-hover-text) } .btn--accent { --btn-bg: var(--btn-accent-bg); --btn-text-color: var(--btn-accent-text); --btn-hover: var(--btn-accent-hover); --btn-hover-text: var(--btn-accent-hover-text); --btn-border-color: var(--btn-accent-border-color); --btn-outline-text: var(--accent-outline-btn-text); --btn-outline-hover-text: var(--accent-outline-hover-text) } .btn--base { --btn-bg: var(--btn-base-bg); --btn-text-color: var(--btn-base-text); --btn-hover: var(--btn-base-hover); --btn-hover-text: var(--btn-base-hover-text); --btn-border-color: var(--btn-base-border-color); --btn-outline-text: var(--base-outline-btn-text); --btn-outline-hover-text: var(--base-outline-hover-text) } .btn--white { --btn-bg: var(--btn-white-bg); --btn-text-color: var(--btn-white-text); --btn-hover: var(--btn-white-hover); --btn-hover-text: var(--btn-white-hover-text); --btn-border-color: var(--btn-white-border-color); --btn-outline-text: var(--white-outline-btn-text); --btn-outline-hover-text: var(--white-outline-hover-text) } .btn--black { --btn-bg: var(--btn-black-bg); --btn-text-color: var(--btn-black-text); --btn-hover: var(--btn-black-hover); --btn-hover-text: var(--btn-black-hover-text); --btn-border-color: var(--btn-black-border-color); --btn-outline-text: var(--black-outline-btn-text); --btn-outline-hover-text: var(--black-outline-hover-text) } .btn--xs { --btn-text-size: var(--text-xs) } .btn--s { --btn-text-size: var(--text-s) } .btn--m { --btn-text-size: var(--text-m) } .btn--l { --btn-text-size: var(--text-l) } .btn--xl { --btn-text-size: var(--text-xl) } .btn--xxl { --btn-text-size: var(--text-xxl) } [class*="rounded--"] { border-radius: var(--radius) } .rounded--xs { --radius: var(--radius-xs) } .rounded--s { --radius: var(--radius-s) } .rounded--m { --radius: var(--base-radius) } .rounded--l { --radius: var(--radius-l) } .rounded--xl { --radius: var(--radius-xl) } .rounded--xxl { --radius: var(--radius-xxl) } .rounded--circle { --radius: var(--radius-50) } .rounded--none { --radius: none } [class*="center--"]:not(.ct-section),[class*="flex--"]:not(.ct-section),.ct-section[class*="center--"] .ct-section-inner-wrap,.ct-section[class*="flex--"] .ct-section-inner-wrap { display: var(--flex-display); flex-direction: var(--flex-direction); justify-content: var(--flex-justify); align-content: var(--flex-align-content); align-items: var(--flex-align-items); flex-wrap: var(--flex-wrap); text-align: var(--flex-text) } [class*="flex--"],[class*="center--"] { --flex-display: flex } .flex--row { --flex-direction: row; --flex-align-items: flex-start } .flex--col { --flex-direction: column; --flex-align-items: flex-start } .flex--row-reverse { --flex-direction: row-reverse } .flex--col-reverse { --flex-direction: column-reverse } .justify--start { --flex-justify: flex-start } .justify--center { --flex-justify: center } .justify--end { --flex-justify: flex-end } .justify--between { --flex-justify: space-between } .justify--around { --flex-justify: space-around } .align--start { --flex-align-items: flex-start } .align--center { --flex-align-items: center } .align--end { --flex-align-items: flex-end } .align--baseline { --flex-align-items: baseline } .flex--wrap { --flex-wrap: wrap } .self--start { align-self: flex-start } .self--end { align-self: flex-end } .self--center { align-self: center } .self--stretch { align-self: stretch } .stretch:not(.ct-section),.ct-section.stretch .ct-section-inner-wrap { display: flex; --flex-align-items: stretch; --flex-justify: stretch } @media only screen and (max-width: 479px) { .flex--col-s { --flex-direction:column } .flex--row-s { --flex-direction: row } .flex--row-reverse-s { --flex-direction: row-reverse } .flex--col-reverse-s { --flex-direction: column-reverse } } @media only screen and (max-width: 767px) { .flex--col-m { --flex-direction:column } .flex--row-m { --flex-direction: row } .flex--row-reverse-m { --flex-direction: row-reverse } .flex--col-reverse-m { --flex-direction: column-reverse } } @media only screen and (max-width: 991px) { .flex--col-l { --flex-direction:column } .flex--row-l { --flex-direction: row } .flex--row-reverse-l { --flex-direction: row-reverse } .flex--col-reverse-l { --flex-direction: column-reverse } } @media only screen and (max-width: 1279px) { .flex--col-xl { --flex-direction:column } .flex--row-xl { --flex-direction: row } .flex--row-reverse-xl { --flex-direction: row-reverse } .flex--col-reverse-xl { --flex-direction: column-reverse } } .center--all { --flex-direction: column; --flex-align-items: center; --flex-align-content: center; --flex-justify: center; --flex-text: center } .center--y { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-start } .center--x { --flex-direction: row; --flex-justify: center; --flex-align-items: flex-start } .center--left { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-start; --flex-text: left } .center--right { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-end } @media only screen and (max-width: 479px) { .center--all-s { --flex-align-items:center; --flex-align-content: center; --flex-justify: center; --flex-text: center } .center--y-s { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-start } .center--x-s { --flex-direction: row; --flex-justify: center; --flex-align-items: flex-start } .center--left-s { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-start; --flex-text: left } .center--right-s { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-end } } @media only screen and (max-width: 767px) { .center--all-m { --flex-align-items:center; --flex-align-content: center; --flex-justify: center; --flex-text: center } .center--y-m { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-start } .center--x-m { --flex-direction: row; --flex-justify: center; --flex-align-items: flex-start } .center--left-m { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-start; --flex-text: left } .center--right-m { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-end } } @media only screen and (max-width: 991px) { .center--all-l { --flex-align-items:center; --flex-align-content: center; --flex-justify: center; --flex-text: center } .center--y-l { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-start } .center--x-l { --flex-direction: row; --flex-justify: center; --flex-align-items: flex-start } .center--left-l { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-start; --flex-text: left } .center--right-l { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-end } } @media only screen and (max-width: 1279px) { .ct-section.center--all-xl .ct-section-inner-wrap,.center--all-xl:not(.ct-section) { --flex-align-items:center; --flex-align-content: center; --flex-justify: center; --flex-text: center } .center--y-xl { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-start } .center--x-xl { --flex-direction: row; --flex-justify: center; --flex-align-items: flex-start } .center--left-xl { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-start; --flex-text: left } .center--right-xl { --flex-direction: column; --flex-justify: center; --flex-align-items: flex-end } } .flip--x,.flip--x>div { transform: scaleX(-1) } .flip--y,.flip--y>div { transform: scaleY(-1) } .flip--xy,.flip--xy>div { transform: scale(-1,-1) } .opacity--5 { opacity: .05 } .opacity--10 { opacity: .1 } .opacity--20 { opacity: .2 } .opacity--30 { opacity: .3 } .opacity--40 { opacity: .4 } .opacity--50 { opacity: .5 } .opacity--60 { opacity: .6 } .opacity--70 { opacity: .7 } .opacity--80 { opacity: .8 } .opacity--90 { opacity: .9 } .opacity--95 { opacity: .95 } .transition--1 { transition: 0.1s; } .transition--2 { transition: 0.2s; } .transition--3 { transition: 0.3s; }blockquote{ font-size: 1.4em; margin:50px auto; font-style:italic; color: var(--shade-black); padding:1.2em 30px 1.2em 75px; border-left:8px solid var(--primary) ; line-height:1.6; position: relative; background:#EDEDED; font-family: inherit; } blockquote::before{ font-family: Arial; font-style:normal; content: "\201C"; color:var(--primary-light); font-size:4em; position: absolute; left: 20px; top:-10px; } blockquote::after{ content: ''; } blockquote cite{ display:block; color:#333333; font-style: normal; font-weight: bold; margin-top:1em; } :root { --vp-min: 32; --vp-max: 128; --primary-h: 143; --primary-s: 40%; --primary-l: 32%; --secondary-h: 111; --secondary-s: 14%; --secondary-l: 60%; --accent-h: 30; --accent-s: 29%; --accent-l: 95%; --base-h: 0; --base-s: 3%; --base-l: 14%; --shade-h: 0; --shade-s: 0%; --shade-l: 0%; --base-text-desk: 1.8; --base-text-mob: 1.6; --text-xs-stop: 1rem; --text-s-stop: 1.1rem; --text-scale: 1.250; --mob-text-scale: 1.15; --text-multiplier: 1.5; --base-space: 3; --base-space-min: 2.4; --space-scale: 1.5; --mob-space-scale: 1.2; --space-adjust-section: 4; --mob-space-adjust-section: 2; --section-padding-x: var(--space-m); --btn-primary-bg: var(--primary); --btn-secondary-bg: var(--secondary); --btn-accent-bg: var(--accent); --btn-base-bg: var(--base); --btn-white-bg: var(--shade-white); --btn-black-bg: var(--shade-black); --btn-primary-text: var(--primary-ultra-light); --btn-secondary-text: var(--secondary-ultra-light); --btn-accent-text: var(--accent-ultra-light); --btn-base-text: var(--base-ultra-light); --btn-white-text: var(--shade-black); --btn-black-text: var(--shade-white); --btn-primary-border-color: var(--primary); --btn-secondary-border-color: var(--secondary); --btn-accent-border-color: var(--accent); --btn-base-border-color: var(--base); --btn-white-border-color: var(--shade-white); --btn-black-border-color: var(--shade-black); --btn-primary-hover: var(--primary-hover); --btn-secondary-hover: var(--secondary-hover); --btn-accent-hover: var(--accent-hover); --btn-base-hover: var(--base-hover); --btn-white-hover: var(--primary-hover); --btn-black-hover: var(--primary-hover); --btn-primary-hover-text: var(--primary-ultra-light); --btn-secondary-hover-text: var(--secondary-ultra-light); --btn-accent-hover-text: var(--accent-ultra-light); --btn-base-hover-text: var(--base-ultra-light); --btn-white-hover-text: var(--shade-white); --btn-black-hover-text: var(--shade-white); --btn-primary-hover-border-color: var(--primary-hover); --btn-secondary-hover-border-color: var(--secondary-hover); --btn-accent-hover-border-color: var(--accent-hover); --btn-base-hover-border-color: var(--base-hover); --btn-white-hover-border-color: var(--shade-black); --btn-black-hover-border-color: var(--shade-white); --btn-border-size: .25rem; --btn-pad-y: 1em; --btn-pad-x: 1.5em; --btn-radius: .5rem; --outline-btn-border-size: .25rem; --primary-outline-btn-text: var(--primary); --secondary-outline-btn-text: var(--secondary); --base-outline-btn-text: var(--base); --accent-outline-btn-text: var(--accent); --white-outline-btn-text: var(--shade-white); --black-outline-btn-text: var(--shade-black); --primary-outline-hover-text: var(--primary-ultra-light); --secondary-outline-hover-text: var(--secondary-ultra-light); --base-outline-hover-text: var(--base-ultra-light); --accent-outline-hover-text: var(--accent-ultra-light); --white-outline-hover-text: var(--primary-ultra-light); --black-outline-hover-text: var(--primary-ultra-light); --base-radius: 1rem; --radius-scale: 1.5; --tooltip-bg: var(--base); --tooltip-text-size: var(--text-s); --tooltip-text-color: var(--shade-white); --tooltip-width: 24rem; --tooltip-underline-thickness: .2rem; --tooltip-underline-style: dashed; --tooltip-underline-color: var(--primary); --tooltip-link-color: inherit; --tooltip-link-weight: 500; --tooltip-link-bg: inherit; --tooltip-text-align: center; --primary-hover-val: 1.05; --primary-ultra-light-val: 95%; --primary-light-val: 85%; --primary-medium-val: 50%; --primary-dark-val: 25%; --primary-ultra-dark-val: 10%; --secondary-hover-val: 1.05; --secondary-ultra-light-val: 95%; --secondary-light-val: 85%; --secondary-medium-val: 50%; --secondary-dark-val: 25%; --secondary-ultra-dark-val: 10%; --accent-hover-val: 1.05; --accent-ultra-light-val: 95%; --accent-light-val: 85%; --accent-medium-val: 50%; --accent-dark-val: 25%; --accent-ultra-dark-val: 10%; --base-hover-val: 1.05; --base-ultra-light-val: 95%; --base-light-val: 85%; --base-medium-val: 50%; --base-dark-val: 25%; --base-ultra-dark-val: 10%; --primary: hsl(var(--primary-h),var(--primary-s),var(--primary-l)); --primary-hover: hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l) * var(--primary-hover-val))); --primary-ultra-light: hsl(var(--primary-h),var(--primary-s),var(--primary-ultra-light-val)); --primary-light: hsl(var(--primary-h),var(--primary-s),var(--primary-light-val)); --primary-medium: hsl(var(--primary-h),var(--primary-s),var(--primary-medium-val)); --primary-dark: hsl(var(--primary-h),var(--primary-s),var(--primary-dark-val)); --primary-ultra-dark: hsl(var(--primary-h),var(--primary-s),var(--primary-ultra-dark-val)); --primary-ultra-dark-trans-90: hsla(var(--primary-h),var(--primary-s),var(--primary-ultra-dark-val),.9); --primary-ultra-dark-trans-80: hsla(var(--primary-h),var(--primary-s),var(--primary-ultra-dark-val),.8); --primary-ultra-dark-trans-60: hsla(var(--primary-h),var(--primary-s),var(--primary-ultra-dark-val),.6); --primary-ultra-dark-trans-40: hsla(var(--primary-h),var(--primary-s),var(--primary-ultra-dark-val),.4); --primary-ultra-dark-trans-20: hsla(var(--primary-h),var(--primary-s),var(--primary-ultra-dark-val),.2); --primary-ultra-dark-trans-10: hsla(var(--primary-h),var(--primary-s),var(--primary-ultra-dark-val),.1); --primary-trans-90: hsla(var(--primary-h),var(--primary-s),var(--primary-l),.9); --primary-trans-80: hsla(var(--primary-h),var(--primary-s),var(--primary-l),.8); --primary-trans-60: hsla(var(--primary-h),var(--primary-s),var(--primary-l),.6); --primary-trans-40: hsla(var(--primary-h),var(--primary-s),var(--primary-l),.4); --primary-trans-20: hsla(var(--primary-h),var(--primary-s),var(--primary-l),.2); --primary-trans-10: hsla(var(--primary-h),var(--primary-s),var(--primary-l),.1); --primary-comp: hsl(calc(var(--primary-h) + 180),var(--primary-s),var(--primary-l)); --secondary: hsl(var(--secondary-h),var(--secondary-s),var(--secondary-l)); --secondary-hover: hsl(var(--secondary-h),var(--secondary-s),calc(var(--secondary-l) * var(--secondary-hover-val))); --secondary-ultra-light: hsl(var(--secondary-h),var(--secondary-s),var(--secondary-ultra-light-val)); --secondary-light: hsl(var(--secondary-h),var(--secondary-s),var(--secondary-light-val)); --secondary-medium: hsl(var(--secondary-h),var(--secondary-s),var(--secondary-medium-val)); --secondary-dark: hsl(var(--secondary-h),var(--secondary-s),var(--secondary-dark-val)); --secondary-ultra-dark: hsl(var(--secondary-h),var(--secondary-s),var(--secondary-ultra-dark-val)); --secondary-ultra-dark-trans-90: hsla(var(--secondary-h),var(--secondary-s),var(--secondary-ultra-dark-val),.9); --secondary-ultra-dark-trans-80: hsla(var(--secondary-h),var(--secondary-s),var(--secondary-ultra-dark-val),.8); --secondary-ultra-dark-trans-60: hsla(var(--secondary-h),var(--secondary-s),var(--secondary-ultra-dark-val),.6); --secondary-ultra-dark-trans-40: hsla(var(--secondary-h),var(--secondary-s),var(--secondary-ultra-dark-val),.4); --secondary-ultra-dark-trans-20: hsla(var(--secondary-h),var(--secondary-s),var(--secondary-ultra-dark-val),.2); --secondary-ultra-dark-trans-10: hsla(var(--secondary-h),var(--secondary-s),var(--secondary-ultra-dark-val),.1); --secondary-trans-90: hsla(var(--secondary-h),var(--secondary-s),var(--secondary-l),.9); --secondary-trans-80: hsla(var(--secondary-h),var(--secondary-s),var(--secondary-l),.8); --secondary-trans-60: hsla(var(--secondary-h),var(--secondary-s),var(--secondary-l),.6); --secondary-trans-40: hsla(var(--secondary-h),var(--secondary-s),var(--secondary-l),.4); --secondary-trans-20: hsla(var(--secondary-h),var(--secondary-s),var(--secondary-l),.2); --secondary-trans-10: hsla(var(--secondary-h),var(--secondary-s),var(--secondary-l),.1); --secondary-comp: hsl(calc(var(--secondary-h) + 180),var(--secondary-s),var(--secondary-l)); --accent: hsl(var(--accent-h),var(--accent-s),var(--accent-l)); --accent-hover: hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l) * var(--accent-hover-val))); --accent-ultra-light: hsl(var(--accent-h),var(--accent-s),var(--accent-ultra-light-val)); --accent-light: hsl(var(--accent-h),var(--accent-s),var(--accent-light-val)); --accent-medium: hsl(var(--accent-h),var(--accent-s),var(--accent-medium-val)); --accent-dark: hsl(var(--accent-h),var(--accent-s),var(--accent-dark-val)); --accent-ultra-dark: hsl(var(--accent-h),var(--accent-s),var(--accent-ultra-dark-val)); --accent-ultra-dark-trans-90: hsla(var(--accent-h),var(--accent-s),var(--accent-ultra-dark-val),.9); --accent-ultra-dark-trans-80: hsla(var(--accent-h),var(--accent-s),var(--accent-ultra-dark-val),.8); --accent-ultra-dark-trans-60: hsla(var(--accent-h),var(--accent-s),var(--accent-ultra-dark-val),.6); --accent-ultra-dark-trans-40: hsla(var(--accent-h),var(--accent-s),var(--accent-ultra-dark-val),.4); --accent-ultra-dark-trans-20: hsla(var(--accent-h),var(--accent-s),var(--accent-ultra-dark-val),.2); --accent-ultra-dark-trans-10: hsla(var(--accent-h),var(--accent-s),var(--accent-ultra-dark-val),.1); --accent-trans-90: hsla(var(--accent-h),var(--accent-s),var(--accent-l),.9); --accent-trans-80: hsla(var(--accent-h),var(--accent-s),var(--accent-l),.8); --accent-trans-60: hsla(var(--accent-h),var(--accent-s),var(--accent-l),.6); --accent-trans-40: hsla(var(--accent-h),var(--accent-s),var(--accent-l),.4); --accent-trans-20: hsla(var(--accent-h),var(--accent-s),var(--accent-l),.2); --accent-trans-10: hsla(var(--accent-h),var(--accent-s),var(--accent-l),.1); --accent-comp: hsl(calc(var(--accent-h) + 180),var(--accent-s),var(--accent-l)); --base: hsl(var(--base-h),var(--base-s),var(--base-l)); --base-hover: hsl(var(--base-h),var(--base-s),calc(var(--base-l) * var(--base-hover-val))); --base-ultra-light: hsl(var(--base-h),var(--base-s),var(--base-ultra-light-val)); --base-light: hsl(var(--base-h),var(--base-s),var(--base-light-val)); --base-medium: hsl(var(--base-h),var(--base-s),var(--base-medium-val)); --base-dark: hsl(var(--base-h),var(--base-s),var(--base-dark-val)); --base-ultra-dark: hsl(var(--base-h),var(--base-s),var(--base-ultra-dark-val)); --base-ultra-dark-trans-90: hsla(var(--base-h),var(--base-s),var(--base-ultra-dark-val),.9); --base-ultra-dark-trans-80: hsla(var(--base-h),var(--base-s),var(--base-ultra-dark-val),.8); --base-ultra-dark-trans-60: hsla(var(--base-h),var(--base-s),var(--base-ultra-dark-val),.6); --base-ultra-dark-trans-40: hsla(var(--base-h),var(--base-s),var(--base-ultra-dark-val),.4); --base-ultra-dark-trans-20: hsla(var(--base-h),var(--base-s),var(--base-ultra-dark-val),.2); --base-ultra-dark-trans-10: hsla(var(--base-h),var(--base-s),var(--base-ultra-dark-val),.1); --base-trans-90: hsla(var(--base-h),var(--base-s),var(--base-l),.9); --base-trans-80: hsla(var(--base-h),var(--base-s),var(--base-l),.8); --base-trans-60: hsla(var(--base-h),var(--base-s),var(--base-l),.6); --base-trans-40: hsla(var(--base-h),var(--base-s),var(--base-l),.4); --base-trans-20: hsla(var(--base-h),var(--base-s),var(--base-l),.2); --base-trans-10: hsla(var(--base-h),var(--base-s),var(--base-l),.1); --base-comp: hsl(calc(var(--base-h) + 180),var(--base-s),var(--base-l)); --shade-black: hsl(0,0%,0%); --shade-white: hsl(100,100%,100%); --shade-ultra-light: hsl(var(--shade-h),var(--shade-s),95%); --shade-light: hsl(var(--shade-h),var(--shade-s),85%); --shade-medium: hsl(var(--shade-h),var(--shade-s),50%); --shade-dark: hsl(var(--shade-h),var(--shade-s),20%); --shade-ultra-dark: hsl(var(--shade-h),var(--shade-s),10%); --shade-ultra-dark-trans-90: hsla(var(--shade-h),var(--shade-s),var(--shade-ultra-dark-val),.9); --shade-ultra-dark-trans-80: hsla(var(--shade-h),var(--shade-s),var(--shade-ultra-dark-val),.8); --shade-ultra-dark-trans-60: hsla(var(--shade-h),var(--shade-s),var(--shade-ultra-dark-val),.6); --shade-ultra-dark-trans-40: hsla(var(--shade-h),var(--shade-s),var(--shade-ultra-dark-val),.4); --shade-ultra-dark-trans-20: hsla(var(--shade-h),var(--shade-s),var(--shade-ultra-dark-val),.2); --shade-ultra-dark-trans-10: hsla(var(--shade-h),var(--shade-s),var(--shade-ultra-dark-val),.1); --black-trans-90: hsla(var(--shade-h),var(--shade-s),var(--shade-l),.9); --black-trans-80: hsla(var(--shade-h),var(--shade-s),var(--shade-l),.8); --black-trans-60: hsla(var(--shade-h),var(--shade-s),var(--shade-l),.6); --black-trans-40: hsla(var(--shade-h),var(--shade-s),var(--shade-l),.4); --black-trans-20: hsla(var(--shade-h),var(--shade-s),var(--shade-l),.2); --black-trans-10: hsla(var(--shade-h),var(--shade-s),var(--shade-l),.1); --text-m-max: var(--base-text-desk); --text-m-min: var(--base-text-mob); --text-s-max: calc(var(--text-m-max) / var(--text-scale)); --text-s-min: calc(var(--text-m-min) / var(--mob-text-scale)); --text-xs-max: calc(var(--text-s-max) / var(--text-scale)); --text-xs-min: calc(var(--text-s-min) / var(--mob-text-scale)); --text-l-max: calc(var(--text-m-max) * var(--text-scale)); --text-l-min: calc(var(--text-m-min) * var(--mob-text-scale)); --text-xl-max: calc(var(--text-l-max) * var(--text-scale)); --text-xl-min: calc(var(--text-l-min) * var(--mob-text-scale)); --text-xxl-max: calc(var(--text-xl-max) * var(--text-scale)); --text-xxl-min: calc(var(--text-xl-min) * var(--mob-text-scale)); --text-xs: clamp(calc(var(--text-xs-min) * 1rem), calc(var(--text-xs-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--text-xs-max) - var(--text-xs-min)) / (var(--vp-max) - var(--vp-min))))), calc(var(--text-xs-max) * 1rem)); --text-s: clamp(calc(var(--text-s-min) * 1rem), calc(var(--text-s-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--text-s-max) - var(--text-s-min)) / (var(--vp-max) - var(--vp-min))))), calc(var(--text-s-max) * 1rem)); --text-m: clamp(calc(var(--text-m-min) * 1rem), calc(var(--text-m-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--text-m-max) - var(--text-m-min)) / (var(--vp-max) - var(--vp-min))))), calc(var(--text-m-max) * 1rem)); --text-l: clamp(calc(var(--text-l-min) * 1rem), calc(var(--text-l-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--text-l-max) - var(--text-l-min)) / (var(--vp-max) - var(--vp-min))))), calc(var(--text-l-max) * 1rem)); --text-xl: clamp(calc(var(--text-xl-min) * 1rem), calc(var(--text-xl-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--text-xl-max) - var(--text-xl-min)) / (var(--vp-max) - var(--vp-min))))), calc(var(--text-xl-max) * 1rem)); --text-xxl: clamp(calc(var(--text-xxl-min) * 1rem), calc(var(--text-xxl-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--text-xxl-max) - var(--text-xxl-min)) / (var(--vp-max) - var(--vp-min))))), calc(var(--text-xxl-max) * 1rem)); --space-m-min: var(--base-space-min); --space-m-max: var(--base-space); --space-xs-min: calc(var(--space-s-min) / var(--mob-space-scale)); --space-xs-max: calc(var(--space-s-max) / var(--space-scale)); --space-s-min: calc(var(--space-m-min) / var(--mob-space-scale)); --space-s-max: calc(var(--space-m-max) / var(--space-scale)); --space-l-min: calc(var(--space-m-min) * var(--mob-space-scale)); --space-l-max: calc(var(--space-m-max) * var(--space-scale)); --space-xl-min: calc(var(--space-l-min) * var(--mob-space-scale)); --space-xl-max: calc(var(--space-l-max) * var(--space-scale)); --space-xxl-min: calc(var(--space-xl-min) * var(--mob-space-scale)); --space-xxl-max: calc(var(--space-xl-max) * var(--space-scale)); --space-xs: clamp(var(--space-xs-min) * 1rem, calc(var(--space-xs-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--space-xs-max) - var(--space-xs-min)) / (var(--vp-max) - var(--vp-min))))), var(--space-xs-max) * 1rem); --space-s: clamp(var(--space-s-min) * 1rem, calc(var(--space-s-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--space-s-max) - var(--space-l-min)) / (var(--vp-max) - var(--vp-min))))), var(--space-s-max) * 1rem); --space-m: clamp(var(--space-m-min) * 1rem, calc(var(--space-m-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--space-m-max) - var(--space-m-min)) / (var(--vp-max) - var(--vp-min))))), var(--space-m-max) * 1rem); --space-l: clamp(var(--space-l-min) * 1rem, calc(var(--space-l-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--space-l-max) - var(--space-l-min)) / (var(--vp-max) - var(--vp-min))))), var(--space-l-max) * 1rem); --space-xl: clamp(var(--space-xl-min) * 1rem, calc(var(--space-xl-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--space-xl-max) - var(--space-xl-min)) / (var(--vp-max) - var(--vp-min))))), var(--space-xl-max) * 1rem); --space-xxl: clamp(var(--space-xxl-min) * 1rem, calc(var(--space-xxl-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--space-xxl-max) - var(--space-xxl-min)) / (var(--vp-max) - var(--vp-min))))), var(--space-xxl-max) * 1rem); --section-m-min: calc(var(--space-m-min) * var(--mob-space-adjust-section)); --section-m-max: calc(var(--space-m-max) * var(--space-adjust-section)); --section-xs-min: calc(var(--space-xs-min) * var(--mob-space-adjust-section)); --section-xs-max: calc(var(--space-xs-max) * var(--space-adjust-section)); --section-s-min: calc(var(--space-s-min) * var(--mob-space-adjust-section)); --section-s-max: calc(var(--space-s-max) * var(--space-adjust-section)); --section-l-min: calc(var(--space-l-min) * var(--mob-space-adjust-section)); --section-l-max: calc(var(--space-l-max) * var(--space-adjust-section)); --section-xl-min: calc(var(--space-xl-min) * var(--mob-space-adjust-section)); --section-xl-max: calc(var(--space-xl-max) * var(--space-adjust-section)); --section-xxl-min: calc(var(--space-xxl-min) * var(--mob-space-adjust-section)); --section-xxl-max: calc(var(--space-xxl-max) * var(--space-adjust-section)); --section-space-xs: clamp(calc(var(--section-xs-min) * 1rem), calc(var(--section-xs-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--section-xs-max) - var(--section-xs-min)) / (var(--vp-max) - var(--vp-min))))), calc(var(--section-xs-max) * 1rem)); --section-space-s: clamp(calc(var(--section-s-min) * 1rem), calc(var(--section-s-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--section-s-max) - var(--section-s-min)) / (var(--vp-max) - var(--vp-min))))), calc(var(--section-s-max) * 1rem)); --section-space-m: clamp(calc(var(--section-m-min) * 1rem), calc(var(--section-m-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--section-m-max) - var(--section-m-min)) / (var(--vp-max) - var(--vp-min))))), calc(var(--section-m-max) * 1rem)); --section-space-l: clamp(calc(var(--section-l-min) * 1rem), calc(var(--section-l-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--section-l-max) - var(--section-l-min)) / (var(--vp-max) - var(--vp-min))))), calc(var(--section-l-max) * 1rem)); --section-space-xl: clamp(calc(var(--section-xl-min) * 1rem), calc(var(--section-xl-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--section-xl-max) - var(--section-xl-min)) / (var(--vp-max) - var(--vp-min))))), calc(var(--section-xl-max) * 1rem)); --section-space-xxl: clamp(calc(var(--section-xxl-min) * 1rem), calc(var(--section-xxl-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--section-xxl-max) - var(--section-xxl-min)) / (var(--vp-max) - var(--vp-min))))), calc(var(--section-xxl-max) * 1rem)); --section-xs: var(--section-space-xs) var(--section-padding-x); --section-s: var(--section-space-s) var(--section-padding-x); --section-m: var(--section-space-m) var(--section-padding-x); --section-l: var(--section-space-l) var(--section-padding-x); --section-xl: var(--section-space-xl) var(--section-padding-x); --section-xxl: var(--section-space-xxl) var(--section-padding-x); --radius-xs: calc(var(--radius-s) / var(--radius-scale)); --radius-s: calc(var(--base-radius) / var(--radius-scale)); --radius-m: var(--base-radius); --radius-l: calc(var(--base-radius) * var(--radius-scale)); --radius-xl: calc(var(--radius-l) * var(--radius-scale)); --radius-xxl: calc(var(--radius-xl) * var(--radius-scale)); --radius-50: 50%; --width-xs: calc(var(--vp-max) * .1 * 1rem); --width-s: calc(var(--vp-max) * .2 * 1rem); --width-m: calc(var(--vp-max) * .4 * 1rem); --width-l: calc(var(--vp-max) * .6 * 1rem); --width-xl: calc(var(--vp-max) * .8 * 1rem); --width-xxl: calc(var(--vp-max) * .9 * 1rem); --width-vp-max: calc((var(--vp-max) - var(--base-space) * 2) * 1rem); --width-50: calc((var(--vp-max) / 2) * 1rem); --grid-break--2: calc(((var(--vp-max) - (var(--base-space) * 2)) * 1rem) / 2.99); --grid-break--3: calc(((var(--vp-max) - (var(--base-space) * 2)) * 1rem) / 3.99); --grid-break--4: calc(((var(--vp-max) - (var(--base-space) * 2)) * 1rem) / 4.99); --grid-break--5: calc(((var(--vp-max) - (var(--base-space) * 2)) * 1rem) / 5.99); --grid-break--6: calc(((var(--vp-max) - (var(--base-space) * 2)) * 1rem) / 6.99); } input{ width:100%; } input#searchsubmit{ display:none; } suggestion-post-thumbnail{ display:none; } .oxy-comment-form textarea{ } .oxy-comment-form #submit{ border-radius:4px; }