.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; 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-shape-divider { width: 0px; height: 0px; } .oxy_shape_divider svg { width: 100%; } /*---------Font Smoothing---------*/ .woocommerce { -webkit-font-smoothing: antialiased; } /*------Rating Stars--------*/ .woocommerce .star-rating::before, .woocommerce .stars:not(.selected) span a, .woocommerce .stars.selected span a.active ~ a { color: #d3d3d3; } .woocommerce .star-rating, .woocommerce .stars.selected span a { color: #65bec2; } /*-----Product Images------*/ .woocommerce div.flex-viewport, .woocommerce-product-gallery__wrapper, .woocommerce div.product div.images .flex-control-thumbs li, .woocommerce ul.products li.product a img, .woocommerce-cart table.cart img { min-width: 64px; min-height: 64px; border: 1px solid #d3ced2; overflow: hidden; } .flex-viewport .woocommerce-product-gallery__wrapper { border: none; /* Remove duplicated borders */ border-radius: 0 !important; /* Fix duplicated radius */ margin: 0 !important; /* Fix duplicated margin */ } /*----------Secondary Buttons-------------*/ .woocommerce button.button.alt, .woocommerce a.button, .woocommerce ul.products li.product .button, .woocommerce #review_form #respond .form-submit input, .woocommerce a.button.alt, .woocommerce button.button { background: #666666; border: 1px solid #666666; font-size: 12px; border-radius: 0px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; line-height: 1.2; text-align: center; padding: 16px 24px; outline: none; font-family: inherit; border-radius: 4px; display: flex; flex-direction: row; justify-content: center; } /*----------Secondary Hovered-------------*/ .woocommerce button.button.alt:hover, .woocommerce a.button:hover, .woocommerce ul.products li.product .button:hover, .woocommerce #review_form #respond .form-submit input:hover, .woocommerce a.button.alt:hover, .woocommerce button.button:hover { background: #999999; border: 1px solid #999999; color: #ffffff; } /*----------Tertiary Buttons-------------*/ .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce a.added_to_cart, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce table.my_account_orders .button, td a.woocommerce-MyAccount-downloads-file.button.alt { line-height: 1.2; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 12px; background: #ffffff; border: 1px solid #65bec2; color: #65bec2; padding: 16px 24px; outline: none; font-family: inherit; border-radius: 4px; } /*----------Tertiary Buttons Hovered-------------*/ .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover, .woocommerce a.added_to_cart:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce table.my_account_orders .button:hover, td a.woocommerce-MyAccount-downloads-file.button.alt:hover { background: #ffffff; border: 1px solid #6799b2; color: #6799b2; } /*---Disabled Buttons---*/ .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { filter: grayscale(100%); } /*----------Links-------------*/ .woocommerce a.wcppec-checkout-buttons__button, .woocommerce ul.product_list_widget li a, .woocommerce ul.product-categories a, .woocommerce .widget_layered_nav_filters ul li a, .woocommerce .woocommerce-widget-layered-nav-list__item a, .woocommerce .wc-layered-nav-rating a, .woocommerce div.tagcloud a, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, h2.woocommerce-loop-category__title, .comment-form-rating a, .woocommerce .download-product a, a.woocommerce-remove-coupon, .woocommerce a.shipping-calculator-button, .woocommerce a.remove, .woocommerce a.reset_variations, .woocommerce .product-name a, .woocommerce-info a, .woocommerce-error a, .woocommerce-message a, .woocommerce-checkout-payment a, .woocommerce-LostPassword a, .woocommerce-Address-title a, .woocommerce-MyAccount-navigation-link a, .woocommerce-MyAccount-content a, a.woocommerce-review-link, .posted_in a, .tagged_as a, .woocommerce .woocommerce-breadcrumb a { color: #6799b2; font-weight: 400; font-family: inherit; text-decoration: none; } /*----------Links Hovered-------------*/ .woocommerce a.wcppec-checkout-buttons__button:hover, .woocommerce ul.product_list_widget li a:hover, .woocommerce ul.product-categories a:hover, .woocommerce .widget_layered_nav_filters ul li a:hover, .woocommerce .woocommerce-widget-layered-nav-list__item a:hover, .woocommerce div.tagcloud a:hover, .comment-form-rating a:hover, .woocommerce .download-product a:hover, a.woocommerce-remove-coupon:hover, .woocommerce a.shipping-calculator-button:hover, .woocommerce a.remove:hover, a.reset_variations:hover .product-name a:hover, .woocommerce .product-name a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover, .woocommerce-message a:hover, .woocommerce-checkout-payment a:hover, .woocommerce-LostPassword a:hover, .woocommerce-Address-title a:hover, .woocommerce-MyAccount-navigation-link a:hover, .woocommerce-MyAccount-content a:hover, a.woocommerce-review-link:hover, .posted_in a:hover, .tagged_as a:hover, .woocommerce .woocommerce-breadcrumb a:hover { color: #65bec2; text-decoration: underline; } /*-----------Labels----------------*/ .woocommerce div.product form.cart .variations label, .woocommerce form label { font-size: 12px; color: #666666; margin-top: 8px; font-weight: 400; font-style: normal; } /*---------------Placeholders----------------*/ .woocommerce input[type="search"]::placeholder, .woocommerce-page table.cart td.actions .input-text::placeholder, .woocommerce form .form-row .input-text::placeholder, .woocommerce-page form .form-row .input-text::placeholder { color: #d3ced2; font-family: inherit; } /*---------------Dropdowns----------------*/ .select2-container--default .select2-selection--single, .woocommerce div.product form.cart .variations select { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #000000; background: #ffffff; font-family: inherit; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 4px; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: #6799b2; color: #ffffff; outline: none; } .select2-container--default .select2-results__option[data-selected=true] { background: #65bec2; color: #ffffff; outline: none; } .select2-results__option { padding: 8px 12px; font-size: 14px; -webkit-font-smoothing: antialiased; } .select2-dropdown { border-radius: 0; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.6; color: #000000; padding: 0; min-height: 20px; padding-left: 0; outline: none; } .select2-container--open .select2-dropdown--below { padding: 0; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { background: url(https://personalitypath.com/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-down.svg); background-size: 6px; background-repeat: no-repeat; background-position: 4px center; height: 100%; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__clear { display: none; pointer-events: none; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } /*---------------Headings----------------*/ .woocommerce .oxy-product-info h2, .woocommerce .widget_recent_reviews h2, .woocommerce .widget_top_rated_products h2, .woocommerce .widget_shopping_cart h2, .woocommerce .widget_products h2, .woocommerce .widget_product_categories h2, .woocommerce .widget_layered_nav_filters h2, .woocommerce .woocommerce-widget-layered-nav h2, .woocommerce .widget_rating_filter h2, .woocommerce .widget_price_filter h2, .woocommerce div.widget_product_tag_cloud h2, .woocommerce h1.page-title, .woocommerce h1.product_title, .woocommerce section.related.products h2, .oxy-product-upsells > :is(h1, h2, h3, h4, h5, h6), .woocommerce h2.woocommerce-Reviews-title, .woocommerce span.comment-reply-title, .woocommerce-Tabs-panel h2, h2.woocommerce-order-downloads__title, .woocommerce-orders article header h1, .woocommerce-account article header h1, .woocommerce-downloads article header h1, .woocommerce-edit-address article header h1, .woocommerce-account h2, .woocommerce-Address-title h3, .woocommerce-MyAccount-content h3, .woocommerce-EditAccountForm legend, h1.oxy-woo-archive-title, h2.woocommerce-column__title, h2.woocommerce-order-downloads__title, h2.woocommerce-order-details__title, .woocommerce-billing-fields h3, .woocommerce-checkout h3, .woocommerce .cart_totals h2, .woocommerce .cross-sells h2 { color: #000000; font-weight: 700; line-height: 1.2; margin-bottom: 8px; } /*--------Prices and Quantity------------*/ .woocommerce .price_label .from, .woocommerce .price_label .to, .woocommerce ul.products li.product .price, .product-quantity, .woocommerce .price ins, .woocommerce-Price-amount, .woocommerce-loop-category__title .count, .woocommerce .price { color: #000000; font-weight: 700; font-size: 16px; background: transparent; text-decoration: none; } /*----Sale Price-----*/ .woocommerce .product_list_widget del span.woocommerce-Price-amount, .woocommerce ul.products li.product .price del, .woocommerce .price del, .woocommerce .price del .woocommerce-Price-amount { font-size: 12px; font-weight: 200; color: #666666; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product span.price ins { color: #000000; font-weight: 700; font-size: inherit; } .woocommerce div.product p.price { font-size: 16px; } .woocommerce div.product p.price ins, .woocommerce .oxy-woo-element .price ins { text-decoration: none; } .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce p.price del, .woocommerce ul.products li.product .price del { opacity: 1; display: block; } /*--------------Table Headings----------------*/ .woocommerce-cart table.cart th, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce table.shop_table th, .woocommerce table.shop_table tfoot th { font-weight: 400; color: #666666; font-size: 10px; text-align: left; text-transform: uppercase; letter-spacing: 1px; } /*-------------------Texts---------------------*/ .woocommerce .woocommerce-mini-cart__total strong, .woocommerce .woocommerce-mini-cart span.quantity, .woocommerce .widget_product_categories span.count, .woocommerce .woocommerce-widget-layered-nav-list__item span, .woocommerce-product-attributes-item__value p, .woocommerce-error, .woocommerce-table--order-downloads, .woocommerce-Address address, .woocommerce-orders-table, .woocommerce-table, ul.woocommerce-shipping-methods, p.woocommerce-shipping-destination, .woocommerce-column--shipping-address address, .woocommerce-column--billing-address address, .woocommerce-order p, .woocommerce .product-name, .woocommerce .product-total, .oxy-product-stock p, .oxy-product-description p, .woocommerce-Reviews .comment-text p, .product .summary .product_meta, .woocommerce-Tabs-panel, .woocommerce-product-details__short-description p, .woocommerce-form-track-order p, .woocommerce-checkout-payment p, .checkout_coupon p, .woocommerce-ResetPassword p, .woocommerce-info, .woocommerce-error, .woocommerce-message, .woocommerce-MyAccount-content p, .woocommerce-breadcrumb, p.woocommerce-result-count { color: #666666; font-weight: 400; line-height: 1.6; font-size: 16px; font-style: normal; } /*------------Bold Texts---------------*/ .woocommerce-product-attributes-item__label, .woocommerce-error strong, .woocommerce-MyAccount-content strong, .woocommerce-shipping-destination strong, .woocommerce p.order-info mark, .woocommerce-MyAccount-content mark.order-number, .woocommerce-MyAccount-content mark.order-date, .woocommerce-MyAccount-content mark.order-status, .woocommerce-order-overview strong { color: #000000; font-weight: 700; font-family: inherit; background: transparent; } /*--------------------Badges---------------------*/ .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { background: #65bec2; font-size: 12px; padding: 6px 12px; line-height: 1.2; border-radius: 20px; min-width: 0; min-height: 0; margin: 0; top: 12px; left: 12px; right: auto; position: absolute; } /* ----------------- */ /*-------------Product Tabs(description, addtl info, reviews) - single product--------------*/ .woocommerce div.product .oxy-woo-element .woocommerce-tabs .panel, .woocommerce .oxy-woo-element div.product .woocommerce-tabs .panel { margin-bottom: 0; padding: 20px 0; } .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs, .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs { padding-left: 5px; display: flex; text-align: center; margin-bottom: 0; flex-shrink: 0; } .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li, .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li { border-radius: 0; padding: 0; margin: 0 5px; display: flex; align-items: center; } .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li::before { display: none; } .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li::after { display: none; } .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li a { width: 100%; color: #999; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; outline: none; padding: 16px 48px; z-index: 1000; font-weight: 400; border-radius: 0; word-break: break-word; } .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li a:hover { color: #65bec2; } .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li.active { background: white; border-bottom-color: white; } .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li.active a { color: #000000; } @media (max-width: 640px) { .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs { flex-direction: column; padding: 0; margin-bottom: 5px; } .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li { margin: 5px 0; } .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs::before { border-bottom: none; } .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li.active { border-bottom-color: #d3ced2; } } /* tabs panel content (single product, any tab content) */ .woocommerce .oxy-woo-element table.shop_attributes th, .woocommerce .oxy-woo-element table.shop_attributes td { border-top: 1px solid #d3ced2; padding: 8px; } /* single product - add to cart */ .woocommerce .oxy-product-cart-button, .woocommerce .oxy-woo-element div.product form.cart { width: 100%; max-width: 360px; } .woocommerce .oxy-woo-element div.product .single_add_to_cart_button, .woocommerce .single_add_to_cart_button { align-self: stretch; flex-grow: 1; border-radius: 0; } .woocommerce .oxy-woo-element div.product form.cart, .woocommerce .oxy-product-cart-button form.cart, .woocommerce div.product form.cart { display: flex; flex-wrap: wrap; } .woocommerce .oxy-woo-element div.product form.variations_form.cart, .woocommerce .oxy-product-cart-button form.variations_form.cart { display: flex; flex-direction: column; align-items: stretch; } .woocommerce .oxy-woo-element div.product form.cart td.value, .woocommerce .oxy-product-cart-button td.value { padding: 0; } .woocommerce .oxy-woo-element div.product .woocommerce-variation-add-to-cart, .woocommerce .woocommerce-variation-add-to-cart { display: flex; width: 100%; } /* Primary Buttons */ .woocommerce .widget_shopping_cart .buttons a.checkout.wc-forward, .woocommerce button[type=submit], .woocommerce button[name=woocommerce-form-login__submit], .woocommerce button[name=save_account_details], .woocommerce button[name=save_address], .woocommerce .oxy-woo-element div.product form.cart button.button.alt, .woocommerce .oxy-product-cart-button button.button.alt, .woocommerce div.product form.cart .button { background-color: #65bec2; color: #ffffff; border-radius: 0; letter-spacing: 1px; text-transform: uppercase; padding: 16px 24px; font-size: 12px; text-align: center; border: 1px solid #65bec2; border-radius: 4px; line-height: 1.2; font-weight: 700; font-family: inherit; outline: none; cursor: pointer; } .woocommerce button[type=submit]:hover, .woocommerce button[name=woocommerce-form-login__submit]:hover, .woocommerce button[name=save_account_details]:hover, .woocommerce button[name=save_address]:hover, .woocommerce .oxy-woo-element div.product form.cart button.button.alt:hover, .woocommerce .oxy-product-cart-button button.button.alt:hover, .woocommerce div.product form.cart .button:hover { background-color: #6799b2; border: 1px solid #6799b2; } .woocommerce .oxy-woo-element div.product form.cart button.button.alt.disabled, .woocommerce button.button.alt.disabled { background: #cccccc !important; border: 1px solid #cccccc !important; opacity: 1; } .woocommerce .quantity .qty { -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 56px; padding: 8px 9px; margin-right: 12px; background: url(https://personalitypath.com/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-down.svg), url(https://personalitypath.com/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-up.svg), #ffffff; background-size: 6px, 6px; background-repeat: no-repeat, no-repeat; background-position: right 0.8em bottom calc(50% - 5px), right 0.8em top calc(50% - 5px); height: 100%; } .woocommerce table.variations tr { border-top: none; } .woocommerce .oxy-woo-element div.product form.cart .variations, .woocommerce div.product .oxy-product-cart-button form.cart .variations { margin-bottom: 0; } .woocommerce .oxy-woo-element div.product form.cart table.variations tr, .woocommerce table.variations tr { display: flex; flex-direction: column; } .woocommerce .oxy-woo-element div.product form.cart table.variations tr td label, .woocommerce .oxy-product-cart-button table.variations tr td label { font-size: 12px; margin-right: 12px; } .woocommerce .oxy-woo-element div.product form.cart table.variations tr td a, .woocommerce .oxy-product-cart-button table.variations tr td a { font-size: 12px; } .woocommerce .oxy-woo-element div.product form.cart a.reset_variations:before, .woocommerce .oxy-product-cart-button table.variations tr td a:before { content: "× "; } .woocommerce .oxy-woo-element div.product form.cart .variations, .woocommerce .oxy-product-cart-button div.product form.cart .variations { margin-bottom: 0; } .woocommerce .woocommerce-ordering select, .woocommerce .oxy-woo-element div.product form.cart .variations select, .woocommerce div.product .oxy-product-cart-button form.cart .variations select, .woocommerce div.product form.cart .variations select, .woocommerce form.cart .variations select { appearance: none; -moz-appearance: none; -webkit-appearance: none; line-height: 1.2; cursor: pointer; width: 100%; position: relative; background: url(https://personalitypath.com/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-down.svg), #ffffff; background-size: 6px; padding-right: 24px; background-repeat: no-repeat; background-position: right 0.8em center; } .woocommerce input[type="number"]::-webkit-inner-spin-button, .woocommerce input[type="number"]::-webkit-outer-spin-button { margin-right: -9px; opacity: 0.01; width: 24px; height:48px; cursor: pointer; } /* single product - rating below title / rating element */ .woocommerce .oxy-woo-element div.product .woocommerce-product-rating, .woocommerce .oxy-product-rating .woocommerce-product-rating, .woocommerce div.product .oxy-product-rating .woocommerce-product-rating { display: flex; align-items: center; margin-bottom: 8px; } .woocommerce .oxy-woo-element div.product .woocommerce-product-rating .star-rating::before, .woocommerce .oxy-product-rating .star-rating::before { position: relative; color: #d3d3d3; } .woocommerce .oxy-woo-element div.product .woocommerce-product-rating .star-rating, .woocommerce .oxy-product-rating .woocommerce-product-rating .star-rating { width: auto; letter-spacing: 2px; margin: 0 0 0 0; } .woocommerce .oxy-woo-element div.product .woocommerce-product-rating a.woocommerce-review-link, .woocommerce .oxy-product-rating a.woocommerce-review-link { font-size: 12px; } .woocommerce .oxy-woo-element div.product .woocommerce-product-rating .star-rating span, .woocommerce .oxy-product-rating .woocommerce .star-rating span { color: #65bec2; } /* Transitions */ .woocommerce .flex-control-thumbs li, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item, .select2-search--dropdown .select2-search__field, .woocommerce label.woocommerce-form__label.woocommerce-form__label-for-checkbox span::before, .woocommerce ul.tabs li, .woocommerce .woocommerce-product-gallery__trigger:after, .woocommerce .woocommerce-product-gallery__trigger:before, .woocommerce img:not(.zoomImg):not(.pswp__img), .woocommerce textarea, .woocommerce .checkbox, .woocommerce .select2-selection, .woocommerce input, .woocommerce button, .woocommerce select, .woocommerce a { transition: all ease 0.2s; } /* End of Transitions */ /* Input Styles */ .woocommerce-cart table.cart td.actions .coupon .input-text, .select2-container--default .select2-search--dropdown .select2-search__field, .woocommerce textarea, .select2-dropdown, .woocommerce .select2-selection, .woocommerce input[type="search"], .woocommerce input[type="text"], .woocommerce input[type="number"], .woocommerce input[type="tel"], .woocommerce input[type="email"], .woocommerce input[type="password"], .woocommerce select { height: auto; font-size: 14px; border: 1px solid #d3ced2; background: #ffffff; color: #000000; outline: none; font-family: inherit; padding: 8px 12px; border-radius: 4px; resize: none; } /* Focus State */ .woocommerce-cart table.cart td.actions .coupon .input-text:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus, .woocommerce form .form-row textarea:focus, .woocommerce textarea:focus, .select2-dropdown:focus, .woocommerce .select2-selection:focus, .woocommerce input[type="search"]:focus, .woocommerce input[type="text"]:focus, .woocommerce input[type="number"]:focus, .woocommerce input[type="tel"]:focus, .woocommerce input[type="email"]:focus, .woocommerce input[type="password"]:focus, .woocommerce select:focus { border: 1px solid #65bec2; box-shadow: 0 0 5px #65bec2; } /* End of Inputs */ /* Custom Checkbox */ .woocommerce-form-login input[type="checkbox"], .oxy-woo-checkout input[type="checkbox"] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.01; display: none !important; } .woocommerce-form-login label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme, .oxy-woo-checkout label.woocommerce-form__label.woocommerce-form__label-for-checkbox { position: relative; cursor: pointer; padding-left: 16px; margin-top: 0; } .woocommerce-form-login label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span, .oxy-woo-checkout label.woocommerce-form__label.woocommerce-form__label-for-checkbox span{ margin-left: 18px; } .woocommerce-form-login label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::before, .oxy-woo-checkout label.woocommerce-form__label.woocommerce-form__label-for-checkbox span::before { width: 24px; height: 24px; border: 1px solid #d3ced2; background-color: #ffffff; content: ""; position: absolute; left: 0; top: 0; background-size: 50%; border-radius: 4px; background-repeat: no-repeat; background-position: center center; } input[type="checkbox"]:checked ~ span::before, input[type="checkbox"]:checked ~ label span::before { background: url(https://personalitypath.com/wp-content/plugins/oxygen-woocommerce/elements/assets/check-mark.svg), #ffffff; } .woocommerce-form-login label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme { margin-top: 34px; } .oxy-woo-checkout label.woocommerce-form__label.woocommerce-form__label-for-checkbox span::before { margin-top: -4px; } /* End of Custom Checkbox */ /* Product Column Fix */ .woocommerce-page.columns-1 ul.products li.product, .woocommerce.columns-1 ul.products li.product { width: 100%; } .woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product { margin: 0; width: 50%; } .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product { margin: 0; width: 33.33%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 25%; display: flex; flex-direction: column; margin: 0; padding: 20px; } .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product { margin: 0; width: 20%; } .woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product { margin: 0; width: 16.6%; } /* End of Product Column Fix */ /*--- Radio Buttons Style ---*/ .woocommerce input[type=radio] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 24px; height: 24px; background: #ffffff; border: 1px solid #d3ced2; border-radius: 100%; outline: none; cursor: pointer; } /* WooCommerce Payments plugin compatibility */ .woocommerce input[type=radio].woocommerce-SavedPaymentMethods-tokenInput { width: 20px !important; height: 20px !important; margin: 6px 8px 0 0 !important; } .woocommerce input[type=radio]:hover { border: 1px solid #65bec2; box-shadow: 0 0 5px #65bec2; } .woocommerce input[type=radio]:checked { background: #000000; box-shadow: inset 0 0 0 8px #ffffff; } /* WooCommerce Payments plugin compatibility */ .woocommerce input[type=radio].woocommerce-SavedPaymentMethods-tokenInput:checked { box-shadow: inset 0 0 0 4px #ffffff; } .woocommerce input[type=radio]:checked:hover { box-shadow: inset 0 0 0 8px #ffffff, 0 0 5px #65bec2; } /*--------------------Tables and Forms Style-------------------------*/ .oxy-woo-order-tracking form, .woocommerce form.woocommerce-ResetPassword.lost_reset_password, .woocommerce .woocommerce-EditAccountForm, .woocommerce .woocommerce-address-fields, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce .col2-set, .woocommerce-form-coupon, .woocommerce #reviews #comments ol.commentlist li .comment-text, ul.woocommerce-order-overview, .woocommerce form.login, .woocommerce form.register, .woocommerce form.checkout_coupon, .woocommerce table.shop_table { border: 1px solid #d3ced2; border-top: 3px solid #65bec2; border-radius: 0; background: #ffffff; padding: 20px; border-collapse: collapse; box-shadow: var(--box-shadow) 0 10px 20px; } fieldset { background: transparent; } .woocommerce table tr { border-top: 1px solid #d3ced2; } .woocommerce table.shop_table td, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table th { border: none; padding: 12px 20px; font-weight: 400; color: #666666; } /* End of Tables and Forms Styles */ /* Notification Styles */ .woocommerce-info, .woocommerce-error, .woocommerce-message { padding-right: 20px; border-bottom: 1px solid #d3ced2; border-left: 1px solid #d3ced2; border-right: 1px solid #d3ced2; border-radius: 0; background: #ffffff; border-collapse: collapse; box-shadow: var(--box-shadow) 0 10px 20px; } /* Info */ .woocommerce-info::before { color: #00adef; } .woocommerce-info { border-top-color: #00adef; } /* Error */ .woocommerce-error::before { color: #e96199; } .woocommerce-error { border-top-color: #e96199; } /* Message */ .woocommerce-message::before { color: #65bec2; } .woocommerce-message { border-top-color: #65bec2; } /* End of Notification Sytles */ /* Shop, Uppsells, Related Product Shared Styles Styles */ .woocommerce ul.products { display: flex; flex-wrap: wrap; margin: -10px -20px 20px; } .woocommerce ul.products li.product .button { margin-top: auto; } .woocommerce a.added_to_cart { margin-top: 12px; } .woocommerce-loop-product__link { display: flex; flex-direction: column; } /* Product Info Shared Styles */ .woocommerce .oxy-product-info, .woocommerce .oxy-product-tabs { width: 100%; } .woocommerce table.shop_attributes { border-top: 1px solid #d3ced2; border-collapse: collapse; } .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th { background: transparent; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { border-bottom: 1px solid #d3ced2; text-align: left; } /* Widgets Headings */ .ct-widget .widget.woocommerce .widgettitle { font-size: px; font-weight: ; font-family: ; } /* End of Widgets Headings */ /* Search Products Widget */ .woocommerce form.woocommerce-product-search { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; } .woocommerce input.search-field { flex-grow: 1; margin-right: 8px; min-width: 120px; } /* End of Widget */ /* Product Tags Cloud Widget */ .woocommerce div.tagcloud { line-height: 1.2; } /* End of Widget */ /* Filter by Price Widget */ .woocommerce .widget_price_filter .ui-slider { margin: 20px 0; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #d3ced2; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 24px; height: 24px; background-color: #65bec2; top: -8px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #65bec2; } .woocommerce .widget_price_filter .price_slider_amount { display: flex; flex-direction: row; align-items: center; } .woocommerce .widget_price_filter .price_slider_amount .button { margin-right: 12px; } .woocommerce .price_label { text-align: left; line-height: 1.6; } /* End of Widget */ /* Rating Filter Widget */ .woocommerce .widget_rating_filter ul li a { display: flex; float: left; align-items: center; } .woocommerce .widget_rating_filter ul li.chosen a::before { color: #d3ced2; position: relative; content: '×'; margin-right: 4px; top: -1px; } .woocommerce .widget_rating_filter ul li.chosen:hover a::before { color: #65bec2; } /* End of Widget */ /* Attributes Filter Widget */ .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before { color: #d3ced2; position: relative; content: '×'; margin-right: 4px; top: -1px; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen:hover a::before { color: #65bec2; } /* End of Widget */ /* Active Filters Widget */ .woocommerce .widget_layered_nav_filters ul li a::before { color: #d3ced2; position: relative; content: '×'; margin-right: 4px; top: -1px; } .woocommerce .widget_layered_nav_filters ul li:hover a::before { color: #65bec2; } .woocommerce .widget_layered_nav_filters ul li:hover span.woocommerce-Price-amount { color: #65bec2; } /* End of Widget */ /* Product Categories Widget */ .woocommerce .widget_product_categories ul { padding-left: 20px; list-style: none; } .woocommerce .widget_product_categories ul li::before { color: #d3ced2; content: '•'; position: relative; margin-right: 8px; margin-left: -20px; } .woocommerce .widget_product_categories ul.product-categories { margin-top: 0; } .woocommerce .widget_product_categories .select2-container .select2-selection--single { height: auto; border-color: #d3ced2; background: url(https://personalitypath.com/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-down.svg), #ffffff; background-size: 6px; background-repeat: no-repeat; background-position: right 0.8em center; } .woocommerce .widget_product_categories .select2-container .select2-selection--single:focus { border-color: #65bec2; } .woocommerce .widget_product_categories .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .woocommerce .select2-container--open .select2-dropdown--below { border-color: #d3ced2 } .woocommerce .select2-container--open .select2-dropdown--above { padding: 0; border-color: #d3ced2; } .woocommerce .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #d3ced2; } .woocommerce .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: #65bec2; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__clear { font-weight: 300; color: #d3ced2; font-size: 24px; line-height: 1; } .woocommerce .select2-container--default .select2-selection--single:hover .select2-selection__clear { color: #65bec2; } /* End of Widget */ /* Products, Cart Widgets */ .woocommerce .product_list_widget ins { text-decoration: none; } .woocommerce .product_list_widget del { color: #666666; } .woocommerce ul.product_list_widget li img { border: 1px solid #d3ced2; width: 40px; float: left; margin-bottom: 16px; margin-right: 12px; margin-left: 0; margin-top: 4px; } .woocommerce ul.product_list_widget li { border-bottom: 1px solid #d3ced2; margin-bottom: 4px; padding-bottom: 8px; } .woocommerce .product_list_widget .reviewer { font-size: 12px; color: #666666; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { right: 0; left: auto; color: #d3ced2 !important; font-weight: 300; } .woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover { color: #65bec2 !important; background: none; text-decoration: none; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 0; } .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { margin-right: 0; } /* End of Widget */ /*---Safari Row Hotfix---*/ .woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before { width: 100%; } /*---Product Title Hotfix (Must be in product-title.css)---*/ .woocommerce h1.product_title.oxy-product-title { margin: 0; } /*---Fix for shopping cart duplication issue on AJAX update---*/ .ct-modal .woocommerce-cart-form:not(:nth-child(2)) { display: none; } .ct-modal .cart-collaterals > .cart_totals:not(:nth-child(1)) { display: none; } /*---Fix for WooCommerce Payments credit card images on checkout---*/ .woocommerce label[for="payment_method_woocommerce_payments"], .woocommerce label[for="payment_method_bacs"], .woocommerce label[for="payment_method_cod"] { display: flex; flex-direction: row; } .woocommerce label[for="payment_method_woocommerce_payments"] img, .woocommerce label[for="payment_method_bacs"] img, .woocommerce label[for="payment_method_cod"] img { width: 32px; } .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{ 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-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-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-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{ background-image:url(); } .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-site-navigation { --oxynav-brand-color:#4831B0; --oxynav-neutral-color:#FFFFFF; --oxynav-activehover-color:#EFEDF4; --oxynav-background-color:#4831B0; --oxynav-border-radius:0px; --oxynav-other-spacing:8px; --oxynav-transition-duration:0.3s; --oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93); } .oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{ text-align:left; } .oxy-site-navigation > ul{ left: 0; } .oxy-site-navigation { --oxynav-animation-name: none; } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ background-color: var(--oxynav-brand-color); transition: var(--oxynav-transition-duration); margin-left: var(--oxynav-other-spacing); border: none; } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ background: transparent; border: 1px solid currentColor; transition: var(--oxynav-transition-duration); margin-left: var(--oxynav-other-spacing); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{ filter: invert(0) !important; } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{ background-color: var(--oxynav-activehover-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{ color: var(--oxynav-neutral-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{ color: var(--oxynav-brand-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{ color: var(--oxynav-brand-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{ color: var(--oxynav-neutral-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{ color: var(--oxynav-brand-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{ color: var(--oxynav-brand-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{ display: none; } .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{ display: none; } .ct-section-inner-wrap, .oxy-header-container{ max-width: 1168px; } body {font-family: 'Inter';}body {line-height: var(--lh-base);font-size: var(--text-base) ;font-weight: 400;color: var(--paragraph-color);}.oxy-nav-menu-hamburger-line {background-color: var(--paragraph-color);}h1, h2, h3, h4, h5, h6 {font-family: 'Vollkorn';font-size: var(--h1) ;font-weight: var(--h-font-weight);line-height: var(--lh-h1);}h2, h3, h4, h5, h6{font-size: var(--h2) ;font-weight: var(--h-font-weight);line-height: var(--lh-h2);}h3, h4, h5, h6{font-size: var(--h3) ;font-weight: var(--h-font-weight);line-height: var(--lh-h3);}h4, h5, h6{font-size: var(--h4) ;font-weight: var(--h-font-weight);line-height: var(--lh-h4);}h5, h6{font-size: var(--h5) ;font-weight: var(--h-font-weight);line-height: var(--lh-h5);}h6{font-size: var(--h6) ;font-weight: var(--h-font-weight);line-height: var(--lh-h6);}a {color: var(--primary-color);text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap { padding-top: min(max(8rem, calc(8rem + ((1vw - 0.32rem) * 5))), 12rem) ; padding-right: 1.2rem; padding-bottom: min(max(8rem, calc(8rem + ((1vw - 0.32rem) * 5))), 12rem) ; padding-left: 1.2rem; }.ct-new-columns > .ct-div-block { padding-top: 2.4rem; padding-right: 2.4rem; padding-bottom: 2.4rem; padding-left: 2.4rem; }.oxy-header-container { padding-right: 1.2rem; padding-left: 1.2rem; }@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; } } .bg:locked{ } .bg { background-color:var(--background-color); } .w-full:locked{ } .w-full { width:100%; } .items-center { } .items-center:not(.ct-section):not(.oxy-easy-posts), .items-center.oxy-easy-posts .oxy-posts, .items-center.ct-section .ct-section-inner-wrap{ align-items:center; } .grid { } .gap-8 { } .h4 { font-size:var(--h4) ; font-weight:var(--h-font-weight); line-height:var(--lh-h4); } .color-dark { color:var(--dark-color); } .color-paragraph { color:var(--paragraph-color); } .mb-2 { margin-bottom:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; } .grid-cols-3 { } .md-grid-cols-1 { } @media (max-width: 767px) { .md-grid-cols-1 { } } .font-semibold { font-weight:600; } .text-center { text-align:center; } .text-left { text-align:left; } .text-sm { } .mb-16 { margin-bottom:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; } .md-w-full { } @media (max-width: 767px) { .md-w-full { } } .lg-w-3by4 { } @media (max-width: 991px) { .lg-w-3by4 { } } .w-4by6 { width:66.666667%; } .lg-grid-cols-2 { } @media (max-width: 991px) { .lg-grid-cols-2 { } } .grid-cols-1 { } .row-gap-6 { } .h3 { font-size:var(--h3) ; font-weight:var(--h-font-weight); line-height:var(--lh-h3); } .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .h-full { height:100%; } .rounded-lg { border-radius:0.8rem; } .grid-cols-2 { } .object-cover { object-fit: cover; } .horizontal { } .horizontal:not(.ct-section):not(.oxy-easy-posts), .horizontal.oxy-easy-posts .oxy-posts, .horizontal.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } .lg-grid-cols-1 { } @media (max-width: 991px) { .lg-grid-cols-1 { } } .shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .color-primary { color:var(--primary-color); } .md-vertical { } @media (max-width: 767px) { .md-vertical { } } .w-5by6 { width:83.333333%; } .mb-3 { margin-bottom:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; } .mr-8 { margin-right:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; } .py-2 { padding-top:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; padding-bottom:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; } .md-mr-0 { } @media (max-width: 767px) { .md-mr-0 { } } .mb-20 { margin-bottom:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; } .w-1by3 { width:33.333333%; } .w-2by3 { width:66.666667%; } .row-gap-12 { } .col-span-2 { } .lg-col-span-1 { } @media (max-width: 991px) { .lg-col-span-1 { } } .icon-lg-primary { color: var(--primary-color);}.icon-lg-primary >svg {width: 24px;height: 24px;}.icon-lg-primary { } .icon-md-paragraph { color: var(--paragraph-color);}.icon-md-paragraph >svg {width: 20px;height: 20px;}.icon-md-paragraph { } .card-normal:locked{ } .card-normal { width:100%; padding-left:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; padding-right:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; padding-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; padding-top:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; border-radius:0.5rem; } .mb-4 { margin-bottom:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; } .mb-8 { margin-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; } .mb-6 { margin-bottom:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; } .mr-2 { color: #333333;}.mr-2 >svg {width: 55px;height: 55px;}.mr-2 { margin-right:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; } .border-color { border-top-color:var(--border-color); border-right-color:var(--border-color); border-bottom-color:var(--border-color); border-left-color:var(--border-color); } .w-1by2 { width:50%; } .border-px { border-top-width:1px; border-left-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-style:solid; border-top-style:solid; border-bottom-style:solid; border-right-style:solid; } .xl-w-2by3 { } @media (max-width: 1168px) { .xl-w-2by3 { } } .items-stretch { } .items-stretch:not(.ct-section):not(.oxy-easy-posts), .items-stretch.oxy-easy-posts .oxy-posts, .items-stretch.ct-section .ct-section-inner-wrap{ align-items:stretch; } .ml-auto { margin-left:auto; } .lg-grid-cols-3 { } @media (max-width: 991px) { .lg-grid-cols-3 { } } .lg-mx-auto { } @media (max-width: 991px) { .lg-mx-auto { } } .text-right { text-align:right; } .lg-vertical { } @media (max-width: 991px) { .lg-vertical { } } .md-mx-auto { } @media (max-width: 767px) { .md-mx-auto { } } .lg-centered { } @media (max-width: 991px) { .lg-centered { } } .h6 { font-size:var(--h6) ; font-weight:var(--h-font-weight); line-height:var(--lh-h6); } .mb-12 { margin-bottom:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; } .px-3 { padding-left:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; padding-right:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; } .gap-12 { } .btn-primary:locked{ } .btn-primary:hover{ background-color:var(--primary-hover-color); box-shadow: 0 8px 9px rgb(var(--primary-rgb-vals), 25%); } .btn-primary { background-color:var(--primary-color); color:var(--light-color); transition-duration:0.4s; transition-property:all; box-shadow: 0 4px 9px rgb(var(--primary-rgb-vals), 20%); } .btn-primary:not(.ct-section):not(.oxy-easy-posts), .btn-primary.oxy-easy-posts .oxy-posts, .btn-primary.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .col-span-3 { } .btn-m:hover{ } .btn-m { padding-left:3.2rem; padding-right:3.2rem; padding-top:1.2rem; padding-bottom:1.2rem; font-weight:600; font-size:1.6rem; border-radius:10rem; transition-duration:0.4s; transition-property:all; } @media (max-width: 1168px) { .btn-m { padding-top:1rem; padding-bottom:1rem; padding-left:2.8rem; padding-right:2.8rem; } } @media (max-width: 991px) { .btn-m { } } @media (max-width: 767px) { .btn-m { padding-top:1.2rem; padding-bottom:1.2rem; padding-left:3.2rem; padding-right:3.2rem; } } @media (max-width: 479px) { .btn-m { padding-top:1rem; padding-bottom:1rem; padding-left:2.8rem; padding-right:2.8rem; } } .icon-sm-light { color: var(--light-color);}.icon-sm-light >svg {width: 16px;height: 16px;}.icon-sm-light { } .grid-cols-4 { } .w-3by4 { width:75%; } .xl-w-full { } @media (max-width: 1168px) { .xl-w-full { } } .mr-4 { margin-right:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; } .grid-cols-5 { } .card-tight { padding-top:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; padding-left:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; padding-right:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; padding-bottom:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; border-radius:0.5rem; } .avatar { width:6.4rem; height:6.4rem; border-radius:0.8rem; box-shadow:inset 0px 2px 4px 0px rgba(0,0,0,0.11); } .md-col-span-1 { } @media (max-width: 767px) { .md-col-span-1 { } } .mb-1 { margin-bottom:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; } .gap-4 { } .bg-placeholder { background-color:var(--placeholder-color); } .xl-col-span-2 { } @media (max-width: 1168px) { .xl-col-span-2 { } } .xl-col-span-3 { } @media (max-width: 1168px) { .xl-col-span-3 { } } .xl-col-span-5 { } @media (max-width: 1168px) { .xl-col-span-5 { } } .lg-col-span-2 { } @media (max-width: 991px) { .lg-col-span-2 { } } .icon-lg-dark { color: var(--dark-color);}.icon-lg-dark >svg {width: 24px;height: 24px;}.icon-lg-dark { } .icon-sm-primary { color: var(--primary-color);}.icon-sm-primary >svg {width: 16px;height: 16px;}.icon-sm-primary { } .bg-white { background-color:var(--white-color); } .bg-white:not(.ct-section):not(.oxy-easy-posts), .bg-white.oxy-easy-posts .oxy-posts, .bg-white.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:flex-start; } .md-grid-cols-2 { } @media (max-width: 767px) { .md-grid-cols-2 { } } .sm-grid-cols-1 { } @media (max-width: 479px) { .sm-grid-cols-1 { } } .icon-solid-md-light { background-color: var(--placeholder-color); border: 1px solid var(--placeholder-color); padding: 14px;color: var(--primary-color);}.icon-solid-md-light >svg {width: 22px;height: 22px;}.icon-solid-md-light { } .lg-w-full { } @media (max-width: 991px) { .lg-w-full { } } .xl-grid-cols-2 { } @media (max-width: 1168px) { .xl-grid-cols-2 { } } .xl-w-3by4 { } @media (max-width: 1168px) { .xl-w-3by4 { } } .row-span-2 { } .icon-sm-dark { color: var(--dark-color);}.icon-sm-dark >svg {width: 16px;height: 16px;}.icon-sm-dark { } .bg-alt { background-color:var(--background-alt-color); } .mb-auto { margin-bottom:auto; } .p-4 { padding-top:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; padding-left:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; padding-right:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; padding-bottom:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; } .centered { text-align:center; } .centered:not(.ct-section):not(.oxy-easy-posts), .centered.oxy-easy-posts .oxy-posts, .centered.ct-section .ct-section-inner-wrap{ align-items:center; align-content:center; justify-content:center; } .md-mr-auto { } @media (max-width: 767px) { .md-mr-auto { } } .md-mb-0 { } @media (max-width: 767px) { .md-mb-0 { } } .z-99 { z-index:99; } .avatar-sm { width:4.8rem; height:4.8rem; border-radius:0.8rem; box-shadow:inset 0px 2px 4px 0px rgba(0,0,0,0.1); } .shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .mt-auto { margin-top:auto; } .md-row-start-1 { } @media (max-width: 767px) { .md-row-start-1 { } } .row-gap-4 { } .vertical { } .vertical:not(.ct-section):not(.oxy-easy-posts), .vertical.oxy-easy-posts .oxy-posts, .vertical.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } .btn-light:hover{ background-color:var(--primary-alt-color); } .btn-light { color:var(--primary-color); background-color:var(--transparent-color); border-top-color:var(--light-color); border-right-color:var(--light-color); border-bottom-color:var(--light-color); border-left-color:var(--light-color); border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; } .btn-light:not(.ct-section):not(.oxy-easy-posts), .btn-light.oxy-easy-posts .oxy-posts, .btn-light.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .color-light { color:var(--light-color); } .bg-primary { background-color:var(--primary-color); } .mr-auto { color: #333333;}.mr-auto >svg {width: 55px;height: 55px;}.mr-auto { margin-right:auto; } @media (max-width: 767px) { .mr-auto { } } .mr-3 { margin-right:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; } .py-1 { padding-bottom:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; padding-top:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; } .py-3 { padding-top:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; padding-bottom:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; } .rounded { border-radius:0.4rem; } .sm-w-full { } @media (max-width: 479px) { .sm-w-full { } } .underline { text-decoration:underline; } .row-gap-14 { } .text-xl { } .md-centered { } @media (max-width: 767px) { .md-centered { } } .p-0 { padding-top:0rem; padding-left:0rem; padding-right:0rem; padding-bottom:0rem; } .md-grid-cols-3 { } @media (max-width: 767px) { .md-grid-cols-3 { } } .sm-grid-cols-2 { } @media (max-width: 479px) { .sm-grid-cols-2 { } } .col-span-4 { } .tabs-8234-tab { opacity:0.25; width:80px; height:80px; } .tabs-8234-tab-active { opacity:1; border-top-color:var(--primary-color); border-right-color:var(--primary-color); border-bottom-color:var(--primary-color); border-left-color:var(--primary-color); 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; } .tabs-contents-8234-tab { } .h1 { font-size:var(--h1) ; font-weight:var(--h-font-weight); line-height:var(--lh-h1); } .tabs-8164-tab { } .tabs-8164-tab-active { border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; border-bottom-color:var(--primary-color); border-bottom-width:3px; border-bottom-style:solid; font-weight:600; border-radius:0px; } .tabs-contents-8164-tab { } .p-3 { padding-top:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; padding-left:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; padding-right:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; padding-bottom:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; } .px-6 { padding-left:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; padding-right:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; } .py-4 { padding-top:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; padding-bottom:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; } .rounded-t { border-top-left-radius:0.4rem; border-top-right-radius:0.4rem; } .border-b { border-bottom-width:1px; border-bottom-style:solid; } .lg-w-1by2 { } @media (max-width: 991px) { .lg-w-1by2 { } } .md-rounded { } @media (max-width: 767px) { .md-rounded { } } .btn-primary-alt:hover{ background-color:var(--primary-alt-hover-color); } .btn-primary-alt { background-color:var(--primary-alt-color); color:var(--primary-color); transition-duration:0.4s; transition-property:all; } .btn-primary-alt:not(.ct-section):not(.oxy-easy-posts), .btn-primary-alt.oxy-easy-posts .oxy-posts, .btn-primary-alt.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .two-buttons-set { } .two-buttons-set:not(.ct-section):not(.oxy-easy-posts), .two-buttons-set.oxy-easy-posts .oxy-posts, .two-buttons-set.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; } @media (max-width: 479px) { .two-buttons-set { width:100%; } .two-buttons-set:not(.ct-section):not(.oxy-easy-posts), .two-buttons-set.oxy-easy-posts .oxy-posts, .two-buttons-set.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } } .mx-auto { margin-left:auto; margin-right:auto; } @media (max-width: 1168px) { .mx-auto { } } .card-relaxed { width:100%; padding-top:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; padding-left:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; padding-right:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; padding-bottom:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; border-radius:0.5rem; } .h2 { font-weight:var(--h-font-weight); line-height:var(--lh-h2); padding-top:8px; padding-bottom:8px; font-size:var(--h2) ; } .toggle-2093 { } .toggle-2093 .oxy-expand-collapse-icon { font-size: 0px; } .toggle-2093-expanded { } .btn-secondary:hover{ background-color:var(--secondary-hover-color); box-shadow: 0 8px 9px rgb(var(--secondary-rgb-vals), 25%); } .btn-secondary { background-color:var(--secondary-color); color:var(--light-color); transition-duration:0.4s; transition-property:all; box-shadow: 0 4px 9px rgb(var(--secondary-rgb-vals), 20%); } .btn-secondary:not(.ct-section):not(.oxy-easy-posts), .btn-secondary.oxy-easy-posts .oxy-posts, .btn-secondary.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .btn-l:locked{ } .btn-l:hover{ } .btn-l { padding-left:6.4rem; padding-right:6.4rem; padding-top:1.2rem; padding-bottom:1.2rem; font-weight:600; font-size:1.8rem; border-radius:100rem; transition-duration:0.4s; transition-property:all; } @media (max-width: 1168px) { .btn-l { padding-top:1rem; padding-bottom:1rem; padding-left:5.4rem; padding-right:5.4rem; } } @media (max-width: 991px) { .btn-l { padding-left:4.4rem; padding-right:4.4rem; } } @media (max-width: 767px) { .btn-l { padding-top:1.2rem; padding-bottom:1.2rem; padding-left:6.4rem; padding-right:6.4rem; } } @media (max-width: 479px) { .btn-l { padding-left:5.4rem; padding-right:5.4rem; padding-top:1rem; padding-bottom:1rem; width:100%; } } .btn-s:hover{ } .btn-s { padding-top:0.8rem; padding-bottom:0.8rem; padding-left:2.4rem; padding-right:2.4rem; font-weight:600; font-size:1.4rem; transition-duration:0.4s; transition-property:all; border-radius:100rem; } @media (max-width: 1168px) { .btn-s { padding-left:2rem; padding-right:2rem; } } @media (max-width: 767px) { .btn-s { padding-left:2.4rem; padding-right:2.4rem; } } @media (max-width: 479px) { .btn-s { padding-left:2rem; padding-right:2rem; width:100%; } } .btn-white:hover{ background-color:var(--primary-alt-color); } .btn-white { color:var(--primary-color); background-color:var(--white-color); transition-duration:0.4s; transition-property:all; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .btn-white:not(.ct-section):not(.oxy-easy-posts), .btn-white.oxy-easy-posts .oxy-posts, .btn-white.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .btn-trans:hover{ background-color:var(--white-color); color:var(--primary-color); } .btn-trans { color:var(--light-color); background-color:rgba(255,255,255,0.15); transition-duration:0.4s; transition-property:all; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .btn-trans:not(.ct-section):not(.oxy-easy-posts), .btn-trans.oxy-easy-posts .oxy-posts, .btn-trans.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .btn-secondary-alt:hover{ background-color:var(--secondary-alt-hover-color); } .btn-secondary-alt { background-color:var(--secondary-alt-color); color:var(--secondary-hover-color); transition-duration:0.4s; transition-property:all; } .btn-secondary-alt:not(.ct-section):not(.oxy-easy-posts), .btn-secondary-alt.oxy-easy-posts .oxy-posts, .btn-secondary-alt.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .icon-3xl-light { color: var(--light-color);}.icon-3xl-light >svg {width: 64px;height: 64px;}.icon-3xl-light { } .icon-2xl-primary { color: var(--primary-color);}.icon-2xl-primary >svg {width: 48px;height: 48px;}.icon-2xl-primary { } .icon-2xl-light { color: var(--light-color);}.icon-2xl-light >svg {width: 48px;height: 48px;}.icon-2xl-light { } .icon-2xl-dark { color: var(--dark-color);}.icon-2xl-dark >svg {width: 48px;height: 48px;}.icon-2xl-dark { } .icon-xl-primary { color: var(--primary-color);}.icon-xl-primary >svg {width: 32px;height: 32px;}.icon-xl-primary { fill: var(--primary-color); } .icon-xl-light { color: var(--light-color);}.icon-xl-light >svg {width: 32px;height: 32px;}.icon-xl-light { } .icon-xl-dark { color: var(--dark-color);}.icon-xl-dark >svg {width: 32px;height: 32px;}.icon-xl-dark { fill: var(--dark-color); } .icon-lg-secondary { color: var(--secondary-color);}.icon-lg-secondary >svg {width: 24px;height: 24px;}.icon-lg-secondary { } .icon-lg-tertiary { color: var(--tertiary-color);}.icon-lg-tertiary >svg {width: 24px;height: 24px;}.icon-lg-tertiary { } .icon-lg-light { color: var(--light-color);}.icon-lg-light >svg {width: 24px;height: 24px;}.icon-lg-light { } .icon-lg-paragraph { color: var(--paragraph-color);}.icon-lg-paragraph >svg {width: 24px;height: 24px;}.icon-lg-paragraph { } .icon-md-primary { color: var(--primary-color);}.icon-md-primary >svg {width: 20px;height: 20px;}.icon-md-primary { } .icon-md-light { color: var(--light-color);}.icon-md-light >svg {width: 20px;height: 20px;}.icon-md-light { } .icon-md-dark { color: var(--dark-color);}.icon-md-dark >svg {width: 20px;height: 20px;}.icon-md-dark { } .icon-sm-paragraph { color: var(--paragraph-color);}.icon-sm-paragraph >svg {width: 16px;height: 16px;}.icon-sm-paragraph { } .icon-solid-lg-primary { background-color: var(--primary-color); border: 1px solid var(--primary-color); padding: 16px;color: var(--light-color);}.icon-solid-lg-primary >svg {width: 26px;height: 26px;}.icon-solid-lg-primary { } .icon-solid-lg-secondary { background-color: var(--secondary-color); border: 1px solid var(--secondary-color); padding: 16px;color: var(--light-color);}.icon-solid-lg-secondary >svg {width: 26px;height: 26px;}.icon-solid-lg-secondary { } .icon-solid-lg-tertiary { background-color: var(--tertiary-color); border: 1px solid var(--tertiary-color); padding: 16px;color: var(--light-color);}.icon-solid-lg-tertiary >svg {width: 26px;height: 26px;}.icon-solid-lg-tertiary { } .icon-solid-lg-light { background-color: var(--placeholder-color); border: 1px solid var(--placeholder-color); padding: 16px;color: var(--primary-color);}.icon-solid-lg-light >svg {width: 26px;height: 26px;}.icon-solid-lg-light { } .icon-solid-md-primary { background-color: var(--primary-color); border: 1px solid var(--primary-color); padding: 14px;color: var(--light-color);}.icon-solid-md-primary >svg {width: 22px;height: 22px;}.icon-solid-md-primary { } .icon-solid-sm-primary { background-color: var(--primary-color); border: 1px solid var(--primary-color); padding: 10px;color: var(--light-color);}.icon-solid-sm-primary >svg {width: 16px;height: 16px;}.icon-solid-sm-primary { } .icon-solid-sm-light { background-color: var(--placeholder-color); border: 1px solid var(--placeholder-color); padding: 10px;color: var(--primary-color);}.icon-solid-sm-light >svg {width: 16px;height: 16px;}.icon-solid-sm-light { } .card-loose { width:100%; padding-top:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; padding-left:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; padding-right:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; padding-bottom:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; border-radius:0.5rem; } .card-snug { width:100%; padding-top:min(max(1.682rem, calc(1.682rem + ((1vw - 0.32rem) * 0.8975))), 2.4rem) ; padding-left:min(max(1.682rem, calc(1.682rem + ((1vw - 0.32rem) * 0.8975))), 2.4rem) ; padding-right:min(max(1.682rem, calc(1.682rem + ((1vw - 0.32rem) * 0.8975))), 2.4rem) ; padding-bottom:min(max(1.682rem, calc(1.682rem + ((1vw - 0.32rem) * 0.8975))), 2.4rem) ; border-radius:0.5rem; } .card-none { width:100%; border-radius:0.5rem; } .avatar-lg { width:9.6rem; height:9.6rem; border-radius:0.8rem; box-shadow:inset 0px 2px 4px 0px rgba(0,0,0,0.11); } .avatar-xl { width:12.8rem; height:12.8rem; border-radius:0.8rem; box-shadow:inset 0px 2px 4px 0px rgba(0,0,0,0.11); } .h5 { font-size:var(--h5) ; font-weight:var(--h-font-weight); line-height:var(--lh-h5); } .shadow-inner { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .shadow-none { box-shadow: 0 0 #0000; } .shadow-xs { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03); } .shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .shadow-2xl:locked{ } .shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } .icon-sm-tertiary { color: var(--tertiary-color);}.icon-sm-tertiary >svg {width: 16px;height: 16px;}.icon-sm-tertiary { } .icon-solid-lg-primary-alt { background-color: var(--primary-alt-color); border: 1px solid var(--primary-alt-color); padding: 16px;color: var(--primary-color);}.icon-solid-lg-primary-alt >svg {width: 26px;height: 26px;}.icon-solid-lg-primary-alt { } .icon-solid-md-primary-alt { background-color: var(--primary-alt-color); border: 1px solid var(--primary-alt-color); padding: 14px;color: var(--primary-color);}.icon-solid-md-primary-alt >svg {width: 22px;height: 22px;}.icon-solid-md-primary-alt { } .icon-solid-sm-primary-alt { background-color: var(--primary-alt-color); border: 1px solid var(--primary-alt-color); padding: 10px;color: var(--primary-color);}.icon-solid-sm-primary-alt >svg {width: 16px;height: 16px;}.icon-solid-sm-primary-alt { } .px-16 { padding-left:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; padding-right:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; } .tabs-0289-tab { color:var(--paragraph-color); } @media (max-width: 767px) { } .tabs-0289-tab-active { color:var(--primary-color); } .tabs-contents-0289-tab { } .mr-12 { margin-right:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; } .mr-6 { margin-right:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; } .gap-6 { } .px-8 { padding-left:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; padding-right:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; } .font-medium { font-weight:500; } .uppercase { text-transform:uppercase; } .lg-hidden { } @media (max-width: 991px) { .lg-hidden { } } .oxy-close-modal { color: var(--primary-color);}.oxy-close-modal >svg {width: 55px;height: 55px;}.oxy-close-modal { } @media (max-width: 991px) { .oxy-close-modal { cursor: pointer; } } .om-mm-hamburger { } .overflow-y-scroll { overflow-y: scroll; } .py-12 { padding-top:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; padding-bottom:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; } .text-2xl { } .py-8 { padding-top:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; padding-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; } .border-t { border-top-width:1px; border-top-style:solid; } .border-color-alt { border-top-color:var(--border-alt-color); border-right-color:var(--border-alt-color); border-bottom-color:var(--border-alt-color); border-left-color:var(--border-alt-color); } .megamenu10-menu { height:80px; } .megamenu10-menu:not(.ct-section):not(.oxy-easy-posts), .megamenu10-menu.oxy-easy-posts .oxy-posts, .megamenu10-menu.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; } .megamenu10-border:before{ background-color:var(--primary-color); content:""; } .megamenu10-border { height:80px; } .megamenu10-icon { } .megamenu10-submenu { opacity:0; transition-duration:0.6s; transition-property:opacity; position:absolute; top:80px; left:0px; right:0px; z-index:-999; visibility:hidden; } @media (max-width: 1168px) { .megamenu10-submenu { position:absolute; } } .megamenu10-hoverdiv { } .megamenu10-hovertext { line-height:1; } .megamenu10-hovericon { } .toggle-7262 { } .toggle-7262 .oxy-expand-collapse-icon { font-size: 12px; } @media (max-width: 991px) { .toggle-7262 { } .toggle-7262:not(.ct-section):not(.oxy-easy-posts), .toggle-7262.oxy-easy-posts .oxy-posts, .toggle-7262.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row-reverse; } } .toggle-7262-expanded { } .py-6 { padding-top:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; padding-bottom:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; } .px-2 { padding-left:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; padding-right:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; } .md-hidden { } @media (max-width: 767px) { .md-hidden { } } .text-lg { } .rounded-md { border-radius:0.6rem; } .om-mm-menu-item1 { } .om-mm-menu-item2 { } @media (max-width: 991px) { .om-mm-menu-item2 { } } .my-auto { margin-top:auto; margin-bottom:auto; } .bg-secondary { background-color:var(--secondary-color); } .p-6 { padding-top:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; padding-left:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; padding-right:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; padding-bottom:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; } .megamenu13-menu { } .megamenu13-div { } .megamenu13-border { } .megamenu13-submenu { position:absolute; top:75px; z-index:999; left:-9999px; opacity:0; transition-duration:0.6s; transition-property:opacity; } @media (max-width: 1168px) { .megamenu13-submenu { position:absolute; top:65px; } } @media (max-width: 991px) { .megamenu13-submenu { position:absolute; top:60px; } } .megamenu13-text { } .om-mm-menu-item3 { } .tabs-7153-tab { } .tabs-7153-tab-active { } .tabs-contents-7153-tab { } .wave-tryout { background-image:url(https://personalitypath.com/wp-content/uploads/blob-5.svg);background-size: 700px auto; background-repeat:no-repeat; text-align:center; background-position:-550px 300px; } .wave-tryout .ct-section-inner-wrap { padding-top: 0; padding-bottom: 75 ; } .wave-tryout:not(.ct-section):not(.oxy-easy-posts), .wave-tryout.oxy-easy-posts .oxy-posts, .wave-tryout.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } .oxy-superbox-primary { } .oxy-superbox-secondary { } .tabs-3570-tab { } .tabs-3570-tab-active { } .tabs-contents-3570-tab { } .toggle-7095 { } .toggle-7095-expanded { } .en-menu-container { } .en-menu-container:not(.ct-section):not(.oxy-easy-posts), .en-menu-container.oxy-easy-posts .oxy-posts, .en-menu-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } .en-menu-container-item { font-family:'Montserrat'; padding-top:8px; padding-left:12px; padding-right:12px; padding-bottom:8px; } .menu-container-item { font-family:Vollkorn; padding-left:12px; padding-right:12px; padding-top:8px; padding-bottom:8px; letter-spacing:.03em; color:#393a3a; font-weight:500; } .menu-container { } .menu-container:not(.ct-section):not(.oxy-easy-posts), .menu-container.oxy-easy-posts .oxy-posts, .menu-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } .menu-parent-item { position:relative; } .menu-submenu-container:after{ content:""; } .menu-submenu-container:before{ content:""; content: ""; position: absolute; top: -12px; left: calc(50% - 12px); width: 24px; height: 24px; transform: rotate( 45deg ); background-color: #fff; border-radius: 5px; box-shadow: 0 30px 100px -20px rgb(50 50 70 / 30%), 0 30px 50px -30px rgb(0 0 0 / 20%), 0 15px 60px 0 rgb(0 0 0 / 1%); } .menu-submenu-container { padding-top:20px; padding-left:20px; padding-right:20px; padding-bottom:20px; border-radius:10px; margin-top:-8px; background-color:#ffffff; box-shadow:1px 1px 20px rgba(57,58,58,0.3); } .menu-submenu { padding-top:25px; padding-left:25px; padding-right:25px; padding-bottom:25px; background-color:#ffffff; width:300px; } .menu-submenu:not(.ct-section):not(.oxy-easy-posts), .menu-submenu.oxy-easy-posts .oxy-posts, .menu-submenu.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } .menu-submenu-large-item { padding-left:15px; } .menu-submenu-large-item:not(.ct-section):not(.oxy-easy-posts), .menu-submenu-large-item.oxy-easy-posts .oxy-posts, .menu-submenu-large-item.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } .mega-menu-item:before{ content:""; } .mega-menu-item:hover{ oxy-mega-dropdown_slug_oxymegadropdowniconsvg_transition_duration:500; color:#000000; } .mega-menu-item { font-family:Inter; color:#393a3a; letter-spacing:.03em; font-size:1em; oxy-mega-dropdown_slug_oxymegadropdownlinklabelinner_color:#737c71; oxy-mega-dropdown_slug_oxymegadropdownlinklabelinner_background_color:#b67f65; oxy-mega-dropdown_slug_oxymegadropdownicon_font_size:30; oxy-mega-dropdown_dropdown_align:b_center; oxy-mega-dropdown_slug_oxymegadropdowninner___custom_dropdown_width:600; } @media (max-width: 991px) { .mega-menu-item { font-family:Inter; color:#393a3a; oxy-mega-dropdown_slug_oxymegadropdowninner___custom_dropdown_width:300; oxy-mega-dropdown_dropdown_align:b_center; oxy-mega-dropdown_-oxy-mega-dropdown-content_flex_flex-direction:column; visibility:hidden; } } .submenu-item-container:hover{ background-color:rgba(246,242,236,0.5); border-radius:5px; transition-duration:.2s; } .submenu-item-container { padding-top:15px; padding-right:15px; border-top-color:rgba(57,58,58,0.3); border-right-color:rgba(57,58,58,0.3); border-bottom-color:rgba(57,58,58,0.3); border-left-color:rgba(57,58,58,0.3); border-top-width:1px; border-right-width:1px; border-left-width:1px; border-bottom-style:none; padding-bottom:15px; text-align:left; width:100%; padding-left:15px; } .submenu-item-container:not(.ct-section):not(.oxy-easy-posts), .submenu-item-container.oxy-easy-posts .oxy-posts, .submenu-item-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; } .submenu-heading { font-family:Inter; font-weight:700; text-transform:uppercase; letter-spacing:.05em; font-size:.8em; line-height:1.25; } .submenu-descr { font-family:Inter; color:rgba(57,58,58,0.41); font-size:.7em; line-height:1.2; text-transform:none; letter-spacing:0px; } .submenu-icon { color: #333333;}.submenu-icon >svg {width: 30px;height: 30px;}.submenu-icon { } .mega-menu { oxy-mega-menu_slug_oxymegadropdownlinkoxymegamenuinnerctlinktext_padding_right:25; oxy-mega-menu_slug_oxymegadropdownlinkoxymegamenuinnerctlinktext_color:rgba(57,58,58,0.8); oxy-mega-menu_slug_oxymegadropdownlinkhover_color:#000000; oxy-mega-menu_slug_oxymegadropdownlinkoxymegamenuinnerctlinktext_padding_left:25; height:100%; oxy-mega-menu_slug_oxymegadropdownicon_font_size:0; } .mega-menu:not(.ct-section):not(.oxy-easy-posts), .mega-menu.oxy-easy-posts .oxy-posts, .mega-menu.ct-section .ct-section-inner-wrap{ flex-direction:unset; } @media (max-width: 991px) { .mega-menu { visibility:hidden; } .mega-menu:not(.ct-section):not(.oxy-easy-posts), .mega-menu.oxy-easy-posts .oxy-posts, .mega-menu.ct-section .ct-section-inner-wrap{ display:none; flex-direction:unset; } } .logo-black { height:45px; } @media (max-width: 1168px) { .logo-black { } } @media (max-width: 991px) { .logo-black { } } @media (max-width: 767px) { .logo-black { height:40px; } } @media (max-width: 479px) { .logo-black { height:40px; } } .button-text { font-family:Vollkorn; font-weight:700; color:#ffffff; text-transform:capitalize; letter-spacing:.05em; } @media (max-width: 767px) { .button-text { font-size:1em; } } .button-icon { color: #ffffff;}.button-icon >svg {width: 25px;height: 25px;}.button-icon { padding-left:10px; } .button-icon:not(.ct-section):not(.oxy-easy-posts), .button-icon.oxy-easy-posts .oxy-posts, .button-icon.ct-section .ct-section-inner-wrap{ display:block; } @media (max-width: 991px) { .button-icon { } } .button-w-icon:hover{ transition-duration:.5s; background-color:#3c4058; } .button-w-icon { background-size: contain; text-align:center; right:0px; background-repeat:no-repeat; background-color:#5a627a; height:50px; min-width:200px; background-position:40% 50%; border-radius: 60px 65px 55px 45px/35px 40px 50px 60px!important; } .button-w-icon:not(.ct-section):not(.oxy-easy-posts), .button-w-icon.oxy-easy-posts .oxy-posts, .button-w-icon.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } @media (max-width: 1168px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } .premium-submenu-item:hover{ background-color:rgba(182,127,101,0.23); } .premium-submenu-item { background-color:#f6f2ec; border-radius:10px; } .submenu-premium-icon { color: #b67f65;}.submenu-premium-icon >svg {width: 30px;height: 30px;}.submenu-premium-icon { } .footer-category-heading { font-family:Inter; color:#ffffff; font-weight:700; padding-bottom:7px; font-size:.85em; } @media (max-width: 991px) { .footer-category-heading { font-size:.9em; } } .footer-links:hover{ color:#ffffff; } .footer-links { font-family:Inter; color:rgba(255,255,255,0.5); padding-bottom:7px; font-size:.85em; line-height:1.2; transition-duration:.5s; } @media (max-width: 991px) { } @media (max-width: 767px) { .footer-links:hover{ transition-duration:.5s; } } .footer-text { font-family:Inter; padding-bottom:7px; font-size:.85em; line-height:1.2; } @media (max-width: 991px) { } .mobile-menu-hamburger { } .oxy-burger-trigger { } .mobile-menu-modal { visibility:hidden; } .mobile-menu-modal:not(.ct-section):not(.oxy-easy-posts), .mobile-menu-modal.oxy-easy-posts .oxy-posts, .mobile-menu-modal.ct-section .ct-section-inner-wrap{ display:none; flex-direction:unset; } @media (max-width: 991px) { .mobile-menu-modal { visibility:visible; top: 0px!important; position: fixed; } .mobile-menu-modal:not(.ct-section):not(.oxy-easy-posts), .mobile-menu-modal.oxy-easy-posts .oxy-posts, .mobile-menu-modal.ct-section .ct-section-inner-wrap{ display:flex; } } @media (max-width: 767px) { } .mobile-menu-item-link { font-family:Inter; text-transform:capitalize; } @media (max-width: 991px) { .mobile-menu-item-link:after{ } } .language-switcher-desktop { oxy-mega-menu_slug_oxymegadropdownicon_font_size:30; oxy-mega-menu_slug_oxymegadropdowniconsvg_transform:rotate:0; oxy-mega-menu_slug_oxymegadropdownlinkoxymegadropdowninneropenoxymegadropdowniconsvg_transform:rotate:0; } .submenu-language-switcher-desktop { width:220px; } .mobile-menu-button { url_encoded:true; } @media (max-width: 991px) { .mobile-menu-button { visibility:visible; } .mobile-menu-button:not(.ct-section):not(.oxy-easy-posts), .mobile-menu-button.oxy-easy-posts .oxy-posts, .mobile-menu-button.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } } @media (max-width: 767px) { } .desktop-menu-button { oxy-mega-menu_slug_oxymegadropdownicon_color:rgba(57,58,58,0.3); oxy-mega-menu_slug_oxymegadropdownlinkhoveroxymegadropdownicon_color:#393a3a; oxy-mega-menu_slug_oxymegadropdownlinkoxymegadropdowninneropenoxymegadropdownicon_color:#393a3a; oxy-mega-menu_slug_oxymegadropdownlinkoxymegamenuinnerctlinktext_color:rgba(57,58,58,0.3); } @media (max-width: 991px) { .desktop-menu-button { visibility:hidden; } .desktop-menu-button:not(.ct-section):not(.oxy-easy-posts), .desktop-menu-button.oxy-easy-posts .oxy-posts, .desktop-menu-button.ct-section .ct-section-inner-wrap{ display:none; flex-direction:unset; } } .bottom-menu-item-text { font-size:.65em; } @media (max-width: 991px) { .bottom-menu-item-text { font-family:Inter; font-size:.65em; } } @media (max-width: 767px) { } .bottom-menu-item-icon { color: #333333;}.bottom-menu-item-icon >svg {width: 23px;height: 23px;}.bottom-menu-item-icon { } @media (max-width: 991px) { .bottom-menu-item-icon { }.bottom-menu-item-icon >svg {width: 23px;height: 23px;}.bottom-menu-item-icon { padding-bottom:2px; } } @media (max-width: 767px) { } @media (max-width: 479px) { } .bottom-menu-item { flex: 0 0 25%; width: 25%; height: 68px; display: flex; flex-direction: column; align-items: center; padding: 14px 0 12px; text-decoration: none; color: #576071; } .bottom-menu-item:not(.ct-section):not(.oxy-easy-posts), .bottom-menu-item.oxy-easy-posts .oxy-posts, .bottom-menu-item.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; flex-wrap:nowrap; align-items:center; justify-content:center; } @media (max-width: 991px) { } @media (max-width: 767px) { } .bottom-menu-container { visibility:visible; position:fixed; bottom:10px; width:300px; overflow: hidden; left: calc(50% - 150px); right: calc(50% - 150px); z-index: 10; } .bottom-menu-container:not(.ct-section):not(.oxy-easy-posts), .bottom-menu-container.oxy-easy-posts .oxy-posts, .bottom-menu-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 479px) { .bottom-menu-container { } } .highlight-button { } @media (max-width: 767px) { .highlight-button { color:#b67f65; } } .bottom-menu-highlight-test { } @media (max-width: 991px) { .bottom-menu-highlight-test { color: #b67f65;}.bottom-menu-highlight-test { color:#b67f65; } } .footer { } @media (max-width: 991px) { .footer { padding-bottom: 66px; } } .mobile-menu-container { visibility:hidden; } .mobile-menu-container:not(.ct-section):not(.oxy-easy-posts), .mobile-menu-container.oxy-easy-posts .oxy-posts, .mobile-menu-container.ct-section .ct-section-inner-wrap{ display:none; flex-direction:unset; } @media (max-width: 991px) { .mobile-menu-container { oxy-slide-menu_-menu-item a_typography_font-family:Array; oxy-slide-menu_-sub-menu_typography_font-family:Array; visibility:visible; oxy-slide-menu_-menu-item a_typography_font-size:1.1; oxy-slide-menu_-menu-item a_typography_color:#393a3a; oxy-slide-menu_extra_menu_link_padding_padding-bottom:20; oxy-slide-menu_dropdown_icon_item_margin_margin-left:10; oxy-slide-menu_slug_oxyslidemenudropdowniconclickareaoxyslidemenuopensvg_transform:rotate:90; oxy-slide-menu_slug_oxyslidemenudropdowniconclickareasvg_transition_duration:.2; oxy-slide-menu_slug_oxyslidemenulistmenuitema_color:#393a3a; font-size:1em; oxy-slide-menu_-sub-menu_typography_font-weight:100; oxy-slide-menu_-sub-menu_typography_font-size:.95; padding-right:0px; font-weight: 700; } .mobile-menu-container:not(.ct-section):not(.oxy-easy-posts), .mobile-menu-container.oxy-easy-posts .oxy-posts, .mobile-menu-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:unset; } .mobile-menu-container .oxy-pro-menu-off-canvas-container > div:first-child, .mobile-menu-container .oxy-pro-menu-open-container > div:first-child{ min-width:200px; } .mobile-menu-container .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item, .mobile-menu-container .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .mobile-menu-container .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item, .mobile-menu-container .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{ font-family: 'Inter'; font-size: 2px; } .mobile-menu-container .oxy-pro-menu-list{ flex-direction: column; } .mobile-menu-container .oxy-pro-menu-list > .menu-item{ white-space: normal; } .mobile-menu-container .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) ul:not(.sub-menu) > li > .sub-menu{ top: 0; left: 100%; } .mobile-menu-container .oxy-pro-menu-list > .menu-item > .sub-menu.sub-menu-left{ margin-right: 100%; } .mobile-menu-container .oxy-pro-menu-dropdown-animating[data-aos*="down"]{ pointer-events: auto; } .mobile-menu-container .oxy-pro-menu-dropdown-animating[data-aos*="right"]{ pointer-events: none; } .mobile-menu-container .oxy-pro-menu-dropdown-animating.sub-menu-left[data-aos*="left"]{ pointer-events: none; } .mobile-menu-container .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .mobile-menu-container .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{ text-align: center; justify-content: center; } } .menu-2nd-container { background-color:#d4b6a6; position: -webkit-sticky; position: sticky; } .menu-2nd-container .ct-section-inner-wrap { padding-top: 15 ; padding-bottom: 15 ; } @media (max-width: 1168px) { } @media (max-width: 991px) { .menu-2nd-container { font-size:.9em; visibility:hidden; } .menu-2nd-container:not(.ct-section):not(.oxy-easy-posts), .menu-2nd-container.oxy-easy-posts .oxy-posts, .menu-2nd-container.ct-section .ct-section-inner-wrap{ display:none; flex-direction:unset; } } .menu-2nd-item-text { font-size:.9em; text-transform:capitalize; } .menu-2nd-item-icon { } .menu-2nd-item-container:hover{ color:#ffffff; } .menu-2nd-item-container { color:rgba(255,255,255,0.6); order:2; } .menu-2nd-item-container:not(.ct-section):not(.oxy-easy-posts), .menu-2nd-item-container.oxy-easy-posts .oxy-posts, .menu-2nd-item-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } .menu-2nd-container-right-border { border-right-width:1px; border-right-style:solid; border-right-color:rgba(255,255,255,0.35); } .current { } @media (max-width: 991px) { .menu-mobile-2nd-container { padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; } .menu-mobile-2nd-container:not(.ct-section):not(.oxy-easy-posts), .menu-mobile-2nd-container.oxy-easy-posts .oxy-posts, .menu-mobile-2nd-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:flex-start; } } .menu-mobile-2nd-item-container { padding-top:15px; padding-left:15px; padding-right:15px; padding-bottom:14px; width:100%; } .menu-mobile-2nd-item-container:not(.ct-section):not(.oxy-easy-posts), .menu-mobile-2nd-item-container.oxy-easy-posts .oxy-posts, .menu-mobile-2nd-item-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } @media (max-width: 991px) { .menu-mobile-2nd-item-container { order:2; } .menu-mobile-2nd-item-container:not(.ct-section):not(.oxy-easy-posts), .menu-mobile-2nd-item-container.oxy-easy-posts .oxy-posts, .menu-mobile-2nd-item-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } } .menu-mobile-2nd-item-text { color:var(--primary-color); font-weight:500; opacity:.5; } @media (max-width: 991px) { } .menu-mobile-2nd { top:61px; text-align:left; visibility:visible; width:100%; } .menu-mobile-2nd .ct-section-inner-wrap { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .menu-mobile-2nd:not(.ct-section):not(.oxy-easy-posts), .menu-mobile-2nd.oxy-easy-posts .oxy-posts, .menu-mobile-2nd.ct-section .ct-section-inner-wrap{ display:block; align-items:center; justify-content:flex-start; } @media (max-width: 1168px) { } @media (max-width: 991px) { } @media (max-width: 479px) { } .menu { } .menu-2nd-personality-types { } .menu-2nd-wings { } .menu-2nd-wings:not(.ct-section):not(.oxy-easy-posts), .menu-2nd-wings.oxy-easy-posts .oxy-posts, .menu-2nd-wings.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } @media (max-width: 991px) { .menu-2nd-wings { } } .menu-2nd-mistypings { } .menu-2nd-mistypings:not(.ct-section):not(.oxy-easy-posts), .menu-2nd-mistypings.oxy-easy-posts .oxy-posts, .menu-2nd-mistypings.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } .menu-2nd-relationships { } .menu-2nd-3columns { width:33%; } .menu-2nd-not-sure { } .menu-2nd-not-sure:not(.ct-section):not(.oxy-easy-posts), .menu-2nd-not-sure.oxy-easy-posts .oxy-posts, .menu-2nd-not-sure.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } .menu-2nd-theory { } .menu-2nd-blog { } .menu-2nd-blog:not(.ct-section):not(.oxy-easy-posts), .menu-2nd-blog.oxy-easy-posts .oxy-posts, .menu-2nd-blog.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } .menu-2nd-4columns { width:25%; } .menu-2nd-free-course { } .menu-2nd-premium-course { } .mobile-language-switcher { } @media (max-width: 991px) { .mobile-language-switcher { text-align:right; } } .label-free:after{ content:""; width: auto; height: auto; transform: none; color: rgb(255, 255, 255); background-color: #E7B296; padding: .5em 1em; margin-left: 1em; border-radius: 2px; content: "free"; border: none; font-size: .6em; font-weight: 700; letter-spacing: .2em; } .label-free { } .label-coming-soon:after{ content:""; width: auto; height: auto; transform: none; color: rgb(255, 255, 255); background-color: #E7B296; padding: .5em 1em; margin-left: 1em; border-radius: 2px; content: "soon"; border: none; font-size: .6em; font-weight: 700; letter-spacing: .2em; } .label-coming-soon { } .label-new:after{ content:""; width: auto; height: auto; transform: none; color: rgb(255, 255, 255); background-color: #E7B296; padding: .5em 1em; margin-left: 1em; border-radius: 2px; content: "new"; border: none; font-size: .6em; font-weight: 700; letter-spacing: .2em; } .label-new { } .hero-section { } .take-test-hero:before{ content:""; content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.05; } .take-test-hero { text-align:left; } .take-test-hero .ct-section-inner-wrap { padding-top: 200 ; padding-bottom: 0; } .take-test-hero:not(.ct-section):not(.oxy-easy-posts), .take-test-hero.oxy-easy-posts .oxy-posts, .take-test-hero.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:flex-start; } @media (max-width: 767px) { .take-test-hero { max-width:1080px; } } .hero { } .hero-title { } .hero-heading { } .hero-subtext { font-family:Inter; font-size:1em; max-width:600px; } .bottom-menu-test-items { } .menu-submenu-container-languages:after{ content:""; } .menu-submenu-container-languages:before{ content:""; content: ""; position: absolute; top: -12px; left: calc(90% - 12px); width: 24px; height: 24px; transform: rotate( 45deg ); background-color: #fff; border-radius: 5px; box-shadow: 0 30px 100px -20px rgb(50 50 70 / 30%), 0 30px 50px -30px rgb(0 0 0 / 20%), 0 15px 60px 0 rgb(0 0 0 / 1%); } .menu-submenu-container-languages { padding-top:20px; padding-left:20px; padding-right:20px; padding-bottom:20px; border-radius:10px; margin-top:-8px; box-shadow:1px 1px 20px rgba(57,58,58,0.3); } .instructions-item:after{ content:""; content: ''; display: block; position: absolute; font-size: 4em; color: rgb(0,0,0,.05); top:-30px; margin-left:-30px; opacity: 1; } .instructions-item:before{ content:""; } .instructions-item { position:relative; } .instructions-item-container { } .listicle-item-test { } .listicle-number-1 { } .take-test-button:hover{ opacity:.6; transition-duration:.5s; } .take-test-button { background-image:url(https://personalitypath.com/wp-content/uploads/button-slim_8.svg);background-size: contain; text-align:center; padding-left:50px; padding-right:50px; float:right; right:0px; background-repeat:no-repeat; padding-top:10px; padding-bottom:10px; min-width:300px; min-height:100px; background-position:40% 50%; position: sticky; } .take-test-button:not(.ct-section):not(.oxy-easy-posts), .take-test-button.oxy-easy-posts .oxy-posts, .take-test-button.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } @media (max-width: 991px) { } @media (max-width: 767px) { } .icon-test-checkmarks { color: #e1cbbe;}.icon-test-checkmarks >svg {width: 55px;height: 55px;}.icon-test-checkmarks { padding-right:10px; } .two-cols-left { width:67%; } .two-cols-right { } .start-test-button:hover{ opacity:.6; transition-duration:.5s; } .start-test-button { background-size: contain; text-align:center; float:right; right:0px; background-repeat:no-repeat; min-width:300px; min-height:60px; background-position:40% 50%; } .start-test-button:not(.ct-section):not(.oxy-easy-posts), .start-test-button.oxy-easy-posts .oxy-posts, .start-test-button.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } @media (max-width: 991px) { } @media (max-width: 767px) { } .faq-accordion-test:hover{ } .faq-accordion-test { } .faq-accordion-test .oxy-pro-accordion_item{ margin-bottom:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; } .cell { text-align:center; } .cell:not(.ct-section):not(.oxy-easy-posts), .cell.oxy-easy-posts .oxy-posts, .cell.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; } @media (max-width: 479px) { .cell { } } .first-result-progress-bar { progress_bar_progress:50%; width:200px; progress_bar_bar_color:#d4b6a6; progress_bar_background_color:#f7f2ec; progress_bar_left_text_typography_font-size:0px; progress_bar_right_text_typography_font-size:0px; } .first-result-progress-bar .oxy-progress-bar-background { background-color: #f7f2ec; background-image: none; animation: none 0s paused; } .first-result-progress-bar .oxy-progress-bar-progress-wrap { width: 50%; } .first-result-progress-bar .oxy-progress-bar-progress { background-color: #d4b6a6;padding: 5px;animation: none 0s paused, oxy_progress_bar_width .75s ease-out 1; background-image: none; } .first-result-progress-bar .oxy-progress-bar-overlay-text { font-size: 0px; } .first-result-progress-bar .oxy-progress-bar-overlay-percent { font-size: 0px; } .desktop-menu-button-text { font-size:1em; } @media (max-width: 479px) { .desktop-menu-button-text { } } .mobile-menu-button-text { } @media (max-width: 991px) { .mobile-menu-button-text { } } .CELL { } .first-result-button { padding-left:75px; padding-right:75px; padding-top:30px; padding-bottom:30px; z-index:5; } .first-result-button:not(.ct-section):not(.oxy-easy-posts), .first-result-button.oxy-easy-posts .oxy-posts, .first-result-button.ct-section .ct-section-inner-wrap{ display:flex; } @media (max-width: 479px) { .first-result-button { padding-left:50px; padding-right:50px; padding-top:20px; padding-bottom:20px; } } .content { margin-top:0px; margin-bottom:39px; font-size:22px; } .capitalized { text-transform:capitalize; } .text-container-max-width { max-width:750px; text-align:center; } .text-container-max-width:not(.ct-section):not(.oxy-easy-posts), .text-container-max-width.oxy-easy-posts .oxy-posts, .text-container-max-width.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } .first-result-container { text-align:center; position:relative; } .first-result-container .ct-section-inner-wrap { padding-top: 75 ; padding-bottom: 100 ; } .first-result-container:not(.ct-section):not(.oxy-easy-posts), .first-result-container.oxy-easy-posts .oxy-posts, .first-result-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:unset; align-items:center; } .subheading { font-family:Inter; text-transform:uppercase; letter-spacing:.15em; color:rgba(57,58,58,0.3); text-align:center; } .text { text-align:left; } .results-header-container { } .results-header-container .ct-section-inner-wrap { padding-top: 30 ; padding-bottom: 30 ; } .results-header-container:not(.ct-section):not(.oxy-easy-posts), .results-header-container.oxy-easy-posts .oxy-posts, .results-header-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } .first-result-type-no { font-family:Inter; font-weight:400; text-transform:uppercase; letter-spacing:.1em; } .first-result-type-no-spelled { font-style:italic; font-size:5em; z-index:1; } @media (max-width: 479px) { .first-result-type-no-spelled { font-size:4em; } } .first-result-likelihood-container { text-align:center; margin-bottom:25px; margin-top:25px; } .first-result-likelihood-container:not(.ct-section):not(.oxy-easy-posts), .first-result-likelihood-container.oxy-easy-posts .oxy-posts, .first-result-likelihood-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } .first-result-likelihood-perct-no { } .second-third-result-container { background-color:#f6f2ec; text-align:center; } .second-third-result-container .ct-section-inner-wrap { padding-top: 100 ; padding-bottom: 100 ; } .second-third-result-container:not(.ct-section):not(.oxy-easy-posts), .second-third-result-container.oxy-easy-posts .oxy-posts, .second-third-result-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } .first-result-link-wrapper { } .second-result-type-no { font-family:Inter; font-weight:400; text-transform:uppercase; letter-spacing:.1em; } @media (max-width: 479px) { .second-result-type-no { font-size:.8em; } } .second-result-progress-bar { progress_bar_background_color:#eee9dc; width:150px; } .second-result-progress-bar .oxy-progress-bar-background { background-color: #eee9dc; } .likelihood-container { text-align:center; margin-top:10px; } .likelihood-container:not(.ct-section):not(.oxy-easy-posts), .likelihood-container.oxy-easy-posts .oxy-posts, .likelihood-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } .perct-no { font-family:Inter; color:#d4b6a6; font-weight:400; } .unlikely-container { } .unlikely-img { opacity:.15; margin-bottom:-45px; max-width:150px; max-height:150px; } .unlikely-result-type-no { font-family:Inter; font-weight:400; text-transform:uppercase; letter-spacing:.1em; font-size:.9em; } @media (max-width: 479px) { .unlikely-result-type-no { font-size:.8em; } } .unlikely-type-spelled { color:#393a3a; font-weight:700; text-transform:capitalize; font-style:italic; } @media (max-width: 479px) { .unlikely-type-spelled { font-size:2em; } } .unlikely-type-name { font-size:2.5em; color:#e1cbbe; margin-top:-10px; font-weight:300; } @media (max-width: 479px) { .unlikely-type-name { font-size:2em; } } .unlikely-type-descr { text-align:center; font-size:.85em!important; } .white { } .button-icon-left { color: #ffffff;}.button-icon-left >svg {width: 25px;height: 25px;}.button-icon-left { padding-right:10px; } .secondary-menu-button-desktop { margin-right:20px; color: rgba(57,58,58,0.3); } .secondary-menu-button-desktop:not(.ct-section):not(.oxy-easy-posts), .secondary-menu-button-desktop.oxy-easy-posts .oxy-posts, .secondary-menu-button-desktop.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; } @media (max-width: 991px) { .secondary-menu-button-desktop { } .secondary-menu-button-desktop:not(.ct-section):not(.oxy-easy-posts), .secondary-menu-button-desktop.oxy-easy-posts .oxy-posts, .secondary-menu-button-desktop.ct-section .ct-section-inner-wrap{ display:none; flex-direction:unset; } } .secondary-menu-button-icon { color: #333333;}.secondary-menu-button-icon >svg {width: 20px;height: 20px;}.secondary-menu-button-icon { padding-right:5px; } .secondary-menu-button-text { font-family:Inter; font-size:.75em; } .submenu-numbers-icon { padding-right:5px; } .submenu-types-container { width:33.33%; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } .submenu-types-subcontainer { } .submenu-types-subcontainer:not(.ct-section):not(.oxy-easy-posts), .submenu-types-subcontainer.oxy-easy-posts .oxy-posts, .submenu-types-subcontainer.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; } .submenu-types-text { color:#d4b6a6; font-size:1em; } .button-mobile-account { } .checklist-item-container { margin-top:10px; line-height:1.5; } .checklist-item-container:not(.ct-section):not(.oxy-easy-posts), .checklist-item-container.oxy-easy-posts .oxy-posts, .checklist-item-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:flex-start; } .checklist-icon { color: #333333;}.checklist-icon >svg {width: 25px;height: 25px;}.checklist-icon { padding-right:10px; } .max-width-750:locked{ } .max-width-750 { max-width:750px; } .faqs { } .faqs-accordion { padding-bottom:20px; margin-bottom:0px; } .faqs-accordion .oxy-pro-accordion_header{ background-color:rgba(0,0,0,0); } .faqs-accordion .oxy-pro-accordion_title{ font-family: 'Inter'; text-transform: capitalize; font-weight: 700; font-size: 1.5em; letter-spacing: 0px; line-height: 1.5; } .faqs-accordion .oxy-pro-accordion_content{ padding-top:0px; padding-bottom:0px; } .button-unlock-test-report:hover{ opacity:.6; transition-duration:.5s; } .button-unlock-test-report { background-image:url(https://personalitypath.com/wp-content/uploads/button-slim_8.svg);background-size: contain; text-align:center; right:0px; background-repeat:no-repeat; padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px; background-position:40% 50%; } .button-unlock-test-report:not(.ct-section):not(.oxy-easy-posts), .button-unlock-test-report.oxy-easy-posts .oxy-posts, .button-unlock-test-report.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } @media (max-width: 991px) { } @media (max-width: 767px) { } .button-unlock-text { } @media (max-width: 479px) { .button-unlock-text { } } .organic-border { background-color:#ffffff; padding-top:30px; padding-left:30px; padding-right:30px; padding-bottom:30px; border-radius: 60px 45px 30px 15px/15px 30px 45px 60px!important; } .organic-border:not(.ct-section):not(.oxy-easy-posts), .organic-border.oxy-easy-posts .oxy-posts, .organic-border.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } .celebrities-name { color:rgba(57,58,58,0.75); line-height:1.3; margin-top:-px; text-align:center; min-height:21px; } .celebrities-illustration { opacity:.75; max-height:175px; height:150px; width:150px; } @media (max-width: 991px) { .celebrities-illustration { max-width:160px; max-height:160px; } } @media (max-width: 767px) { .celebrities-illustration { max-height:150px; } } @media (max-width: 479px) { .celebrities-illustration { max-width:125px; max-height:125px; } } .celebrities-item-container { } .mistypings-item-container:hover{ background-image:url(https://personalitypath.com/wp-content/uploads/blob-2_6.svg);transform:scale(1.05,1.05);} .mistypings-item-container { background-image:url(https://personalitypath.com/wp-content/uploads/blob-2_5.svg);background-size: auto auto; text-align:center; url_encoded:true; background-repeat:no-repeat; overflow:visible; transition-duration:.2s; background-position:50% 50%; } .mistypings-item-container:not(.ct-section):not(.oxy-easy-posts), .mistypings-item-container.oxy-easy-posts .oxy-posts, .mistypings-item-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; } .width-90pct:locked{ } .width-90pct { width:90%; } @media (max-width: 991px) { .width-90pct { width:90%; } } .icon-paragraph-start { color: #f7f2ec;}.icon-paragraph-start >svg {width: 55px;height: 55px;}.icon-paragraph-start { margin-bottom:-20px; margin-left:-20px; z-index:-1; } .carousel-4-3-2-items { max-width:100%; } .carousel-4-3-2-items .cell{ width:20%; margin-right:5%; } .carousel-4-3-2-items .oxy-carousel-builder_icon{ font-size:30px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; background-color:rgba(34,34,34,0); color:#393a3a; } .carousel-4-3-2-items .oxy-carousel-builder_icon_disabled{ opacity:0; } .carousel-4-3-2-items .oxy-carousel-builder_caption{ color:#ffffff; } .carousel-4-3-2-items .oxy-inner-content{ display: flex; flex-direction: row; flex-wrap: nowrap; } .carousel-4-3-2-items .cell{ flex-shrink: 0; } .carousel-4-3-2-items .oxy-carousel-builder_hidden{ display: none; } .carousel-4-3-2-items [data-flickity-lazyload]{ opacity: 0; } .carousel-4-3-2-items .flickity-lazyloaded, .carousel-4-3-2-items .flickity-lazyerror{ opacity: 1; } @media (max-width: 991px) { } @media (max-width: 767px) { .carousel-4-3-2-items { } .carousel-4-3-2-items .cell{ width:31%; margin-right:5%; } } @media (max-width: 479px) { .carousel-4-3-2-items { } .carousel-4-3-2-items .cell{ width:47.5%; margin-right:5%; } } .mistyping-item-headline { font-family:Vollkorn; font-weight:700; } .mistpying-item-likelihood { color:rgba(57,58,58,0.75); line-height:1.1; margin-top:-px; } .more-resources-headline { font-family:Inter; font-weight:400; font-size:1em; line-height:1.3; color:rgba(57,58,58,0.75); } .type-descr-name-no { font-family:Vollkorn; color:#393a3a; font-weight:700; margin-top:-20px; } .type-descr-illustration { opacity:.2; } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 479px) { } .align-center { } @media (max-width: 991px) { .align-center { text-align:center; } .align-center:not(.ct-section):not(.oxy-easy-posts), .align-center.oxy-easy-posts .oxy-posts, .align-center.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } } .mobile-menu-links-bottom { font-family:Inter; font-size:1.2em; color:#393a3a; } @media (max-width: 991px) { .mobile-menu-links-bottom { color:rgba(57,58,58,0.5); oxy-header-search_slug_oxyheadersearchopenicon_color:rgba(57,58,58,0.49); font-size:.9em; transition-duration:.2s; } .mobile-menu-links-bottom:after{ } .mobile-menu-links-bottom:hover{ color:#393a3a; } } @media (max-width: 991px) { .mobile-menu-bottom-container { padding-bottom:10px; } .mobile-menu-bottom-container:not(.ct-section):not(.oxy-easy-posts), .mobile-menu-bottom-container.oxy-easy-posts .oxy-posts, .mobile-menu-bottom-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; } } .mobile-menu-item-container { } @media (max-width: 991px) { .mobile-menu-item-container:hover{ background-color:#f7f2ec; border-radius:10px; } .mobile-menu-item-container { text-align:center; padding: 10px!important; } .mobile-menu-item-container:not(.ct-section):not(.oxy-easy-posts), .mobile-menu-item-container.oxy-easy-posts .oxy-posts, .mobile-menu-item-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:unset; align-items:center; } } .mobile-submenu-item-container { } .mobile-submenu-icon { } .mobile-submenu-headline { } .mobile-submenu-heading { font-family:Inter; font-size:1.2em; color:#393a3a; } @media (max-width: 991px) { .mobile-submenu-heading { oxy-header-search_slug_oxyheadersearchopenicon_color:rgba(57,58,58,0.49); transition-duration:.2s; } .mobile-submenu-heading:after{ } .mobile-submenu-heading:hover{ color:#393a3a; } } .width-33pct { } @media (max-width: 991px) { .width-33pct { width:33.33%; } } .width-100pct { } @media (max-width: 991px) { .width-100pct { width:100%; } } .comments-section { } .comments-section .oxy-pro-accordion_content{ padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; } .max-width-850:locked{ } .max-width-850 { max-width:850px; } .wings-selection { background-image:url(https://personalitypath.com/wp-content/uploads/blob-1.svg);background-size: auto auto; text-align:center; url_encoded:true; background-repeat:no-repeat; height:160px; width:160px; background-position:50% 50%; } .wings-selection:not(.ct-section):not(.oxy-easy-posts), .wings-selection.oxy-easy-posts .oxy-posts, .wings-selection.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; } .header-heading { text-align:center; } .size-h2 { } .size-h3 { } .size-h6 { } .size-h1 { } .wings-2-types { font-family:Vollkorn; font-style:italic; font-weight:700; color:#393a3a; } .wings-2-types-2nd { color:#d0d2d0; } .quote-font { font-family:Vollkorn; font-weight:300; font-style:italic; line-height:1.5; margin-bottom:5px; } .quote-container { width:66%; text-align:center; margin-top:30px; margin-bottom:50px; } .quote-container:not(.ct-section):not(.oxy-easy-posts), .quote-container.oxy-easy-posts .oxy-posts, .quote-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } @media (max-width: 991px) { .quote-container { width:100%; } } .size-h4 { } .top-of-page { } .back-to-top-link { } .blog-categories { color:#ffffff; font-size:.85em; line-height:1.25; color: #ffffff!important; } .header-bg { background-color:#ffffff; } .transparent-top-header { } .transparent-top-header .ct-section-inner-wrap { padding-top: 155 ; } @media (max-width: 991px) { .transparent-top-header { } .transparent-top-header .ct-section-inner-wrap { padding-top: 136 ; } } .size-h5 { } .other-result-column { width:NaN%; } .table-of-contents:ct_depth{ } .table-of-contents:hover{ oxy-table-of-contents_slug_oxytableofcontentstitlebackground_color:var(--background-alt-color); oxy-table-of-contents_slug_oxytableofcontentslinkcolor:var(--primary-color); } .table-of-contents { visibility:visible; } .table-of-contents:not(.ct-section):not(.oxy-easy-posts), .table-of-contents.oxy-easy-posts .oxy-posts, .table-of-contents.ct-section .ct-section-inner-wrap{ display:block; } .table-of-contents .oxy-table-of-contents_title-icon{ font-size:24px; } .table-of-contents .oxy-table-of-contents_title{ color:var(--extra-color-2); background-color:var(--transparent-color); font-family: 'Inter'; font-size: var(--text-base) ; font-weight: 500; border_radius_border-radius:1.6rem; border-radius:1.6rem; } .table-of-contents .oxy-table-of-contents_title:hover{ color:var(--primary-color); } .table-of-contents .oxy-table-of-contents_link{ color:var(--extra-color-2); } .table-of-contents .oxy-table-of-contents_link:hover{ color:var(--primary-color); } .table-of-contents .oxy-table-of-contents_link.is-active-link{ color:var(--primary-color); } .table-of-contents .oxy-table-of-contents_link:before{ color: var(--primary-color); font-weight: 600; } @media (max-width: 1168px) { .table-of-contents { visibility:visible; } .table-of-contents:not(.ct-section):not(.oxy-easy-posts), .table-of-contents.oxy-easy-posts .oxy-posts, .table-of-contents.ct-section .ct-section-inner-wrap{ display:block; } } @media (max-width: 991px) { .table-of-contents { visibility:visible; } .table-of-contents:not(.ct-section):not(.oxy-easy-posts), .table-of-contents.oxy-easy-posts .oxy-posts, .table-of-contents.ct-section .ct-section-inner-wrap{ display:block; } } .wings-link-item-container:hover{ background-image:url(https://personalitypath.com/wp-content/uploads/blob-2_6.svg);transform:scale(1.05,1.05); transition-duration:.2s; } .wings-link-item-container { background-image:url(https://personalitypath.com/wp-content/uploads/blob-2_5.svg);background-size: contain; background-repeat:no-repeat; text-align:center; height:125px; width:33.33%; transition-duration:.2s; background-position:50% 50%; } .wings-link-item-container:not(.ct-section):not(.oxy-easy-posts), .wings-link-item-container.oxy-easy-posts .oxy-posts, .wings-link-item-container.ct-section .ct-section-inner-wrap{ align-items:center; justify-content:center; } @media (max-width: 767px) { .wings-link-item-container { height:100px; } } .select-type-button { } .dropdown { } .dropdown-content { } .dropdown-content:not(.ct-section):not(.oxy-easy-posts), .dropdown-content.oxy-easy-posts .oxy-posts, .dropdown-content.ct-section .ct-section-inner-wrap{ display:flex; } .dropbtn { } .type-selector { } .type-selector .oxy-pro-accordion_header{ padding-top:1.2rem; padding-bottom:1.2rem; padding-left:6.4rem; padding-right:6.4rem; } .type-selector .oxy-pro-accordion_title{ font-family: 'Vollkorn'; } @media (max-width: 1168px) { .type-selector { } .type-selector .oxy-pro-accordion_header{ padding-top:1rem; padding-left:5.4rem; padding-right:5.4rem; padding-bottom:1rem; } } @media (max-width: 991px) { .type-selector { } .type-selector .oxy-pro-accordion_header{ padding-left:4.4rem; padding-right:4.4rem; } } .type-selector-row { } .type-selector-item-container:hover{ background-color:rgba(255,255,255,0.75); border-radius:10px; color:var(--primary-hover-color); } .type-selector-item-container { text-align:center; transition-duration:.2s; padding-top:12px; padding-bottom:12px; } .type-selector-item-container:not(.ct-section):not(.oxy-easy-posts), .type-selector-item-container.oxy-easy-posts .oxy-posts, .type-selector-item-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } .type-selector-name { } .header-category-icon { color: rgba(255,255,255,0.15);}.header-category-icon >svg {width: 60px;height: 60px;}.header-category-icon { } @media (max-width: 479px) { .header-category-icon { }.header-category-icon >svg {width: 40px;height: 40px;}.header-category-icon { } } .sources-text { font-size: 0.85em!important; } .listicle-item { } .item-1:before{ content:""; } .item-1 { } .values-container { } @media (max-width: 479px) { .values-container { padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:15px; } } .width-80pct { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 479px) { } .full-width-equalize { } @media (max-width: 991px) { .full-width-equalize { padding-left:20px; padding-right:20px; } } .box-number { font-family:Vollkorn; color:#f7f2ec; margin-bottom:-10px; margin-top:-25px; } @media (max-width: 479px) { .box-number { margin-top:-10px; margin-bottom:0px; } } .team-member-container { margin-top:50px; } .team-member-image { height:200px; } @media (max-width: 991px) { .team-member-image { height:175px; } } @media (max-width: 767px) { .team-member-image { height:150px; } } .team-member-nickname { margin-top:10px; } .team-member-name { color:rgba(57,58,58,0.3); font-size:.85em!important; } .team-member-type { color:rgba(57,58,58,0.3); font-size:.85em!important; } .team-member-quote { font-style:italic; text-align:center; color:#cda797; margin-top:25px; } @media (max-width: 991px) { .team-member-quote { margin-top:10px; } } .team-member-quote-icon { color: #f6e5dd;}.team-member-quote-icon >svg {width: 35px;height: 35px;}.team-member-quote-icon { margin-top:25px; margin-bottom:-10px; } .team-member-role-container { background-color:rgba(57,58,58,0.3); border-radius:10px; padding-top:2px; padding-bottom:2px; padding-left:10px; padding-right:10px; margin-top:5px; margin-bottom:5px; } .test-instructions-item-container { background-color:#ede8e1; } .test-features-container { margin-bottom:10px; line-height:1.3; } .test-testimonials { } .test-testimonial-container { padding-bottom:25px; text-align:center; margin-top:auto; margin-bottom:auto; } .test-testimonial-container:not(.ct-section):not(.oxy-easy-posts), .test-testimonial-container.oxy-easy-posts .oxy-posts, .test-testimonial-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } .main { width:100%; } .section-nav { margin-left:25px; margin-right:25px; margin-top:0 ; height:100vh; width:320px; text-align:center; } .section-nav:not(.ct-section):not(.oxy-easy-posts), .section-nav.oxy-easy-posts .oxy-posts, .section-nav.ct-section .ct-section-inner-wrap{ display:none; flex-direction:unset; align-items:center; justify-content:space-around; } @media (max-width: 1168px) { .section-nav { } .section-nav:not(.ct-section):not(.oxy-easy-posts), .section-nav.oxy-easy-posts .oxy-posts, .section-nav.ct-section .ct-section-inner-wrap{ display:none; flex-direction:unset; } } .checklist-icon-light { color: #848b81;}.checklist-icon-light >svg {width: 25px;height: 25px;}.checklist-icon-light { padding-right:10px; } .white-text { } .habits-left { max-width:80%; } .habits-right { max-width:80%; } .habits-box { margin-top:50px; border-top-color:#bcc1bc; border-right-color:#bcc1bc; border-bottom-color:#bcc1bc; border-left-color:#bcc1bc; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; } .habits-box:not(.ct-section):not(.oxy-easy-posts), .habits-box.oxy-easy-posts .oxy-posts, .habits-box.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } @media (max-width: 767px) { .habits-box { } } @media (max-width: 479px) { .habits-box { padding-left:15px; padding-right:15px; } } .type-illustration-premium-9types { max-width:175px; max-height:175px; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; } @media (max-width: 767px) { .type-illustration-premium-9types { max-width:175px; max-height:175px; margin-bottom:-40px; } } .type-boxes { margin-bottom:50px; } @media (max-width: 767px) { .type-boxes { } .type-boxes:not(.ct-section):not(.oxy-easy-posts), .type-boxes.oxy-easy-posts .oxy-posts, .type-boxes.ct-section .ct-section-inner-wrap{ flex-direction:unset-reverse; } } @media (max-width: 479px) { .type-boxes { padding-left:0px; padding-right:0px; } } .type-match-label { font-family:Vollkorn; color:#e1cbbe; } .type-boxes-text { } @media (max-width: 479px) { .type-boxes-text { padding-left:0px; padding-right:0px; } } .type-box-descr { margin-top:10px; } .scores-type-name { font-weight:700; } .scores-left-col { width:20%; text-align:right; padding-right:10px; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right: 10px!important; } .scores-left-col:not(.ct-section):not(.oxy-easy-posts), .scores-left-col.oxy-easy-posts .oxy-posts, .scores-left-col.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:flex-end; justify-content:center; } @media (max-width: 479px) { .scores-left-col { } } .scores-right-col { width:80.00%; padding-left:0px; border-left-style:solid; border-left-width:1px; border-left-color:rgba(57,58,58,0.15); padding-right:0px; padding-top:10px; padding-bottom:10px; } .scores-right-col:not(.ct-section):not(.oxy-easy-posts), .scores-right-col.oxy-easy-posts .oxy-posts, .scores-right-col.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; } .scores-pct-bar { background-color:#d0d2d0; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; min-height:35px; text-align:right; border-radius: 0px 40px 30px 15px/15px 30px 45px 0px; } .scores-pct-bar:not(.ct-section):not(.oxy-easy-posts), .scores-pct-bar.oxy-easy-posts .oxy-posts, .scores-pct-bar.ct-section .ct-section-inner-wrap{ align-items:flex-end; justify-content:center; } .scores-pct-text { margin-right:10px; color:#ffffff; font-weight:500; padding-left:1rem; } .scores-pct-text:not(.ct-section):not(.oxy-easy-posts), .scores-pct-text.oxy-easy-posts .oxy-posts, .scores-pct-text.ct-section .ct-section-inner-wrap{ display:flex; } .back-to-top-button { margin-top:25px; } .back-to-top-icon { } .likelihood-label-pct { font-family:Inter; color:rgba(57,58,58,0.3); letter-spacing:.1em; line-height:1.2; text-transform:uppercase; } .test-testimonial-container-item { border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-color:#f6e5dd; border-right-color:#f6e5dd; border-bottom-color:#f6e5dd; border-left-color:#f6e5dd; } .menu-2nd-5columns { } .menu-2nd-type-description { } @media (max-width: 991px) { .menu-2nd-type-description { } .menu-2nd-type-description:not(.ct-section):not(.oxy-easy-posts), .menu-2nd-type-description.oxy-easy-posts .oxy-posts, .menu-2nd-type-description.ct-section .ct-section-inner-wrap{ display:flex; } } .menu-2nd-premium-profile { } .menu-2nd-premium-profile:not(.ct-section):not(.oxy-easy-posts), .menu-2nd-premium-profile.oxy-easy-posts .oxy-posts, .menu-2nd-premium-profile.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } .login-button { } .submenu-small-item-container { width:11%; } .submenu-small-item-container:not(.ct-section):not(.oxy-easy-posts), .submenu-small-item-container.oxy-easy-posts .oxy-posts, .submenu-small-item-container.ct-section .ct-section-inner-wrap{ display:flex; } .type-container:hover{ transition-duration:.2s; background-color:var(--background-alt-color); box-shadow: none!important; } .type-container { padding-left:0px; margin-bottom:25px; margin-top:5px; margin-left:5px; margin-right:5px; width:30%; text-align:justify; border-radius:10px; background-color:var(--background-color); } .type-container:not(.ct-section):not(.oxy-easy-posts), .type-container.oxy-easy-posts .oxy-posts, .type-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:space-around; } @media (max-width: 991px) { } @media (max-width: 767px) { .type-container { width:45%; } .type-container:not(.ct-section):not(.oxy-easy-posts), .type-container.oxy-easy-posts .oxy-posts, .type-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } } @media (max-width: 479px) { .type-container { } .type-container:not(.ct-section):not(.oxy-easy-posts), .type-container.oxy-easy-posts .oxy-posts, .type-container.ct-section .ct-section-inner-wrap{ display:flex; } } .type-illustration { opacity:.3; max-width:150px; max-height:150px; } @media (max-width: 991px) { .type-illustration { max-width:100px; max-height:100px; padding-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; } } @media (max-width: 767px) { .type-illustration { max-width:100px; max-height:100px; margin-bottom:-10px; } } @media (max-width: 479px) { .type-illustration { } .type-illustration:not(.ct-section):not(.oxy-easy-posts), .type-illustration.oxy-easy-posts .oxy-posts, .type-illustration.ct-section .ct-section-inner-wrap{ flex-direction:unset; } } .type-name-container { text-align:center; margin-top:auto; margin-left:auto; margin-right:auto; margin-bottom:auto; } .type-name-container:not(.ct-section):not(.oxy-easy-posts), .type-name-container.oxy-easy-posts .oxy-posts, .type-name-container.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; } .type-no { text-align:center; margin-bottom:-5px; } .type-name { text-align:center; } .types-container { } .type-container-table { } .type-col-left { padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; } .type-col-right { padding-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; } .mx { } .sales-box { text-align:center; background-color:var(--background-color); } .sales-box:not(.ct-section):not(.oxy-easy-posts), .sales-box.oxy-easy-posts .oxy-posts, .sales-box.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } .sales-boxes-left { margin-top:auto; margin-bottom:auto; } .sales-boxes { margin-top:auto; margin-bottom:auto; } .resources-container { } .resources-arrow-icon { } .next-previous-label { } .resource-title { } .trust-feature-text { text-align:center; line-height:1.35; } .trust-feature { text-align:center; padding-left:15px; padding-right:15px; margin-top:auto; margin-bottom:auto; } .trust-feature:not(.ct-section):not(.oxy-easy-posts), .trust-feature.oxy-easy-posts .oxy-posts, .trust-feature.ct-section .ct-section-inner-wrap{ align-items:center; } @media (max-width: 767px) { .trust-feature { padding-top:0px; } } .trust-feature-icon { color: var(--primary-color);}.trust-feature-icon >svg {width: 24px;height: 24px;}.trust-feature-icon { margin-bottom:10px; margin-top:-45px; } .trust-feature-heading { margin-bottom:10px; line-height:1.25; color:var(--primary-color); } .back-button { } @media (max-width: 991px) { .back-button { } } .menu-2nd-account-home { } .menu-2nd-account-orders { } .menu-2nd-account-info { } .welcome { } .back-icon { } .back-text { } .container { } .close-button:ct_depth{ } .close-button:hover{ color: var(--primary-hover-color);}.close-button:hover{ transition-duration:.2s; color: var(--primary-hover-color)!important; background-color: var(--primary-alt-color)!important; } .close-button { color: var(--primary-color);}.close-button >svg {width: 55px;height: 55px;}.close-button { margin-right:-16px; margin-top:-16px; margin-bottom:-16px; z-index:1; } .box-shadow { box-shadow: 0px 5px 50px 0px rgb(0 0 0 / 10%); } .box-shadow { border_radius_border-radius:10px; border-radius:10px; } @media (max-width: 767px) { } .sales-page-boxes { margin: -1em 0 -1em 0; } .preview-accordion { } .preview-accordion .oxy-pro-accordion_header{ background-color:rgba(0,0,0,0); } .preview-accordion .oxy-pro-accordion_title-area{ padding-left:10px; padding-right:10px; } .preview-accordion .oxy-pro-accordion_title{ font-family: 'Inter'; font-size: 1.5em; text-transform: capitalize; text-align: center; } .preview-accordion .oxy-pro-accordion_content{ padding-top:0px; padding-bottom:25px; } .preview-accordion .oxy-pro-accordion_icon{ padding-left:0px; } .preview-accordion .oxy-pro-accordion_body{ --extras-hide-accordion: block; } .preview-accordion .oxy-pro-accordion_context-icon{ display: none; } .type-number { } .table-of-contents-box { } .help-wrapper { padding-bottom:25px; padding-top:25px; padding-left:25px; padding-right:25px; text-align:center; overflow:hidden; position: fixed; bottom: 140px; right: 15px; z-index: 1; height: 500px; max-height: 50vh; overflow-y: auto; background-color: #fff; border-radius: 10px; width: calc(100% - 30px); box-shadow: 0 0 50px 0 #9b9faa; max-width: 600px; } .help-wrapper:not(.ct-section):not(.oxy-easy-posts), .help-wrapper.oxy-easy-posts .oxy-posts, .help-wrapper.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } .help-toggle:hover{ background-color:#848b81; transition-duration:.2s; } .help-toggle { background-color:#9fa49c; position: fixed; z-index: 1; bottom: 85px; right: 15px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; cursor: pointer; font-size: .8em; } .help-container { z-index:2; } .faq-accordion-sales { text-align:left; margin-bottom:10px; } .faq-accordion-sales .oxy-pro-accordion_header{ background-color:rgba(255,255,255,0); padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; } .faq-accordion-sales .oxy-pro-accordion_title-area{ padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; } .faq-accordion-sales .oxy-pro-accordion_title{ font-family: 'Inter'; text-transform: none; text-decoration: none; letter-spacing: 0px; font-weight: 300; font-size: 1.35em; text-align: left; } .faq-accordion-sales .oxy-pro-accordion_body{ color:rgba(57,58,58,0.75); } .faq-accordion-sales .oxy-pro-accordion_content{ padding-top:5px; padding-bottom:15px; padding-left:0px; padding-right:0px; } .faq-accordion-sales .oxy-pro-accordion_icon{ padding-right:0px; } @media (max-width: 991px) { } @media (max-width: 767px) { .faq-accordion-sales { margin-bottom:15px; } } .wing-second-text { } .ignore { } .ignore:not(.ct-section):not(.oxy-easy-posts), .ignore.oxy-easy-posts .oxy-posts, .ignore.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } .serif-font { } .premium-toc-wrapper:hover{ background-color:#ffffff; border-radius:10px; transition-duration:.2s; } .premium-toc-wrapper { url_encoded:true; margin-left:1.5%; margin-right:1.5%; background-color:var(--background-color); width:30.33%; margin-bottom:auto; } @media (max-width: 767px) { .premium-toc-wrapper { width:100%; margin-left:0px; margin-right:0px; margin-top:2.5%; margin-bottom:2.5%; } } .breakout-70 { width:70vw; max-width:70vw; margin-top:0px; margin-bottom:0px; margin-left:calc(-35vw + 50%) ; margin-right:calc(-35vw + 50%) ; } .breakout-80 { width:80vw; max-width:80vw; margin-top:0px; margin-bottom:0px; margin-left:calc(-40vw + 50%) ; margin-right:calc(-40vw + 50%) ; } .breakout-90 { width:90vw; max-width:90vw; margin-top:0px; margin-bottom:0px; margin-left:calc(-45vw + 50%) ; margin-right:calc(-45vw + 50%) ; } .breakout-100 { width:100vw; max-width:100vw; margin-top:0px; margin-bottom:0px; margin-left:calc(-50vw + 50%) ; margin-right:calc(-50vw + 50%) ; } .sticky { position: sticky; top: 0; } .sticky-sm { top: 2.5%; } .sticky-md { top: 5%; } .sticky-lg { top: 10%; } .sticky-xl { top: 20%; } .overlay-primary:before{ position:absolute; z-index:-1; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(var(--primary-rgb-vals), 0.70); content:""; } .overlay-primary { position:relative; z-index:0; } .overlay-secondary:before{ position:absolute; z-index:-1; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(var(--secondary-rgb-vals), 0.70); content:""; } .overlay-secondary { position:relative; z-index:0; } .overlay-tertiary:before{ position:absolute; z-index:-1; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(var(--tertiary-rgb-vals), 0.70); content:""; } .overlay-tertiary { position:relative; z-index:0; } .overlay-dark:before{ position:absolute; z-index:-1; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(var(--dark-rgb-vals), 0.70); content:""; } .overlay-dark { position:relative; z-index:0; } .overlay-paragraph:before{ position:absolute; z-index:-1; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(var(--paragraph-rgb-vals), 0.70); content:""; } .overlay-paragraph { position:relative; z-index:0; } .overlay-black:before{ position:absolute; z-index:-1; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(var(--black-rgb-vals), 0.70); content:""; } .overlay-black { position:relative; z-index:0; } .overlay-success:before{ position:absolute; z-index:-1; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(var(--success-rgb-vals), 0.70); content:""; } .overlay-success { position:relative; z-index:0; } .overlay-warning:before{ position:absolute; z-index:-1; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(var(--warning-rgb-vals), 0.70); content:""; } .overlay-warning { position:relative; z-index:0; } .overlay-error:before{ position:absolute; z-index:-1; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(var(--error-rgb-vals), 0.70); content:""; } .overlay-error { position:relative; z-index:0; } .overlay-extra-1:before{ position:absolute; z-index:-1; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(var(--extra-color-1-rgb-vals), 0.7); content:""; } .overlay-extra-1 { position:relative; z-index:0; } .overlay-extra-2:before{ position:absolute; z-index:-1; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(var(--extra-color-2-rgb-vals), 0.7); content:""; } .overlay-extra-2 { position:relative; z-index:0; } .overlay-extra-3:before{ position:absolute; z-index:-1; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(var(--extra-color-3-rgb-vals), 0.7); content:""; } .overlay-extra-3 { position:relative; z-index:0; } .overlay-extra-4:before{ position:absolute; z-index:-1; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(var(--extra-color-4-rgb-vals), 0.7); content:""; } .overlay-extra-4 { position:relative; z-index:0; } .img-scroller:hover{ transition-property:background-position; transition-duration:5s; transition-timing-function:linear; transition-delay:0s; background-position: bottom center!important; } .img-scroller { transition-property:background-position; transition-duration:1.5s; transition-timing-function:ease-out; transition-delay:0.5s; width:100%; height:100%; background-repeat:no-repeat; margin-left: auto!important; margin-right: auto!important; background-position: top center; background-size: 100% auto!important; } .bg-primary-hover { background-color:var(--primary-hover-color); } .bg-secondary-hover { background-color:var(--secondary-hover-color); } .bg-primary-alt { background-color:var(--primary-alt-color); } .bg-secondary-alt { background-color:var(--secondary-alt-color); } .bg-primary-alt-hover { background-color:var(--primary-alt-hover-color); } .bg-secondary-alt-hover { background-color:var(--secondary-alt-hover-color); } .bg-tertiary { background-color:var(--tertiary-color); } .bg-black { background-color:var(--black-color); } .bg-placeholder-alt { background-color:var(--placeholder-alt-color); } .border-color-primary { border-top-color:var(--primary-color); border-right-color:var(--primary-color); border-bottom-color:var(--primary-color); border-left-color:var(--primary-color); } .border-color-secondary { border-top-color:var(--secondary-color); border-right-color:var(--secondary-color); border-bottom-color:var(--secondary-color); border-left-color:var(--secondary-color); } .border-color-tertiary { border-top-color:var(--tertiary-color); border-right-color:var(--tertiary-color); border-bottom-color:var(--tertiary-color); border-left-color:var(--tertiary-color); } .space-y-0 { } .space-y-1 { } .space-y-2 { } .space-y-3 { } .space-y-4 { } .space-y-6 { } .space-y-8 { } .space-y-10 { } .space-y-12 { } .space-y-14 { } .space-y-16 { } .space-y-20 { } .space-x-0 { } .space-x-1 { } .space-x-2 { } .space-x-3 { } .space-x-4 { } .space-x-6 { } .space-x-8 { } .space-x-10 { } .space-x-12 { } .space-x-14 { } .space-x-16 { } .space-x-20 { } .divide-x { } .divide-y { } .rounded-sm { border-radius:0.2rem; } .rounded-xl:locked{ } .rounded-xl { border-radius:1.6rem; } .rounded-full { border-radius:999.901rem; } .rounded-r-sm { border-top-right-radius:0.2rem; border-bottom-right-radius:0.2rem; } .rounded-l-sm { border-top-left-radius:0.2rem; border-bottom-left-radius:0.2rem; } .rounded-b-sm { border-bottom-right-radius:0.2rem; border-bottom-left-radius:0.2rem; } .rounded-t-sm { border-top-right-radius:0.2rem; border-top-left-radius:0.2rem; } .rounded-r { border-top-right-radius:0.4rem; border-bottom-right-radius:0.4rem; } .rounded-l { border-top-left-radius:0.4rem; border-bottom-left-radius:0.4rem; } .rounded-b { border-bottom-right-radius:0.4rem; border-bottom-left-radius:0.4rem; } .rounded-r-md { border-top-right-radius:0.6rem; border-bottom-right-radius:0.6rem; } .rounded-l-md { border-top-left-radius:0.6rem; border-bottom-left-radius:0.6rem; } .rounded-b-md { border-bottom-right-radius:0.6rem; border-bottom-left-radius:0.6rem; } .rounded-t-md { border-top-right-radius:0.6rem; border-top-left-radius:0.6rem; } .rounded-r-lg { border-top-right-radius:0.8rem; border-bottom-right-radius:0.8rem; } .rounded-l-lg { border-top-left-radius:0.8rem; border-bottom-left-radius:0.8rem; } .rounded-b-lg { border-bottom-right-radius:0.8rem; border-bottom-left-radius:0.8rem; } .rounded-t-lg { border-top-right-radius:0.8rem; border-top-left-radius:0.8rem; } .border-none { border-top-width:0px; border-left-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-style:solid; border-top-style:solid; border-bottom-style:solid; border-right-style:solid; } .border-2 { border-top-width:2px; border-right-width:2px; border-left-width:2px; border-bottom-width:2px; border-left-style:solid; border-top-style:solid; border-bottom-style:solid; border-right-style:solid; } .border-r { border-right-width:1px; border-right-style:solid; } .border-l { border-left-width:1px; border-left-style:solid; } .cursor-pointer { cursor: pointer; } .inline-grid { } .gap-px { } .gap-2 { } .gap-10 { } .gap-14 { } .gap-16 { } .gap-20 { } .gap-24 { } .col-gap-0 { } .col-gap-2 { } .col-gap-4 { } .col-gap-6 { } .col-gap-8 { } .col-gap-10 { } .col-gap-12 { } .col-gap-14 { } .col-gap-16 { } .col-gap-20 { } .col-gap-24 { } .row-gap-0 { } .row-gap-2 { } .row-gap-8 { } .row-gap-10 { } .row-gap-16 { } .row-gap-20 { } .row-gap-24 { } .grid-flow-row { } .grid-flow-col { } .grid-flow-row-dense { } .grid-flow-col-dense { } .col-end-1 { } .col-end-2 { } .col-end-3 { } .col-end-4 { } .col-end-5 { } .col-end-6 { } .col-end-7 { } .col-end-auto { } .col-start-1 { } .col-start-2 { } .col-start-3 { } .col-start-4 { } .col-start-5 { } .col-start-6 { } .col-start-7 { } .col-start-auto { } .col-auto { } .col-span-1 { } .col-span-5 { } .col-span-6 { } .row-auto { } .row-span-1 { } .row-span-3 { } .row-start-1 { } .row-start-2 { } .row-start-3 { } .row-start-4 { } .row-start-auto { } .row-end-1 { } .row-end-2 { } .row-end-3 { } .row-end-4 { } .row-end-auto { } .grid-rows-1 { } .grid-rows-2 { } .grid-rows-3 { } .grid-rows-none { } .grid-cols-6 { } .grid-60-40 { } .grid-40-60 { } .grid-33-66 { } .grid-66-33 { } .grid-75-25 { } .grid-25-75 { } .auto-grid-2 { } .auto-grid-3 { } .auto-grid-4 { } .grid-cols-none { } .font-normal { font-weight:400; } .font-bold { font-weight:700; } .h-auto { height:auto; } .h-screen { height:100vh; } .text-xs { } .text-base { } .text-3xl { } .text-4xl { } .text-5xl { } .text-6xl { } .text-7xl { } .text-8xl { } .text-9xl { } .mr-0 { margin-right:0px; } .mb-0 { margin-bottom:0px; } .ml-0 { margin-left:0px; } .mt-0 { margin-top:0px; } .mr-1 { margin-right:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; } .ml-1 { margin-left:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; } .mt-1 { margin-top:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; } .ml-2 { margin-left:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; } .mt-2 { margin-top:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; } .ml-3 { margin-left:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; } .mt-3 { margin-top:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; } .ml-4 { margin-left:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; } .mt-4 { margin-top:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; } .mr-5 { margin-right:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; } .mb-5 { margin-bottom:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; } .ml-5 { margin-left:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; } .mt-5 { margin-top:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; } .ml-6 { margin-left:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; } .mt-6 { margin-top:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; } .ml-8 { margin-left:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; } .mt-8 { margin-top:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; } .mr-10 { margin-right:min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem) ; } .mb-10 { margin-bottom:min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem) ; } .ml-10 { margin-left:min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem) ; } .mt-10 { margin-top:min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem) ; } .ml-12 { margin-left:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; } .mt-12 { margin-top:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; } .mr-14 { margin-right:min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem) ; } .mb-14 { margin-bottom:min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem) ; } .ml-14 { margin-left:min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem) ; } .mt-14 { margin-top:min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem) ; } .mr-16 { margin-right:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; } .ml-16 { margin-left:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; } .mt-16 { margin-top:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; } .mr-20 { margin-right:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; } .ml-20 { margin-left:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; } .mt-20 { margin-top:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; } .mr-24 { margin-right:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; } .mb-24 { margin-bottom:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; } .ml-24 { margin-left:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; } .mt-24 { margin-top:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; } .mr-28 { margin-right:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; } .mb-28 { margin-bottom:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; } .ml-28 { margin-left:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; } .mt-28 { margin-top:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; } .mr-32 { margin-right:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; } .mb-32 { margin-bottom:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; } .ml-32 { margin-left:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; } .mt-32 { margin-top:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; } .mr-36 { margin-right:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; } .mb-36 { margin-bottom:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; } .ml-36 { margin-left:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; } .mt-36 { margin-top:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; } .mr-40 { margin-right:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; } .mb-40 { margin-bottom:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; } .ml-40 { margin-left:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; } .mt-40 { margin-top:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; } .object-contain { object-fit: contain; } .object-bottom { object-position: bottom; } .object-left { object-position: left; } .object-right { object-position: right; } .object-top { object-position: top; } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .opacity-0 { opacity:0; } .opacity-25 { opacity:0.25; } .opacity-50 { opacity:.5; } .opacity-75 { opacity:0.75; } .opacity-100 { opacity:1; } .hover-opacity-0:hover{ opacity:0; } .hover-opacity-0 { } .hover-opacity-25:hover{ opacity:0.25; } .hover-opacity-25 { } .hover-opacity-50:hover{ opacity:0.5; } .hover-opacity-50 { } .hover-opacity-75:hover{ opacity:0.75; } .hover-opacity-75 { } .hover-opacity-100:hover{ opacity:1; } .hover-opacity-100 { } .font-headings { font-family:Vollkorn; } .font-text { font-family:Inter; } .p-1 { padding-top:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; padding-left:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; padding-right:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; padding-bottom:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; } .p-2 { padding-top:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; padding-left:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; padding-right:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; padding-bottom:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; } .p-5 { padding-top:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; padding-left:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; padding-right:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; padding-bottom:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; } .p-8:locked{ } .p-8 { padding-top:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; padding-left:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; padding-right:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; padding-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; } .p-10 { padding-top:min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem) ; padding-left:min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem) ; padding-right:min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem) ; padding-bottom:min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem) ; } .p-12 { padding-top:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; padding-left:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; padding-right:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; padding-bottom:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; } .p-14 { padding-top:min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem) ; padding-left:min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem) ; padding-right:min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem) ; padding-bottom:min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem) ; } .p-16 { padding-top:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; padding-left:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; padding-right:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; padding-bottom:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; } .p-20 { padding-top:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; padding-left:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; padding-right:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; padding-bottom:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; } .p-24 { padding-top:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; padding-left:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; padding-right:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; padding-bottom:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; } .p-28 { padding-left:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; padding-bottom:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; padding-top:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; padding-right:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; } .p-32 { padding-left:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; padding-top:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; padding-right:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; padding-bottom:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; } .p-36 { padding-left:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; padding-top:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; padding-right:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; padding-bottom:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; } .p-40 { padding-left:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; padding-top:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; padding-right:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; padding-bottom:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; } .px-1 { padding-left:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; padding-right:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; } .px-4 { padding-left:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; padding-right:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; } .py-5 { padding-top:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; padding-bottom:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; } .px-5 { padding-left:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; padding-right:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; } .py-10 { padding-top:min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem) ; padding-bottom:min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem) ; } .px-10 { padding-left:min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem) ; padding-right:min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem) ; } .px-12 { padding-left:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; padding-right:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; } .py-14 { padding-top:min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem) ; padding-bottom:min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem) ; } .px-14 { padding-left:min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem) ; padding-right:min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem) ; } .py-16 { padding-top:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; padding-bottom:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; } .py-20 { padding-top:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; padding-bottom:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; } .px-20 { padding-left:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; padding-right:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; } .py-24 { padding-top:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; padding-bottom:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; } .px-24 { padding-left:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; padding-right:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; } .py-28 { padding-top:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; padding-bottom:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; } .px-28 { padding-left:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; padding-right:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; } .py-32 { padding-top:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; padding-bottom:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; } .px-32 { padding-left:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; padding-right:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; } .py-36 { padding-top:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; padding-bottom:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; } .px-36 { padding-left:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; padding-right:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; } .py-40 { padding-top:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; padding-bottom:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; } .px-40 { padding-left:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; padding-right:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; } .pr-1 { margin-right:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; } .pb-1 { margin-bottom:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; } .pl-1 { margin-left:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; } .pt-1 { padding-top:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ; } .pr-2 { padding-right:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; } .pb-2 { padding-bottom:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; } .pl-2 { padding-left:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; } .pt-2 { padding-top:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; } .pr-3 { padding-right:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; } .pb-3 { padding-bottom:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; } .pl-3 { padding-left:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; } .pt-3 { padding-top:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ; } .pr-4 { padding-right:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; } .pb-4 { padding-bottom:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; } .pl-4 { padding-left:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; } .pt-4 { padding-top:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; } .pr-5 { padding-right:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; } .pb-5 { padding-bottom:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; } .pl-5 { padding-left:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; } .pt-5 { padding-top:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ; } .pr-6 { padding-right:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; } .pb-6 { padding-bottom:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; } .pl-6 { padding-left:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; } .pt-6 { padding-top:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ; } .pr-8 { padding-right:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; } .pb-8 { padding-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; } .pl-8 { padding-left:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; } .pt-8 { padding-top:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; } .pr-12 { padding-right:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; } .pb-12 { padding-bottom:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; } .pl-12 { padding-left:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; } .pt-12 { padding-top:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ; } .pr-16 { padding-right:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; } .pb-16 { padding-bottom:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; } .pl-16 { padding-left:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; } .pt-16 { padding-top:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ; } .pr-20 { padding-right:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; } .pb-20 { padding-bottom:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; } .pl-20 { padding-left:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; } .pt-20 { padding-top:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ; } .pr-24 { padding-right:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; } .pb-24 { padding-bottom:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; } .pl-24 { padding-left:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; } .pt-24 { padding-top:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ; } .pr-28 { padding-right:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; } .pb-28 { padding-bottom:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; } .pl-28 { padding-left:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; } .pt-28 { padding-top:min(max(7.84rem, calc(7.84rem + ((1vw - 0.32rem) * 4))), 11.2rem) ; } .pr-32 { padding-right:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; } .pb-32 { padding-bottom:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; } .pl-32 { padding-left:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; } .pt-32 { padding-top:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem) ; } .pr-36 { padding-right:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; } .pb-36 { padding-bottom:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; } .pl-36 { padding-left:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; } .pt-36 { padding-top:min(max(10.08rem, calc(10.08rem + ((1vw - 0.32rem) * 5.1429))), 14.4rem) ; } .pr-40 { padding-right:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; } .pb-40 { padding-bottom:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; } .pl-40 { padding-left:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; } .pt-40 { padding-top:min(max(11.2rem, calc(11.2rem + ((1vw - 0.32rem) * 5.7143))), 16rem) ; } .section-pt-0 { } .section-pt-sm { } .section-pb-0 { } .section-pb-sm { } .section-py-0 { } .section-py-sm { } .hover-underline:hover{ text-decoration:underline; } .hover-underline { } .lowercase { text-transform:lowercase; } .capitalize { text-transform:capitalize; } .horizontal-wrap { } .horizontal-wrap:not(.ct-section):not(.oxy-easy-posts), .horizontal-wrap.oxy-easy-posts .oxy-posts, .horizontal-wrap.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; flex-wrap:wrap; } .flex { } .flex:not(.ct-section):not(.oxy-easy-posts), .flex.oxy-easy-posts .oxy-posts, .flex.ct-section .ct-section-inner-wrap{ display:flex; } .flex-row { } .flex-row:not(.ct-section):not(.oxy-easy-posts), .flex-row.oxy-easy-posts .oxy-posts, .flex-row.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } .flex-col { } .flex-col:not(.ct-section):not(.oxy-easy-posts), .flex-col.oxy-easy-posts .oxy-posts, .flex-col.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; } .flex-wrap { } .flex-wrap:not(.ct-section):not(.oxy-easy-posts), .flex-wrap.oxy-easy-posts .oxy-posts, .flex-wrap.ct-section .ct-section-inner-wrap{ display:flex; flex-wrap:wrap; } .justify-start { } .justify-start:not(.ct-section):not(.oxy-easy-posts), .justify-start.oxy-easy-posts .oxy-posts, .justify-start.ct-section .ct-section-inner-wrap{ display:flex; justify-content:flex-start; } .justify-end { } .justify-end:not(.ct-section):not(.oxy-easy-posts), .justify-end.oxy-easy-posts .oxy-posts, .justify-end.ct-section .ct-section-inner-wrap{ display:flex; justify-content:flex-end; } .justify-center { } .justify-center:not(.ct-section):not(.oxy-easy-posts), .justify-center.oxy-easy-posts .oxy-posts, .justify-center.ct-section .ct-section-inner-wrap{ display:flex; justify-content:center; } .justify-between { } .justify-between:not(.ct-section):not(.oxy-easy-posts), .justify-between.oxy-easy-posts .oxy-posts, .justify-between.ct-section .ct-section-inner-wrap{ display:flex; justify-content:space-between; } .items-start { } .items-start:not(.ct-section):not(.oxy-easy-posts), .items-start.oxy-easy-posts .oxy-posts, .items-start.ct-section .ct-section-inner-wrap{ display:flex; align-items:flex-start; } .items-end { } .items-end:not(.ct-section):not(.oxy-easy-posts), .items-end.oxy-easy-posts .oxy-posts, .items-end.ct-section .ct-section-inner-wrap{ display:flex; align-items:flex-end; } .items-baseline { align-items: baseline; } .self-start { align-self: flex-start; } .self-end { align-self: flex-end; } .self-center { align-self: center; } .self-stretch { align-self: stretch; } .content-center { } .content-center:not(.ct-section):not(.oxy-easy-posts), .content-center.oxy-easy-posts .oxy-posts, .content-center.ct-section .ct-section-inner-wrap{ align-content:center; } .content-between { } .content-between:not(.ct-section):not(.oxy-easy-posts), .content-between.oxy-easy-posts .oxy-posts, .content-between.ct-section .ct-section-inner-wrap{ display:flex; align-content:space-between; justify-content:space-between; } .content-around { } .content-around:not(.ct-section):not(.oxy-easy-posts), .content-around.oxy-easy-posts .oxy-posts, .content-around.ct-section .ct-section-inner-wrap{ display:flex; justify-content:space-around; } .hidden { } .hidden:not(.ct-section):not(.oxy-easy-posts), .hidden.oxy-easy-posts .oxy-posts, .hidden.ct-section .ct-section-inner-wrap{ display:none; } .tracking-tighter { letter-spacing:-0.05rem; } .tracking-tight { letter-spacing:-0.025rem; } .tracking-wide { letter-spacing:0.05rem; } .tracking-wider { letter-spacing:0.1rem; } .overflow-hidden { overflow:hidden; } .inline-block { display: inline-block; } .inline-block:not(.ct-section):not(.oxy-easy-posts), .inline-block.oxy-easy-posts .oxy-posts, .inline-block.ct-section .ct-section-inner-wrap{ display:inline-block; flex-direction:unset; } .color-secondary { color:var(--secondary-color); } .color-primary-alt { color:var(--primary-alt-color); } .color-secondary-alt { color:var(--secondary-alt-color); } .color-tertiary { color:var(--tertiary-color); } .color-paragraph-alt { color:var(--paragraph-alt-color); } .color-black { color:var(--black-color); } .color-white { color:var(--white-color); } .order-1 { -webkit-order: 1; order: 1; } .order-2 { -webkit-order: 2; order: 2; } .order-3 { -webkit-order: 3; order: 3; } .order-4 { -webkit-order: 4; order: 4; } .order-5 { -webkit-order: 5; order: 5; } .order-6 { -webkit-order: 6; order: 6; } .order-first { -webkit-order: -9999; order: -9999; } .order-last { -webkit-order: 9999; order: 9999; } .order-none { -webkit-order: 0; order: 0; } .w-auto { width:auto; } @media (max-width: 991px) { .w-auto { } } .w-1by4 { width:25%; } .w-2by4 { width:50%; } .w-1by6 { width:16.666667%; } .w-2by6 { width:33.333333%; } .w-3by6 { width:50%; } .w-1by5 { width:20%; } .w-10p { width:10%; } .w-screen { width:100vw; } .max-w-0 { max-width:0rem; } .max-w-xs { max-width:31.9rem; } .max-w-sm { max-width:47.9rem; } .max-w-md { max-width:76.7rem; } .max-w-lg { max-width:99.1rem; } .max-w-xl { max-width:111.9rem; } .max-w-full { max-width:100%; } .max-w-prose { max-width:65chnone; } .blur-sm { filter:blur(4px); } .blur { filter:blur(8px); } .blur-md { filter:blur(12px); } .blur-lg { filter:blur(16px); } .blur-xl { filter:blur(24px); } .blogzine { } @media (max-width: 1168px) { .xl-breakout { width:100vw; max-width:100vw; margin-top:0px; margin-bottom:0px; margin-left:calc(-50vw + 50%) ; margin-right:calc(-50vw + 50%) ; } } .xl-sticky-off { } @media (max-width: 1168px) { .xl-sticky-off { position:static; } } .xl-grid-cols-1 { } @media (max-width: 1168px) { .xl-grid-cols-1 { } } .xl-grid-cols-3 { } @media (max-width: 1168px) { .xl-grid-cols-3 { } } .xl-grid-cols-4 { } @media (max-width: 1168px) { .xl-grid-cols-4 { } } .xl-grid-cols-5 { } @media (max-width: 1168px) { .xl-grid-cols-5 { } } .xl-grid-cols-none { } @media (max-width: 1168px) { .xl-grid-cols-none { } } .xl-col-end-1 { } @media (max-width: 1168px) { .xl-col-end-1 { } } .xl-col-end-2 { } @media (max-width: 1168px) { .xl-col-end-2 { } } .xl-col-end-3 { } @media (max-width: 1168px) { .xl-col-end-3 { } } .xl-col-end-4 { } @media (max-width: 1168px) { .xl-col-end-4 { } } .xl-col-end-5 { } @media (max-width: 1168px) { .xl-col-end-5 { } } .xl-col-end-6 { } @media (max-width: 1168px) { .xl-col-end-6 { } } .xl-col-end-auto { } @media (max-width: 1168px) { .xl-col-end-auto { } } .xl-col-start-1 { } @media (max-width: 1168px) { .xl-col-start-1 { } } .xl-col-start-2 { } @media (max-width: 1168px) { .xl-col-start-2 { } } .xl-col-start-3 { } @media (max-width: 1168px) { .xl-col-start-3 { } } .xl-col-start-4 { } @media (max-width: 1168px) { .xl-col-start-4 { } } .xl-col-start-5 { } @media (max-width: 1168px) { .xl-col-start-5 { } } .xl-col-start-6 { } @media (max-width: 1168px) { .xl-col-start-6 { } } .xl-col-start-auto { } @media (max-width: 1168px) { .xl-col-start-auto { } } .xl-col-auto { } @media (max-width: 1168px) { .xl-col-auto { } } .xl-col-span-1 { } @media (max-width: 1168px) { .xl-col-span-1 { } } .xl-col-span-4 { } @media (max-width: 1168px) { .xl-col-span-4 { } } .xl-row-span-1 { } @media (max-width: 1168px) { .xl-row-span-1 { } } .xl-row-span-2 { } @media (max-width: 1168px) { .xl-row-span-2 { } } .xl-row-span-3 { } @media (max-width: 1168px) { .xl-row-span-3 { } } .xl-flex { } @media (max-width: 1168px) { .xl-flex { } } .xl-h-full { } @media (max-width: 1168px) { .xl-h-full { } } .xl-h-screen { } @media (max-width: 1168px) { .xl-h-screen { } } .xl-mx-auto { } @media (max-width: 1168px) { .xl-mx-auto { } } .xl-centered { } @media (max-width: 1168px) { .xl-centered { } } .xl-horizontal { } @media (max-width: 1168px) { .xl-horizontal { } } .xl-horizontal-wrap { } @media (max-width: 1168px) { .xl-horizontal-wrap { } } .xl-vertical { } @media (max-width: 1168px) { .xl-vertical { } } .xl-hidden { } @media (max-width: 1168px) { .xl-hidden { } } .xl-w-1by2 { } @media (max-width: 1168px) { .xl-w-1by2 { } } .xl-w-1by3 { } @media (max-width: 1168px) { .xl-w-1by3 { } } .xl-w-1by4 { } @media (max-width: 1168px) { .xl-w-1by4 { } } .xl-w-2by4 { } @media (max-width: 1168px) { .xl-w-2by4 { } } @media (max-width: 991px) { .lg-breakout { width:100vw; max-width:100vw; margin-top:0px; margin-bottom:0px; margin-left:calc(-50vw + 50%) ; margin-right:calc(-50vw + 50%) ; } } .lg-sticky-off { } @media (max-width: 991px) { .lg-sticky-off { position:static; } } .lg-col-end-1 { } @media (max-width: 991px) { .lg-col-end-1 { } } .lg-col-end-2 { } @media (max-width: 991px) { .lg-col-end-2 { } } .lg-col-end-3 { } @media (max-width: 991px) { .lg-col-end-3 { } } .lg-col-end-4 { } @media (max-width: 991px) { .lg-col-end-4 { } } .lg-col-end-5 { } @media (max-width: 991px) { .lg-col-end-5 { } } .lg-col-end-auto { } @media (max-width: 991px) { .lg-col-end-auto { } } .lg-col-start-1 { } @media (max-width: 991px) { .lg-col-start-1 { } } .lg-col-start-2 { } @media (max-width: 991px) { .lg-col-start-2 { } } .lg-col-start-3 { } @media (max-width: 991px) { .lg-col-start-3 { } } .lg-col-start-4 { } @media (max-width: 991px) { .lg-col-start-4 { } } .lg-col-start-5 { } @media (max-width: 991px) { .lg-col-start-5 { } } .lg-col-start-auto { } @media (max-width: 991px) { .lg-col-start-auto { } } .lg-col-auto { } @media (max-width: 991px) { .lg-col-auto { grid-column: auto; } } .lg-col-span-3 { } @media (max-width: 991px) { .lg-col-span-3 { } } .lg-col-span-4 { } @media (max-width: 991px) { .lg-col-span-4 { } } .lg-row-span-1 { } @media (max-width: 991px) { .lg-row-span-1 { } } .lg-row-span-2 { } @media (max-width: 991px) { .lg-row-span-2 { } } .lg-row-span-3 { } @media (max-width: 991px) { .lg-row-span-3 { } } .lg-grid-cols-4 { } @media (max-width: 991px) { .lg-grid-cols-4 { } } .lg-grid-cols-none { } @media (max-width: 991px) { .lg-grid-cols-none { } } .lg-row-start-1 { } @media (max-width: 991px) { .lg-row-start-1 { } } .lg-flex { } @media (max-width: 991px) { .lg-flex { } } .lg-order-1 { } @media (max-width: 991px) { .lg-order-1 { } } .lg-order-2 { } @media (max-width: 991px) { .lg-order-2 { } } .lg-order-3 { } @media (max-width: 991px) { .lg-order-3 { } } .lg-order-4 { } @media (max-width: 991px) { .lg-order-4 { } } .lg-order-5 { } @media (max-width: 991px) { .lg-order-5 { } } .lg-order-6 { } @media (max-width: 991px) { .lg-order-6 { } } .lg-order-first { } @media (max-width: 991px) { .lg-order-first { } } .lg-order-last { } @media (max-width: 991px) { .lg-order-last { } } .lg-order-none { } @media (max-width: 991px) { .lg-order-none { } } .lg-h-full { } @media (max-width: 991px) { .lg-h-full { } } .lg-h-screen { } @media (max-width: 991px) { .lg-h-screen { } } .lg-mr-0 { } @media (max-width: 991px) { .lg-mr-0 { } } .lg-horizontal { } @media (max-width: 991px) { .lg-horizontal { } } .lg-horizontal-reverse { } @media (max-width: 991px) { .lg-horizontal-reverse { } } .lg-horizontal-wrap { } @media (max-width: 991px) { .lg-horizontal-wrap { } } .lg-vertical-reverse { } @media (max-width: 991px) { .lg-vertical-reverse { } } .lg-w-1by3 { } @media (max-width: 991px) { .lg-w-1by3 { } } .lg-w-2by3 { } @media (max-width: 991px) { .lg-w-2by3 { } } .lg-w-1by4 { } @media (max-width: 991px) { .lg-w-1by4 { } } .lg-w-2by4 { } @media (max-width: 991px) { .lg-w-2by4 { } } @media (max-width: 767px) { .md-breakout { width:100vw; max-width:100vw; margin-top:0px; margin-bottom:0px; margin-left:calc(-50vw + 50%) ; margin-right:calc(-50vw + 50%) ; } } .md-sticky-off { } @media (max-width: 767px) { .md-sticky-off { position:static; } } .md-rounded-sm { } @media (max-width: 767px) { .md-rounded-sm { } } .md-rounded-md { } @media (max-width: 767px) { .md-rounded-md { } } .md-rounded-lg { } @media (max-width: 767px) { .md-rounded-lg { } } .md-col-end-1 { } @media (max-width: 767px) { .md-col-end-1 { } } .md-col-end-2 { } @media (max-width: 767px) { .md-col-end-2 { } } .md-col-end-3 { } @media (max-width: 767px) { .md-col-end-3 { } } .md-col-end-4 { } @media (max-width: 767px) { .md-col-end-4 { } } .md-col-end-5 { } @media (max-width: 767px) { .md-col-end-5 { } } .md-col-end-auto { } @media (max-width: 767px) { .md-col-end-auto { } } .md-col-start-1 { } @media (max-width: 767px) { .md-col-start-1 { } } .md-col-start-2 { } @media (max-width: 767px) { .md-col-start-2 { } } .md-col-start-3 { } @media (max-width: 767px) { .md-col-start-3 { } } .md-col-start-4 { } @media (max-width: 767px) { .md-col-start-4 { } } .md-col-start-5 { } @media (max-width: 767px) { .md-col-start-5 { } } .md-col-start-auto { } @media (max-width: 767px) { .md-col-start-auto { } } .md-col-auto { } @media (max-width: 767px) { .md-col-auto { } } .md-col-span-2 { } @media (max-width: 767px) { .md-col-span-2 { } } .md-col-span-3 { } @media (max-width: 767px) { .md-col-span-3 { } } .md-col-span-4 { } @media (max-width: 767px) { .md-col-span-4 { } } .md-row-span-1 { } @media (max-width: 767px) { .md-row-span-1 { } } .md-row-span-2 { } @media (max-width: 767px) { .md-row-span-2 { } } .md-row-span-3 { } @media (max-width: 767px) { .md-row-span-3 { } } .md-grid-cols-4 { } @media (max-width: 767px) { .md-grid-cols-4 { } } .md-grid-cols-none { } @media (max-width: 767px) { .md-grid-cols-none { } } .md-flex { } @media (max-width: 767px) { .md-flex { } } .md-order-1 { } @media (max-width: 767px) { .md-order-1 { } } .md-order-2 { } @media (max-width: 767px) { .md-order-2 { } } .md-order-3 { } @media (max-width: 767px) { .md-order-3 { } } .md-order-4 { } @media (max-width: 767px) { .md-order-4 { } } .md-order-5 { } @media (max-width: 767px) { .md-order-5 { } } .md-order-6 { } @media (max-width: 767px) { .md-order-6 { } } .md-order-first { } @media (max-width: 767px) { .md-order-first { } } .md-order-last { } @media (max-width: 767px) { .md-order-last { } } .md-order-none { } @media (max-width: 767px) { .md-order-none { } } .md-h-full { } @media (max-width: 767px) { .md-h-full { } } .md-h-screen { } @media (max-width: 767px) { .md-h-screen { } } .md-ml-auto { } @media (max-width: 767px) { .md-ml-auto { margin-left:auto; } } .md-horizontal { } @media (max-width: 767px) { .md-horizontal { } } .md-horizontal-reverse { } @media (max-width: 767px) { .md-horizontal-reverse { } } .md-horizontal-wrap { } @media (max-width: 767px) { .md-horizontal-wrap { } } .md-vertical-reverse { } @media (max-width: 767px) { .md-vertical-reverse { } } .md-w-1by2 { } @media (max-width: 767px) { .md-w-1by2 { } } .md-w-1by3 { } @media (max-width: 767px) { .md-w-1by3 { } } .md-w-2by3 { } @media (max-width: 767px) { .md-w-2by3 { } } @media (max-width: 479px) { .sm-breakout { width:100vw; max-width:100vw; margin-top:0px; margin-bottom:0px; margin-left:calc(-50vw + 50%) ; margin-right:calc(-50vw + 50%) ; } } .sm-sticky-off { } @media (max-width: 479px) { .sm-sticky-off { position:static; } } .sm-col-end-1 { } @media (max-width: 479px) { .sm-col-end-1 { } } .sm-col-end-2 { } @media (max-width: 479px) { .sm-col-end-2 { } } .sm-col-end-3 { } @media (max-width: 479px) { .sm-col-end-3 { } } .sm-col-end-4 { } @media (max-width: 479px) { .sm-col-end-4 { } } .sm-col-end-auto { } @media (max-width: 479px) { .sm-col-end-auto { } } .sm-col-start-1 { } @media (max-width: 479px) { .sm-col-start-1 { } } .sm-col-start-2 { } @media (max-width: 479px) { .sm-col-start-2 { } } .sm-col-start-3 { } @media (max-width: 479px) { .sm-col-start-3 { } } .sm-col-start-4 { } @media (max-width: 479px) { .sm-col-start-4 { } } .sm-col-start-auto { } @media (max-width: 479px) { .sm-col-start-auto { } } .sm-col-auto { } @media (max-width: 479px) { .sm-col-auto { } } .sm-col-span-1 { } @media (max-width: 479px) { .sm-col-span-1 { } } .sm-col-span-2 { } @media (max-width: 479px) { .sm-col-span-2 { } } .sm-col-span-3 { } @media (max-width: 479px) { .sm-col-span-3 { } } .sm-row-span-1 { } @media (max-width: 479px) { .sm-row-span-1 { } } .sm-row-span-2 { } @media (max-width: 479px) { .sm-row-span-2 { } } .sm-row-span-3 { } @media (max-width: 479px) { .sm-row-span-3 { } } .sm-grid-cols-3 { } @media (max-width: 479px) { .sm-grid-cols-3 { } } .sm-grid-cols-none { } @media (max-width: 479px) { .sm-grid-cols-none { } } .sm-flex { } @media (max-width: 479px) { .sm-flex { } } .sm-order-1 { } @media (max-width: 479px) { .sm-order-1 { } } .sm-order-2 { } @media (max-width: 479px) { .sm-order-2 { } } .sm-order-3 { } @media (max-width: 479px) { .sm-order-3 { } } .sm-order-4 { } @media (max-width: 479px) { .sm-order-4 { } } .sm-order-5 { } @media (max-width: 479px) { .sm-order-5 { } } .sm-order-6 { } @media (max-width: 479px) { .sm-order-6 { } } .sm-order-first { } @media (max-width: 479px) { .sm-order-first { } } .sm-order-last { } @media (max-width: 479px) { .sm-order-last { } } .sm-order-none { } @media (max-width: 479px) { .sm-order-none { } } .sm-h-full { } @media (max-width: 479px) { .sm-h-full { } } .sm-h-screen { } @media (max-width: 479px) { .sm-h-screen { } } .sm-mt-0 { } @media (max-width: 479px) { .sm-mt-0 { } } .sm-mr-0 { } @media (max-width: 479px) { .sm-mr-0 { } } .sm-mr-auto { } @media (max-width: 479px) { .sm-mr-auto { } } .sm-ml-auto { } @media (max-width: 479px) { .sm-ml-auto { } } .sm-mx-auto { } @media (max-width: 479px) { .sm-mx-auto { } } .sm-centered { } @media (max-width: 479px) { .sm-centered { } } .sm-horizontal { } @media (max-width: 479px) { .sm-horizontal { } } .sm-horizontal-reverse { } @media (max-width: 479px) { .sm-horizontal-reverse { } } .sm-horizontal-wrap { } @media (max-width: 479px) { .sm-horizontal-wrap { } } .sm-vertical { } @media (max-width: 479px) { .sm-vertical { } } .sm-vertical-reverse { } @media (max-width: 479px) { .sm-vertical-reverse { } } .sm-hidden { } @media (max-width: 479px) { .sm-hidden { } } .sm-w-1by2 { } @media (max-width: 479px) { .sm-w-1by2 { } } .hover-bg-primary:hover{ background-color:var(--primary-color); } .hover-bg-primary { } .hover-bg-secondary { } .hover-bg { } .hover-bg-dark { } .hover-bg-light { } .hover-bg-alt:hover{ background-color:var(--background-alt-color); } .hover-bg-alt { transition-duration:.25s; } .hover-bg-white { } .hover-bg-black { } .hover-bg-placeholder { } .hover-bg-placeholder-alt { } .hover-color-dark { } .hover-color-light { } .hover-color-primary { } .hover-color-paragraph { } .hover-color-paragraph-alt { } .hover-border-primary { } .hover-border-secondary { } .hover-border-dark { } .hover-border-light { } .hover-border { } .hover-border-alt { } .grainy-bg { } .noisy-bg { } .label-text { letter-spacing:0.05rem; text-transform:uppercase; font-size:var(--text-lg) ; } .subheading-text { letter-spacing:0.1rem; } .badge-text { text-transform:uppercase; letter-spacing:0.05rem; font-size:var(--text-xs) ; } .link-dark-bg { color:var(--paragraph-alt-color); margin-bottom:0px; } .quote { font-family:Vollkorn; color:var(--primary-color); font-size:var(--text-2xl) ; font-style:italic; } .hover-forward:active{ transform:translate(8px);-webkit-transform: translateX(8px); } .hover-forward:focus{ transform:translate(8px);-webkit-transform: translateX(8px); } .hover-forward:hover{ transform:translate(8px);-webkit-transform: translateX(8px); } .hover-forward { transform:perspective(1px) ; transition-duration:0.3s; transition-property:all; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; -webkit-transition-property: transform; } .hover-forward:locked{ } .btn-icon { } .btn-simple:hover{ color:var(--primary-hover-color); } .btn-simple { color:var(--primary-color); } .btn-simple:not(.ct-section):not(.oxy-easy-posts), .btn-simple.oxy-easy-posts .oxy-posts, .btn-simple.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } @media (max-width: 479px) { } .btn-icon-reverse { } .btn-simple-sec:hover{ color:var(--secondary-hover-color); } .btn-simple-sec { color:var(--secondary-color); } .btn-simple-sec:not(.ct-section):not(.oxy-easy-posts), .btn-simple-sec.oxy-easy-posts .oxy-posts, .btn-simple-sec.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .btn-simple-ter:hover{ color:var(--extra-color-4); } .btn-simple-ter { color:var(--tertiary-color); } .btn-simple-ter:not(.ct-section):not(.oxy-easy-posts), .btn-simple-ter.oxy-easy-posts .oxy-posts, .btn-simple-ter.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .btn-simple-light:hover{ } .btn-simple-light { color:var(--light-color); } .btn-simple-light:not(.ct-section):not(.oxy-easy-posts), .btn-simple-light.oxy-easy-posts .oxy-posts, .btn-simple-light.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .btn-simple-icon:hover{ background-color:var(--primary-alt-color); } .btn-simple-icon { color:var(--primary-color); } .btn-simple-icon:not(.ct-section):not(.oxy-easy-posts), .btn-simple-icon.oxy-easy-posts .oxy-posts, .btn-simple-icon.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .btn-simple-icon-light:hover{ background-color:var(--primary-alt-color); color:var(--primary-color); } .btn-simple-icon-light { color:var(--light-color); } .btn-simple-icon-light:not(.ct-section):not(.oxy-easy-posts), .btn-simple-icon-light.oxy-easy-posts .oxy-posts, .btn-simple-icon-light.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .backdrop-blur { } .icon-md-secondary { color: var(--secondary-color);}.icon-md-secondary >svg {width: 20px;height: 20px;}.icon-md-secondary { } .icon-md-tertiary { color: var(--tertiary-color);}.icon-md-tertiary >svg {width: 20px;height: 20px;}.icon-md-tertiary { } .bg-md-grain { } .bg-lg-grain { } .bg-md-grain-primary-gradient { } .icon-sm-secondary { color: var(--secondary-color);}.icon-sm-secondary >svg {width: 16px;height: 16px;}.icon-sm-secondary { } .btn-simple-alt:hover{ color:var(--primary-hover-color); background-color:var(--paragraph-alt-color); } .btn-simple-alt { color:var(--primary-color); } .btn-simple-alt:not(.ct-section):not(.oxy-easy-posts), .btn-simple-alt.oxy-easy-posts .oxy-posts, .btn-simple-alt.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } .btn-no-padding { padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; width:unset ; } .bg-md-grain-primary-dark-gradient { } .icon-card-nav { } .bg-trans { } .desktop-and-mobile-menu-button { } @media (max-width: 991px) { .desktop-and-mobile-menu-button { position:relative; right:50px; width:auto; } } .btn-circle:hover{ } .btn-circle { padding-top:0.8rem; padding-bottom:0.8rem; padding-right:.8rem; font-weight:600; font-size:1.4rem; transition-duration:0.4s; transition-property:all; border-radius:100rem; padding-left:0.8rem; } @media (max-width: 1168px) { } @media (max-width: 767px) { } @media (max-width: 479px) { } .me { } .tabs-5553-tab { } .tabs-5553-tab-active { } .tabs-contents-5553-tab { } .oxy-tabs-contents-content-hidden { visibility:hidden; } .line-height-sm { line-height:1.4em!important; } .result-alert { clear:both; } .result-alert:not(.ct-section):not(.oxy-easy-posts), .result-alert.oxy-easy-posts .oxy-posts, .result-alert.ct-section .ct-section-inner-wrap{ display:block; } .save-result-popup { } .w-page { max-width:1168px; margin-left:auto; margin-right:auto; } @media (max-width: 991px) { .w-page { } } .divider-md { height:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem); ; } .divider-md .oxy_shape_divider{ color:var(--background-color); } .divider-md .oxy_shape_divider svg{ height:min(max(8.96rem, calc(8.96rem + ((1vw - 0.32rem) * 4.5714))), 12.8rem); ; } .btn-simple-text:hover{ color:var(--primary-hover-color); } .btn-simple-text { color:var(--primary-color); } .btn-simple-text:not(.ct-section):not(.oxy-easy-posts), .btn-simple-text.oxy-easy-posts .oxy-posts, .btn-simple-text.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:center; } @media (max-width: 479px) { .btn-simple-text:hover{ } } .menu-2nd-account-tests { } .menu-2nd-account-pref { } .menu-2nd-side { } .hide-on-sm-screens { } .bg-fade-white { background-image: linear-gradient(var(--background-color), var(--light-color));} .side-nav { } .mac { } .image-float-right:ct_depth{ } .image-float-right { float:right; max-width:400px; margin-top:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; margin-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; margin-left:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; max-height:350px; } @media (max-width: 767px) { .image-float-right { width:100%; max-width:100%; margin-left:0px; margin-right:0px; } } .sub-heading-above { useCustomTag:true; } .sub-heading-above:ct_depth{ } .max-height-350px { max-height:350px; } .image-float-left { max-width:400px; margin-top:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; margin-right:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; margin-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; max-height:350px; float:left; } @media (max-width: 767px) { .image-float-left { max-width:100%; margin-right:0px; margin-left:0px; width:100%; } } .divider-sm { height:padding-top: min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem); ; } .divider-sm .oxy_shape_divider svg{ height:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; } .text-2xs { font-size:1.25rem; margin-bottom:0px; } .current-sidebar { font-weight:500; color:var(--primary-color); } .sidebar-item { padding-right:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; border-right-width:1px; border-right-style:solid; border-right-color:var(--primary-alt-color); } .edit-name { } .edit-lastname { } .edit-firstname { } .edit-password { } .edit-email { } .edit-address { } .delete-result { } .oxy-stock-content-styles { } .p-md-0 { } @media (max-width: 767px) { .p-md-0 { padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } } .md-ml-0 { } @media (max-width: 767px) { .md-ml-0 { margin-left:0px; } } .exercises-accordion { } .exercises-accordion .oxy-pro-accordion_header{ background-color:var(--transparent-color); color:var(--primary-color); } .exercises-accordion .oxy-pro-accordion_title{ font-family: 'Inter'; font-size: 1.6rem; text-transform: none; font-weight: 600; color: var(--primary-color); } .exercises-accordion .oxy-pro-accordion_body{ background-color:var(--background-alt-color); color:var(--paragraph-color); } .exercises-accordion .oxy-pro-accordion_icon{ font-size:25px; } .exercises-accordion .oxy-pro-accordion_header .oxy-pro-accordion_context-icon{ font-size: 30px; } .exercises-accordion .oxy-pro-accordion_context-icon{ padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; background-color:var(--primary-color); color:var(--white-color); border_radius_border-radius:100px; border-radius:100px; } .exercises-accordion .oxy-pro-accordion_header:hover .oxy-pro-accordion_context-icon{ background-color:var(--primary-hover-color); } .exercises-accordion .active .oxy-pro-accordion_context-icon{ background-color:var(--primary-hover-color); } @media (max-width: 991px) { .exercises-accordion { } } .premium-chapter-selection-card:hover{ border-radius:10px; transition-duration:.2s; } .premium-chapter-selection-card { url_encoded:true; margin-right:1%; width:48%; margin-left:1%; min-width:48%; margin-top:1%; margin-bottom:1%; min-height:9em; height:9em; } @media (max-width: 767px) { .premium-chapter-selection-card { width:100%; margin-left:0px; margin-right:0px; margin-top:2.5%; margin-bottom:2.5%; } } .premium-chapter-selection-inner-card:hover{ background-color:var(--primary-alt-color); } .premium-chapter-selection-inner-card { min-height:9em; height:9em; width:100%; background-color:var(--background-color); border-radius:1.6rem; } .premium-chapter-selection-inner-card-hover:hover{ background-color:var(--primary-alt-color); } .premium-chapter-selection-inner-card-hover { min-height:9em; height:9em; width:100%; background-color:var(--primary-alt-color); border-radius:1.6rem; } .premium-chapter-content { } .chapter-selection-section { } .chapter-selection-section .ct-section-inner-wrap { padding-top: 1.2rem; padding-bottom: 1.2rem; } .premium-chapter-selection-section { } .premium-chapter-selection-section .ct-section-inner-wrap { padding-top: 1.2rem; padding-bottom: 1.2rem; } .premium-chapter-selection-section:not(.ct-section):not(.oxy-easy-posts), .premium-chapter-selection-section.oxy-easy-posts .oxy-posts, .premium-chapter-selection-section.ct-section .ct-section-inner-wrap{ display:flex; align-items:center; justify-content:center; } .premium-chapter-content-section { } .max-width-550 { max-width:550px; } .max-width-650 { max-width:650px; padding-top:24px; padding-bottom:0px; } .pp-textbox-header { font-family:Inter; color:var(--primary-color); width:100%; padding-bottom:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; font-weight:600; margin-bottom:10px; text-align:left; } .pp-textbox-alt { width:100%; padding-left:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; padding-right:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; padding-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; padding-top:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; border-radius:1.6rem; margin-top:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; margin-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; background-color:var(--primary-alt-color); } .pp-textbox-header-alt { font-family:Inter; color:var(--primary-hover-color); width:100%; padding-bottom:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ; font-weight:600; margin-bottom:10px; text-align:left; } .pp-textbox:locked{ } .pp-textbox { width:100%; padding-left:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; padding-right:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; padding-bottom:1.5em; padding-top:1.5em; border-radius:1.6rem; margin-top:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; margin-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ; background-color:var(--background-alt-color); } .pp-textbox .ct-section-inner-wrap { padding-top: 0; padding-bottom: 0; } .pp-textbox-header-no-color { font-family:Inter; width:100%; font-weight:600; } .pp-workbook-exercise-outer:locked{ } .pp-workbook-exercise-outer { width:100%; padding-left:0 ; padding-right:0 ; padding-bottom:0em; border-radius:1.6rem; margin-top:1em; margin-bottom:1em; background-color:var(--transparent-color); padding-top:0em; margin-right:0px; margin-left:0px; } .pp-workbook-exercise-outer .ct-section-inner-wrap { padding-top: 0; padding-bottom: 0; } .pp-ul-styling { } .link-primary-hover-white { } .m-0 { margin-top:0px; margin-right:0px; margin-left:0px; margin-bottom:0px; } .checkout-timer { } .pp-scores-bar { background-color:var(--primary-color); border-top-right-radius:10px; border-bottom-right-radius:10px; } .bg-white-fade { background-image: linear-gradient(var(--light-color), var(--background-alt-color));} .organic-border-right { border-radius: 0px 40px 30px 15px/15px 30px 45px 0px; } .question-box-img { max-width:150px; max-height:100px; position:absolute; } .question-box-outer-div { position:relative; min-height:8em; } .question-box-outer-div:not(.ct-section):not(.oxy-easy-posts), .question-box-outer-div.oxy-easy-posts .oxy-posts, .question-box-outer-div.ct-section .ct-section-inner-wrap{ display:flex; justify-content:center; } .m-8 { margin-top:8px; margin-right:8px; margin-left:8px; margin-bottom:8px; } .admin-tools-box { padding-left:2rem; padding-right:2rem; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-color:var(--primary-color); border-right-color:var(--primary-color); border-bottom-color:var(--primary-color); border-left-color:var(--primary-color); border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-radius:8px; margin-bottom:1rem; margin-top:1rem; padding-top:2rem; padding-bottom:0rem; min-width:70%; } .admin-tools-box:not(.ct-section):not(.oxy-easy-posts), .admin-tools-box.oxy-easy-posts .oxy-posts, .admin-tools-box.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } .one-time-offer-bullet-points { padding-left:24px; padding-right:24px; text-align:center; } .one-time-offer-text { } .hover-bg-primary-hover:hover{ background-color:var(--primary-hover-color); transition-duration:.25s; } .hover-bg-primary-hover { } .mr-a { } .wfacp_section_heading { } .wfacp_section_title { } .woocommerce { } .topleftimage { } .max-width-350 { max-width:350px; } .max-width-450 { max-width:450px; padding-top:0px; } .max-width-400 { max-width:400px; } .btn-next { } .next-btn { } .prev-btn { } .bg-gradient-primary-light { background-image: linear-gradient(var(--primary-color), var(--primary-alt-hover-color));} .bg-gradient-tertiary-light { background-image: linear-gradient(var(--tertiary-color), rgba(var(--tertiary-rgb-vals), .5));} .bg-gradient-secondary-light { background-image: linear-gradient(45deg, var(--secondary-color), rgba(var(--secondary-rgb-vals), .5));} .btn-tertiary:hover{ background-color:rgba(var(--tertiary-rgb-vals), .75); } .btn-tertiary { background-color:var(--tertiary-color); color:var(--light-color); } .btn-tertiary:not(.ct-section):not(.oxy-easy-posts), .btn-tertiary.oxy-easy-posts .oxy-posts, .btn-tertiary.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; } .trust-log { } .featured-logo { max-width:150px; max-height:100px; } .icon-2xl-tertiary { color: var(--tertiary-color);}.icon-2xl-tertiary >svg {width: 48px;height: 48px;}.icon-2xl-tertiary { } .icon-xl-tertiary { color: var(--tertiary-color);}.icon-xl-tertiary >svg {width: 32px;height: 32px;}.icon-xl-tertiary { fill: var(--tertiary-color); } .celebrities-item-wrapper { height:171px; width:150px; } .checkout-button { z-index:2; } .blur-xs { filter:blur(3px); } .text-md { } .adjectives { padding-top:.5rem; padding-right:1rem; padding-bottom:.5rem; padding-left:1rem; border-radius:100px; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-color:var(--primary-color); border-right-color:var(--primary-color); border-bottom-color:var(--primary-color); border-left-color:var(--primary-color); border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; margin-right:5px; margin-left:5px; margin-bottom:0px; margin-top:0px; } .pagebreak-before { page-break-before: always; } .exclude-lazy-loading { } .text-xxs { font-size:1.25rem; } .bubble { } .bubble-left { } .bubble-right { } .light-blockquote { } .background-shape-quote-2 { } .bg-white-fade-pdf { background-color:var(--tertiary-color); } .statement-box { padding-top:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; padding-left:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; padding-right:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; padding-bottom:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ; border-radius:0.5rem; } .pdfDownloadFinished { } .pdfDownloadLoader { } .pdfDownloadPaperplane { } .px-0 { padding-left: 0px !important; padding-right: 0px !important; } .type-illustration-premium-9types-pdf { max-width:175px; max-height:175px; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; } @media (max-width: 767px) { } .pagebreak-before-no-padding { page-break-before: always; } .pdfDownloadButton { } .personalitySnapshot { } .border { } .ppLoaderSpinner { } .errorMessage { } .ppLoaderSpinning { } .successMessage { } .tabs-8318-tab { } .tabs-8318-tab-active { } .tabs-contents-8318-tab { } .pp-organizations-tab { width:33%; padding-top:8px; padding-bottom:8px; background-color:var(--background-color); margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-right:0px; padding-left:0px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-radius:12px; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-color:rgba(203,153,126,0.1); border-right-color:rgba(203,153,126,0.1); border-bottom-color:rgba(203,153,126,0.1); border-left-color:rgba(203,153,126,0.1); font-weight:700; font-size:1.4rem; } .pp-organizations-tab:not(.ct-section):not(.oxy-easy-posts), .pp-organizations-tab.oxy-easy-posts .oxy-posts, .pp-organizations-tab.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; } .pp-organizations-tab-content { padding-top:32px; } .removeUserFromOrganizationButton { } .createTeamForOrganizationButton { } .updateOrganizationTeamButton { } .deleteOrganizationTeamButton { } .addMemberToOrganization { } .deleteOrganizationTeamModalHeadline { } .editOrganizationTeamModalHeadline { } body{ background-color: var(--background-color); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:var(--paragraph-color)!important; } #blog-content h2, h3, h4, h5, h6 { margin-top:.75em; } .oxy-modal-backdrop.live { z-index: 1402; } /*footer links*/ .footer a:hover { color: var(--primary-color); transition: 0.25s; } /*speech bubbles*/ .bubble { --r: 25px; /* the radius */ --t: 30px; /* the size of the tail */ margin-bottom: 1rem; max-width: 450px; padding: calc(2*var(--r)/3); -webkit-mask: radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat, conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box, radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box; color: #fff; } .bubble-left { --_d: 0%; border-left: var(--t) solid #0000; margin-right: var(--t); place-self: start; } .bubble-right { --_d: 100%; border-right: var(--t) solid #0000; margin-left: var(--t); place-self: end; } /*Table of contents*/ .oxy-table-of-contents .oxy-table-of-contents_title{ padding: 0px; justify-content: unset; } .oxy-table-of-contents .oxy-table-of-contents_title svg { margin-left: 10px; } .oxy-table-of-contents_list { background-color: var(--background-color); margin-top: 10px!important; border-radius: 1.6rem; } .side-nav .oxy-table-of-contents_list{ background-color: var(--transparent-color); } /*Type Selection Dropdown*/ .type-selector .oxy-pro-accordion_content{ margin-top:10px; } /*OxyMade Customizations*/ :root { --extra-color-5:#E2EDDD; --bg-md-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.35' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect opacity='40%25' width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); --bg-lg-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.35' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect opacity='50%25' width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); --angle: 180deg; --angle-alt: 0deg; --primary-gradient: linear-gradient(var(--angle),var(--primary-color),var(--extra-color-2)); --primary-alt-gradient: linear-gradient(var(--angle-alt),var(--primary-color),var(--extra-color-2)); --primary-dark-gradient: linear-gradient(var(--angle),var(--primary-color),var(--primary-hover-color)); --primary-dark-alt-gradient: linear-gradient(var(--angle-alt),var(--primary-color),var(--primary-hover-color)); --secondary-gradient: linear-gradient(var(--angle),var(--secondary-color),var(--extra-color-3)); --secondary-alt-gradient: linear-gradient(var(--angle-alt),var(--secondary-color),var(--extra-color-3)); --tertiary-gradient: linear-gradient(var(--angle),var(--tertiary-color),var(--extra-color-5)); --tertiary-alt-gradient: linear-gradient(var(--angle-alt),var(--tertiary-color),var(--extra-color-5)); --primary-sec-gradient: linear-gradient(var(--angle),var(--primary-color),var(--secondary-color)); --primary-sec-alt-gradient: linear-gradient(var(--angle-alt),var(--primary-color),var(--secondary-color)); --primary-ter-gradient: linear-gradient(var(--angle),var(--primary-color),var(--tertiary-color)); --primary-ter-alt-gradient: linear-gradient(var(--angle-alt),var(--primary-color),var(--tertiary-color)); --secondary-ter-gradient: linear-gradient(var(--angle),var(--secondary-color),var(--tertiary-color)); --secondary-ter-alt-gradient: linear-gradient(var(--angle-alt),var(--secondary-color),var(--tertiary-color)); } /*move icon on hover over button */ .btn-icon:hover .icon-sm-light, .btn-icon:hover .icon-md-light, .btn-icon:hover .icon-lg-light, .btn-icon:hover .icon-sm-primary, .btn-icon:hover .icon-md-primary, .btn-icon:hover .icon-lg-primary, .btn-icon:hover .icon-sm-secondary, .btn-icon:hover .icon-md-secondary, .btn-icon:hover .icon-lg-secondary, .btn-icon:hover .icon-sm-tertiary, .btn-icon:hover .icon-md-tertiary, .btn-icon:hover .icon-lg-tertiary{ transform: translate(8px); -webkit-transform: translateX(8px); transition: .4s; } .btn-icon:hover .icon-sm-primary, .btn-icon:hover .icon-md-primary, .btn-icon:hover .icon-lg-primary { color: var(--primary-hover-color); } .btn-icon-reverse:hover .icon-sm-light, .btn-icon-reverse:hover .icon-md-light, .btn-icon-reverse:hover .icon-lg-light, .btn-icon-reverse:hover .icon-sm-primary, .btn-icon-reverse:hover .icon-md-primary, .btn-icon-reverse:hover .icon-lg-primary, .btn-icon-reverse:hover .icon-sm-secondary, .btn-icon-reverse:hover .icon-md-secondary, .btn-icon-reverse:hover .icon-lg-secondary, .btn-icon-reverse:hover .icon-sm-tertiary, .btn-icon-reverse:hover .icon-md-tertiary, .btn-icon-reverse:hover .icon-lg-tertiary { transform: translate(-8px); -webkit-transform: translateX(-8px); transition: .4s; } .btn-icon-reverse:hover .icon-sm-primary, .btn-icon-reverse:hover .icon-md-primary, .btn-icon-reverse:hover .icon-lg-primary { color: var(--primary-hover-color); } .btn-icon:hover .icon-sm-secondary, .btn-icon:hover .icon-md-secondary, .btn-icon:hover .icon-lg-secondary{ color: var(--secondary-hover-color); } .btn-icon:hover .icon-sm-tertiary, .btn-icon:hover .icon-md-tertiary, .btn-icon:hover .icon-lg-tertiary{ color: var(--extra-color-4); } .btn-trans:hover .icon-sm-light, .btn-trans:hover .icon-md-light, .btn-trans:hover .icon-lg-light, .btn-simple-icon-light:hover .icon-sm-light, .btn-simple-icon-light:hover .icon-md-light, .btn-simple-icon-light:hover .icon-lg-light{ color: var(--primary-color); } /*gradient and grainy background classes, to use non-gradient colors with grains use existing background classes (e.g. .bg-primary + .bg-md-grain)*/ .bg-md-grain { background-image: var(--bg-md-grain); /* fallback */ } .bg-lg-grain { background-image: var(--bg-lg-grain); /* fallback */ } .bg-primary-gradient{ background-image: var(--primary-gradient); } .bg-md-grain-primary-gradient { background-color: var(--primary-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--primary-gradient); } .bg-primary-alt-gradient{ background-image: var(--primary-alt-gradient); } .bg-md-grain-primary-alt-gradient { background-color: var(--primary-alt-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--primary-alt-gradient); } .bg-primary-dark-gradient{ background-image: var(--primary-dark-gradient); } .bg-md-grain-primary-dark-gradient { background-color: var(--primary-dark-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--primary-dark-gradient); } .bg-primary-dark-alt-gradient{ background-image: var(--primary-dark-alt-gradient); } .bg-md-grain-primary-dark-alt-gradient { background-color: var(--primary-dark-alt-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--primary-dark-alt-gradient); } .bg-secondary-gradient{ background-image: var(--secondary-gradient); } .bg-md-grain-secondary-gradient { background-color: var(--secondary-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--secondary-gradient); } .bg-secondary-alt-gradient{ background-image: var(--secondary-alt-gradient); } .bg-md-grain-secondary-alt-gradient { background-color: var(--secondary-alt-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--secondary-alt-gradient); } .bg-tertiary-gradient{ background-image: var(--tertiary-gradient); } .bg-md-grain-tertiary-gradient { background-color: var(--tertiary-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--tertiary-gradient); } .bg-tertiary-alt-gradient{ background-image: var(--tertiary-alt-gradient); } .bg-md-grain-tertiary-alt-gradient { background-color: var(--tertiary-alt-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--tertiary-alt-gradient); } .bg-primary-sec-gradient{ background-image: var(--primary-sec-gradient); } .bg-md-grain-primary-sec-gradient { background-color: var(--primary-sec-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--primary-sec-gradient); } .bg-primary-sec-alt-gradient{ background-image: var(--primary-sec-alt-gradient); } .bg-md-grain-primary-sec-alt-gradient { background-color: var(--primary-sec-alt-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--primary-sec-alt-gradient); } .bg-primary-ter-gradient{ background-image: var(--primary-ter-gradient); } .bg-md-grain-primary-ter-gradient { background-color: var(--primary-ter-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--primary-ter-gradient); } .bg-primary-ter-alt-gradient{ background-image: var(--primary-ter-alt-gradient); } .bg-md-grain-primary-ter-alt-gradient { background-color: var(--primary-ter-alt-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--primary-ter-alt-gradient); } .bg-secondary-ter-gradient{ background-image: var(--secondary-ter-gradient); } .bg-md-grain-secondary-ter-gradient { background-color: var(--secondary-ter-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--secondary-ter-gradient); } .bg-secondary-ter-alt-gradient{ background-image: var(--secondary-ter-alt-gradient); } .bg-md-grain-secondary-ter-alt-gradient { background-color: var(--secondary-ter-alt-gradient); background-image: var(--bg-md-grain); /* fallback */ background-image: var(--bg-md-grain), var(--secondary-ter-alt-gradient); } /* slightly transparent fallback */ .backdrop-blur, .oxy-modal-backdrop { background-color: rgba(255, 255, 255, .9); } /* if backdrop support: very transparent and blurred */ @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .backdrop-blur, .oxy-modal-backdrop { background-color: rgba(255, 255, 255, .5); -webkit-backdrop-filter: blur(.5em); backdrop-filter: blur(.5em); } } /*adjust transitions of Oxygen tabs*/ .oxy-tabs-contents { position:relative } .oxy-tabs-contents-content-hidden { display:inherit!important; position:absolute; opacity:0; transition:0s ease opacity; pointer-events: none; cursor: default; } /**/ .card-loose:hover .icon-card-nav,.card-relaxed:hover .icon-card-nav, .card-normal:hover .icon-card-nav, .card-tight:hover .icon-card-nav, .card-snug:hover .icon-card-nav{ transform: translate(16px); -webkit-transform: translateX(16px); transition: .4s; } /*mobile menu hamburger*/ .hamburger { padding: 0px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: var(--primary-color); } .hamburger-box { width: 30px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: 0px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 3px; background-color: var(--primary-color); border-radius: 3px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 0.075s; } /*header menu adjustments .mega-menu-item > a{ height:100%;} .mega-menu-item.current{ } */ /*mobile menu dropdowns customizations*/ .mobile-menu-container .oxy-slide-menu_inner { width: 300px;} /*hover states secondary menu (login & retake) .secondary-menu-button-desktop:hover .secondary-menu-button-icon{ color: rgba(57,58,58,1); } .secondary-menu-button-desktop{ transition: .2s; } .secondary-menu-button-desktop .secondary-menu-button-icon{ color: rgba(57,58,58,0.3); transition: .2s; } .secondary-menu-button-desktop:hover .secondary-menu-button-text{ color: rgba(57,58,58,1);} .secondary-menu-button-desktop .secondary-menu-button-text{ color: rgba(57,58,58,0.3); transition: .2s; } */ /*hover states submenus .submenu-item-container:hover .submenu-icon{ color: #B67F65; } .submenu-item-container{ transition: .2s; } .submenu-item-container .submenu-icon{ color: #D4B6A6; } .submenu-item-container:hover .submenu-heading{ color: #000000; } .submenu-item-container .submenu-heading{ color: rgba(57,58,58,0.8); } */ /*hover states mobile submenus*/ .mobile-submenu-item-container:hover .mobile-submenu-icon{ color: var(--primary-color); opacity: 1;} .mobile-submenu-item-container{ transition: .2s; } .mobile-submenu-icon { color: var(--paragraph-color); opacity: .5; } .mobile-submenu-item-container:hover .mobile-submenu-heading{ color: var(--primary-color); opacity: 1; } .mobile-submenu-item-container .mobile-submenu-heading{ color: var(--paragraph-color); opacity: .5; } .mobile-menu-item-container:hover .mobile-menu-item-link { color: var(--primary-color); opacity: 1;} .mobile-menu-item-container .mobile-menu-item-link { color: var(--paragraph-color); opacity: .5;} .mobile-menu-item-container { transition: .2s; } /*2nd menu customizations*/ #mobile-menu-2nd .ct-section-inner-wrap{ padding: 0px; } /*hover states resources links*/ .resources-container:hover .resources-arrow-icon{ color: #393A3A!important; transition: .2s!important; } .resources-container:hover .resource-title{ color: #393A3A!important; transition: .2s!important; } .resource-title{ color: rgba(57,58,58,0.75)!important; } /* hyperlink underline*/ .link-dark-bg p a{ color: var(--paragraph-alt-color); font-weight: 600; text-decoration: none; } .link-dark-bg p a:hover{ border-bottom: var(--paragraph-alt-color) 0.15em solid; } p a{ text-decoration: none; } p a:hover{ border-bottom: var(--primary-color) 0.15em solid; } .blog-categories a{ color:#ffffff; } /*style lists*/ ol { list-style-type: decimal; } ol li { padding-left:.5rem; margin-bottom: .75rem; } li::marker { color: var(--primary-color); font-weight: bold; } /*change menu current page item*/ /*.menu-2nd-item-container { transition: .25s; } .menu-2nd-item-container.current { color: #ffffff; } .menu-2nd-item-container.current .menu-2nd-item-icon { color: #ffffff; } .menu-2nd-item-container.current .menu-2nd-item-text { font-weight: 500; } .menu-2nd-item-container .menu-2nd-item-icon { color: rgb(256,256,256,0.6); } .menu-2nd-item-container:hover .menu-2nd-item-icon{ color: #ffffff!important; }*/ /* .bottom-menu-item { color: #393A3A; } .bottom-menu-item.current { color: #CA9880; }*/ /*2nd menu customizations*/ .nav-up-2nd { top: 0px !important; transition: all ease 0.5s; }; .nav-down-2nd { top: 60px!important; transition: all ease 0.5s; } .menu-mobile-2nd-item-container.current, .menu-mobile-2nd-item-container.current:hover { border-bottom: 3px solid var(--primary-color); opacity: 1; } .menu-mobile-2nd-item-container { border-bottom: 3px solid var(--transparent-color); transition: .25s; } .menu-mobile-2nd-item-container.current .menu-mobile-2nd-item-text, .menu-mobile-2nd-item-container.current:hover .menu-mobile-2nd-item-text { font-weight: 600; color: var(--primary-color); opacity: 1; } .menu-mobile-2nd-item-container:hover { border-bottom: 3px solid var(--primary-alt-color); } .menu-mobile-2nd-item-container:hover .menu-mobile-2nd-item-text { opacity: 1; } .menu-mobile-2nd .ct-section-inner-wrap { padding: 0px!important;} /*Wings&Mistype Type selector Dropdown*/ .type-selector .oxy-pro-accordion_body{ border-radius: 10px!important; margin-left:15px; margin-right:15px; } /*Design Blockquotes*/ figure.bold-blockquote { margin: 50px 35px 50px 35px; padding: 35px 25px 25px 25px; border-radius: 60px 45px 30px 15px/15px 30px 45px 60px; background-color: var(--background-alt-color); font-family: 'Vollkorn'; font-style:italic; text-align: center; position: relative; font-weight: 300; color: var(--primary-color); font-size: var(--text-lg); } figure.light-blockquote { margin: 50px 35px 50px 35px; padding: 35px 25px 25px 25px; border-radius: 60px 45px 30px 15px/15px 30px 45px 60px; background-color: var(--background-alt-color); font-style:italic; text-align: center; position: relative; font-family: 'Vollkorn'; font-weight: 300; color: var(--primary-color); font-size: var(--text-lg); } figure blockquote { margin: 0px;} figure.bold-blockquote:before{ content: '“'; font-family: 'Vollkorn'; font-style:normal; font-size: 6em; text-align: center; top: -55px; left:15px; position: absolute; color:var(--primary-color); } figure.light-blockquote:before{ content: '“'; font-family: 'Vollkorn'; font-style:normal; font-size: 6em; text-align: center; top: -40px; left:15px; position: absolute; color:var(--primary-color); } figcaption { font-size:.6em; font-family: 'Inter'; font-style:normal; text-transform: uppercase; letter-spacing: .15em; text-align: center; display:block; margin-top: 10px; } @media only screen and (max-width: 767px) { figure.light-blockquote, figure.bold-blockquote {margin: 50px 20px 50px 20px;} } @media only screen and (max-width: 479px) { figure.light-blockquote, figure.bold-blockquote {margin: 50px 0px 50px 0px;} } /*back to top button hover states .back-to-top-button:hover .back-to-top-icon { opacity: 1; } .back-to-top-button:hover .back-to-top-link { opacity: 1; } .back-to-top-button { opacity: 0.5; } .back-to-top-button :hover { transition: .2s; opacity: 1;} */ /*adjust min width for likelihood bars*/ @media (min-width:781px){ .scores-pct-bar { min-width: 12%; } } @media (min-width:501px) and (max-width:780px){ .scores-pct-bar { min-width: 18%; } } @media (min-width:371px) and (max-width:500px){ .scores-pct-bar { min-width: 25%; } } @media (max-width:370px){ .scores-pct-bar { min-width: 33%; } } @media (max-width:369px){ .hide-on-sm-screens{ display: none!important; visibility: hidden; } } @media (max-width:349px){ #save-result-top-nav-button{ display: none!important; visibility: hidden; } } /*remove box-shadow from mobile Safari Input fields*/ textarea, input:matches( [type="email"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="url"] ) { -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; background-clip: padding-box!important; } /*Style Ultiamte Member*/ /* Link colors */ .um a.um-link, .um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color { color: var(--primary-color) !important; } .um a.um-link:hover, .um a.um-link-hvr:hover { color: var(--primary-hover-color) !important; } /* Button colors */ .um .um-field-group-head, .picker__box, .picker__nav--prev:hover, .picker__nav--next:hover, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .upload, .um-modal-header, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover, .um .um-button, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active, .um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um input[type=submit]:disabled:hover { background: var(--primary-color) !important; } .um .um-field-group-head:hover, .picker__footer, .picker__header, .picker__day--infocus:hover, .picker__day--outfocus:hover, .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted, .picker__list-item:hover, .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted, .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected, .um .um-button:hover, .um a.um-button:hover, .um input[type=submit].um-button:hover{ background: var(--primary-hover-color) !important; } /* Button alt colors */ .um .um-button.um-alt, .um input[type=submit].um-button.um-alt { background: var(--extra-color-2) !important; } .um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover { background: var(--primary-color) !important; } .um-button, .um-center .um-button{ selector-locked: true!important; padding-left: 3.2rem!important; padding-right: 3.2rem!important; padding-top: 1.2rem!important; padding-bottom: 1.2rem!important; font-weight: 600!important; font-size: 1.6rem!important; border-radius: 10rem!important; transition-duration: 0.4s!important; transition-property: all!important; line-height: var(--lh-base)!important; } @media (max-width: 1168px){ .um-button, .um-center .um-button { padding-top: 1rem!important; padding-bottom: 1rem!important; padding-left: 2.8rem!important; padding-right: 2.8rem!important; } } @media (max-width: 767px){ .um-button, .um-center .um-button { padding-top: 1.2rem!important; padding-bottom: 1.2rem!important; padding-left: 3.2rem!important; padding-right: 3.2rem!important; } } @media (max-width: 479px){ .um-button, .um-center .um-button { padding-top: 1rem!important; padding-bottom: 1rem!important; padding-left: 2.8rem!important; padding-right: 2.8rem!important; width: 100%!important; } } /* BEGIN Range Slider */ .ppRangeSliderStandard { height: 25px; -webkit-appearance: none; margin: 10px 0; width: 100%; } .ppRangeSliderStandard:focus { outline: none; } .ppRangeSliderStandard::-webkit-slider-runnable-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #C39B82; border-radius: 1px; border: 0px solid #000000; cursor: pointer; } .ppRangeSliderStandard::-webkit-slider-thumb { box-shadow: 0px 0px 0px #C39B82; border: 1px solid #C39B82; height: 18px; width: 18px; border-radius: 25px; background: #FFFFFF; cursor: pointer; -webkit-appearance: none; margin-top: -7px; } .ppRangeSliderStandard:focus::-webkit-slider-runnable-track { background: #C39B82; } .ppRangeSliderStandard::-moz-range-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #C39B82; border-radius: 1px; border: 0px solid #000000; } .ppRangeSliderStandard::-moz-range-thumb { box-shadow: 0px 0px 0px #C39B82; border: 1px solid #C39B82; height: 18px; width: 18px; border-radius: 25px; background: #FFFFFF; cursor: pointer; } .ppRangeSliderStandard::-ms-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } .ppRangeSliderStandard::-ms-fill-lower { background: #C39B82; border: 0px solid #000000; border-radius: 2px; box-shadow: 0px 0px 0px #000000; } .ppRangeSliderStandard::-ms-fill-upper { background: #C39B82; border: 0px solid #000000; border-radius: 2px; box-shadow: 0px 0px 0px #000000; } .ppRangeSliderStandard::-ms-thumb { margin-top: 1px; box-shadow: 0px 0px 0px #C39B82; border: 1px solid #C39B82; height: 18px; width: 18px; border-radius: 25px; background: #FFFFFF; cursor: pointer; } .ppRangeSliderStandard:focus::-ms-fill-lower { background: #C39B82; } .ppRangeSliderStandard:focus::-ms-fill-upper { background: #C39B82; } /* END Range Slider */@media print { #bottom-menu-container { display: none; } } /* List space to the left */ .pp-ul-styling ul { position: relative; left: 0px; } .pp-ul-styling li { margin-top: 8px; } /* Space between bulletpoint and text */ .pp-ul-styling ul span { position: relative; left: 8px; } .oxy-pro-accordion_body { border-radius: 24px !important; margin-top: 0.5em; } .link-primary-hover-white a { color: var(--primary-color) !important; } .link-primary-hover-white a:hover { color: white !important; }* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Fluid typography settings */ :root { --responsive-text-base: calc(var(--desktop-text-base) * var(--responsive-text-ratio)); /* Viewport Calculation for fluid typography */ --viewport-calc: calc((100vw - calc(var(--viewport-min) * 1rem)) / (var(--viewport-max) - var(--viewport-min))); /* Fluid Heading type scale */ --h1: min(max(calc(var(--mobile-h1) * 1rem), calc(var(--mobile-h1) * 1rem + (var(--desktop-h1) - var(--mobile-h1)) * var(--viewport-calc))), calc(var(--desktop-h1) * 1rem)); --h2: min(max(calc(var(--mobile-h2) * 1rem), calc(var(--mobile-h2) * 1rem + (var(--desktop-h2) - var(--mobile-h2)) * var(--viewport-calc))), calc(var(--desktop-h2) * 1rem)); --h3: min(max(calc(var(--mobile-h3) * 1rem), calc(var(--mobile-h3) * 1rem + (var(--desktop-h3) - var(--mobile-h3)) * var(--viewport-calc))), calc(var(--desktop-h3) * 1rem)); --h4: min(max(calc(var(--mobile-h4) * 1rem), calc(var(--mobile-h4) * 1rem + (var(--desktop-h4) - var(--mobile-h4)) * var(--viewport-calc))), calc(var(--desktop-h4) * 1rem)); --h5: min(max(calc(var(--mobile-h5) * 1rem), calc(var(--mobile-h5) * 1rem + (var(--desktop-h5) - var(--mobile-h5)) * var(--viewport-calc))), calc(var(--desktop-h5) * 1rem)); --h6: min(max(calc(var(--mobile-h6) * 1rem), calc(var(--mobile-h6) * 1rem + (var(--desktop-h6) - var(--mobile-h6)) * var(--viewport-calc))), calc(var(--desktop-h6) * 1rem)); --hero: min(max(calc(var(--mobile-hero) * 1rem), calc(var(--mobile-hero) * 1rem + (var(--desktop-hero) - var(--mobile-hero)) * var(--viewport-calc))), calc(var(--desktop-hero) * 1rem)); /* Fluid text type scale */ --smallest-mobile-xs: max(var(--mobile-xs), var(--smallest-font-size)); --smallest-mobile-sm: max(var(--mobile-sm), var(--smallest-font-size)); --smallest-mobile-base: max(var(--mobile-base), var(--smallest-font-size)); --smallest-mobile-lg: max(var(--mobile-lg), var(--smallest-font-size)); --smallest-mobile-xl: max(var(--mobile-xl), var(--smallest-font-size)); --smallest-mobile-2xl: max(var(--mobile-2xl), var(--smallest-font-size)); --smallest-mobile-3xl: max(var(--mobile-3xl), var(--smallest-font-size)); --smallest-mobile-4xl: max(var(--mobile-4xl), var(--smallest-font-size)); --smallest-desktop-xs: max(var(--desktop-xs), var(--smallest-font-size)); --smallest-desktop-sm: max(var(--desktop-sm), var(--smallest-font-size)); --smallest-desktop-base: max(var(--desktop-base), var(--smallest-font-size)); --text-xs: min(max(calc(var(--smallest-mobile-xs) * 1rem), calc(var(--smallest-mobile-xs) * 1rem + (var(--smallest-desktop-xs) - var(--smallest-mobile-xs)) * var(--viewport-calc))), calc(var(--smallest-desktop-xs) * 1rem)); --text-sm: min(max(calc(var(--smallest-mobile-sm) * 1rem), calc(var(--smallest-mobile-sm) * 1rem + (var(--smallest-desktop-sm) - var(--smallest-mobile-sm)) * var(--viewport-calc))), calc(var(--smallest-desktop-sm) * 1rem)); --text-base: min(max(calc(var(--smallest-mobile-base) * 1rem), calc(var(--smallest-mobile-base) * 1rem + (var(--smallest-desktop-base) - var(--smallest-mobile-base)) * var(--viewport-calc))), calc(var(--smallest-desktop-base) * 1rem)); --text-lg: min(max(calc(var(--smallest-mobile-lg) * 1rem), calc(var(--smallest-mobile-lg) * 1rem + (var(--desktop-lg) - var(--smallest-mobile-lg)) * var(--viewport-calc))), calc(var(--desktop-lg) * 1rem)); --text-xl: min(max(calc(var(--smallest-mobile-xl) * 1rem), calc(var(--smallest-mobile-xl) * 1rem + (var(--desktop-xl) - var(--smallest-mobile-xl)) * var(--viewport-calc))), calc(var(--desktop-xl) * 1rem)); --text-2xl: min(max(calc(var(--smallest-mobile-2xl) * 1rem), calc(var(--smallest-mobile-2xl) * 1rem + (var(--desktop-2xl) - var(--smallest-mobile-2xl)) * var(--viewport-calc))), calc(var(--desktop-2xl) * 1rem)); --text-3xl: min(max(calc(var(--smallest-mobile-3xl) * 1rem), calc(var(--smallest-mobile-3xl) * 1rem + (var(--desktop-3xl) - var(--smallest-mobile-3xl)) * var(--viewport-calc))), calc(var(--desktop-3xl) * 1rem)); --text-4xl: min(max(calc(var(--smallest-mobile-4xl) * 1rem), calc(var(--smallest-mobile-4xl) * 1rem + (var(--desktop-4xl) - var(--smallest-mobile-4xl)) * var(--viewport-calc))), calc(var(--desktop-4xl) * 1rem)); --text-5xl: min(max(calc(var(--mobile-5xl) * 1rem), calc(var(--mobile-5xl) * 1rem + (var(--desktop-5xl) - var(--mobile-5xl)) * var(--viewport-calc))), calc(var(--desktop-5xl) * 1rem)); --text-6xl: min(max(calc(var(--mobile-6xl) * 1rem), calc(var(--mobile-6xl) * 1rem + (var(--desktop-6xl) - var(--mobile-6xl)) * var(--viewport-calc))), calc(var(--desktop-6xl) * 1rem)); --text-7xl: min(max(calc(var(--mobile-7xl) * 1rem), calc(var(--mobile-7xl) * 1rem + (var(--desktop-7xl) - var(--mobile-7xl)) * var(--viewport-calc))), calc(var(--desktop-7xl) * 1rem)); --text-8xl: min(max(calc(var(--mobile-8xl) * 1rem), calc(var(--mobile-8xl) * 1rem + (var(--desktop-8xl) - var(--mobile-8xl)) * var(--viewport-calc))), calc(var(--desktop-8xl) * 1rem)); --text-9xl: min(max(calc(var(--mobile-9xl) * 1rem), calc(var(--mobile-9xl) * 1rem + (var(--desktop-9xl) - var(--mobile-9xl)) * var(--viewport-calc))), calc(var(--desktop-9xl) * 1rem)); } body { font-size: min(max(calc(var(--mobile-text-base) * 1rem), calc(var(--mobile-text-base) * 1rem + (var(--desktop-text-base) - var(--mobile-text-base)) * var(--viewport-calc))), calc(var(--desktop-text-base) * 1rem)); } .hero { font-size: var(--hero); line-height: var(--lh-hero); } .h1 { font-size: var(--h1); line-height: var(--lh-h1); font-weight: var(--h-font-weight); } .h2 { font-size: var(--h2); line-height: var(--lh-h2); font-weight: var(--h-font-weight); } .h3 { font-size: var(--h3); line-height: var(--lh-h3); font-weight: var(--h-font-weight); } .h4 { font-size: var(--h4); line-height: var(--lh-h4); font-weight: var(--h-font-weight); } .h5 { font-size: var(--h5); line-height: var(--lh-h5); font-weight: var(--h-font-weight); } .h6 { font-size: var(--h6); line-height: var(--lh-h6); font-weight: var(--h-font-weight); } .text-xs { font-size: var(--text-xs); line-height: var(--lh-xs); } .text-sm { font-size: var(--text-sm); line-height: var(--lh-sm); } .text-base { font-size: var(--text-base); line-height: var(--lh-base); } .text-lg { font-size: var(--text-lg); line-height: var(--lh-lg); } .text-xl { font-size: var(--text-xl); line-height: var(--lh-xl); } .text-2xl { font-size: var(--text-2xl); line-height: var(--lh-2xl); } .text-3xl { font-size: var(--text-3xl); line-height: var(--lh-3xl); } .text-4xl { font-size: var(--text-4xl); line-height: var(--lh-4xl); } .text-5xl { font-size: var(--text-5xl); line-height: var(--lh-5xl); } .text-6xl { font-size: var(--text-6xl); line-height: var(--lh-6xl); } .text-7xl { font-size: var(--text-7xl); line-height: var(--lh-7xl); } .text-8xl { font-size: var(--text-8xl); line-height: var(--lh-8xl); } .text-9xl { font-size: var(--text-9xl); line-height: var(--lh-9xl); } /* Ending of fluid typography settings */ .grid { display: grid; } .gap-2 { gap: 0.8rem; gap: min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.2857))), 0.8rem); } .gap-4 { gap: 1.6rem; gap: min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.5714))), 1.6rem); } .gap-6 { gap: 2.4rem; gap: min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.8571))), 2.4rem); } .gap-8 { gap: 3.2rem; gap: min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.1429))), 3.2rem); } .gap-10 { gap: 4rem; gap: min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem); } .gap-12 { gap: 4.8rem; gap: min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.7143))), 4.8rem); } .gap-14 { gap: 5.6rem; gap: min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem); } .gap-16 { gap: 6.4rem; gap: min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.2857))), 6.4rem); } .gap-20 { gap: 8rem; gap: min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 2.8571))), 8rem); } .gap-24 { gap: 9.6rem; gap: min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.4286))), 9.6rem); } .gap-px { gap: 1px; } .col-gap-0 { column-gap: 0rem; } .col-gap-2 { column-gap: 0.8rem; column-gap: min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.2857))), 0.8rem); } .col-gap-4 { column-gap: 1.6rem; column-gap: min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.5714))), 1.6rem); } .col-gap-6 { column-gap: 2.4rem; column-gap: min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.8571))), 2.4rem); } .col-gap-8 { column-gap: 3.2rem; column-gap: min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.1429))), 3.2rem); } .col-gap-10 { column-gap: 4rem; column-gap: min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem); } .col-gap-12 { column-gap: 4.8rem; column-gap: min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.7143))), 4.8rem); } .col-gap-14 { column-gap: 5.6rem; column-gap: min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem); } .col-gap-16 { column-gap: 6.4rem; column-gap: min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.2857))), 6.4rem); } .col-gap-20 { column-gap: 8rem; column-gap: min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 2.8571))), 8rem); } .col-gap-24 { column-gap: 9.6rem; column-gap: min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.4286))), 9.6rem); } .row-gap-0 { row-gap: 0rem; } .row-gap-2 { row-gap: 0.8rem; row-gap: min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.2857))), 0.8rem); } .row-gap-4 { row-gap: 1.6rem; row-gap: min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.5714))), 1.6rem); } .row-gap-6 { row-gap: 2.4rem; row-gap: min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.8571))), 2.4rem); } .row-gap-8 { row-gap: 3.2rem; row-gap: min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.1429))), 3.2rem); } .row-gap-10 { row-gap: 4rem; row-gap: min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.4286))), 4rem); } .row-gap-12 { row-gap: 4.8rem; row-gap: min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.7143))), 4.8rem); } .row-gap-14 { row-gap: 5.6rem; row-gap: min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2))), 5.6rem); } .row-gap-16 { row-gap: 6.4rem; row-gap: min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.2857))), 6.4rem); } .row-gap-20 { row-gap: 8rem; row-gap: min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 2.8571))), 8rem); } .row-gap-24 { row-gap: 9.6rem; row-gap: min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.4286))), 9.6rem); } .grid-flow-row { grid-auto-flow: row; } .grid-flow-col { grid-auto-flow: column; } .grid-flow-row-dense { grid-auto-flow: row dense; } .grid-flow-col-dense { grid-auto-flow: column dense; } .col-auto { grid-column: auto; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-6 { grid-column: span 6 / span 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; } .col-start-7 { grid-column-start: 7; } .col-start-auto { grid-column-start: auto; } .col-end-1 { grid-column-end: 1; } .col-end-2 { grid-column-end: 2; } .col-end-3 { grid-column-end: 3; } .col-end-4 { grid-column-end: 4; } .col-end-5 { grid-column-end: 5; } .col-end-6 { grid-column-end: 6; } .col-end-7 { grid-column-end: 7; } .col-end-auto { grid-column-end: auto; } .row-auto { grid-row: auto; } .row-span-1 { grid-row: span 1 / span 1; } .row-span-2 { grid-row: span 2 / span 2; } .row-span-3 { grid-row: span 3 / span 3; } .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-auto { grid-row-start: auto; } .row-end-1 { grid-row-end: 1; } .row-end-2 { grid-row-end: 2; } .row-end-3 { grid-row-end: 3; } .row-end-4 { grid-row-end: 4; } .row-end-auto { grid-row-end: auto; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-none { grid-template-columns: none; } .grid-60-40 { display: grid; grid-template-columns: 3fr 2fr; } .grid-40-60 { display: grid; grid-template-columns: 2fr 3fr; } .grid-33-66 { display: grid; grid-template-columns: 1fr 2fr; } .grid-66-33 { display: grid; grid-template-columns: 2fr 1fr; } .grid-75-25 { display: grid; grid-template-columns: 3fr 1fr; } .grid-25-75 { display: grid; grid-template-columns: 1fr 3fr; } /* grid power utilities */ /* 2-cols */ .auto-grid-2 { display: grid; --auto-grid-min-size: calc(56rem - var(--gutter-size)); --gutter-size: 16px; grid-template-columns: repeat(auto-fill, minmax(max(35.2rem, min(45.6rem, var(--auto-grid-min-size))), 1fr)); } /* 3-cols */ .auto-grid-3 { display: grid; --auto-grid-min-size: calc(37.3rem - var(--gutter-size)); --gutter-size: 21.4px; grid-template-columns: repeat(auto-fill, minmax(max(28.8rem, min(29.4rem, var(--auto-grid-min-size))), 1fr)); } /* 4-cols */ .auto-grid-4 { display: grid; --auto-grid-min-size: calc(28rem - var(--gutter-size)); --gutter-size: 24px; grid-template-columns: repeat(auto-fill, minmax(max(20.8rem, min(21.2rem, var(--auto-grid-min-size))), 1fr)) } /* if we want to override the magic grid gap size */ .auto-grid-2.gap-0, .auto-grid-3.gap-0, .auto-grid-4.gap-0 { grid-gap: 0px; --gutter-size: 0px; } .grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .grid-rows-none { grid-template-rows: none; } /* small misc utility classes .btn-l .ct-fancy-icon svg { height: 18px; width: 18px; } .btn-m .ct-fancy-icon svg { height: 16px; width: 16px; } .btn-s .ct-fancy-icon svg { height: 14px; width: 14px; }*/ /* For tag color */ .color-primary a, .color-secondary a, .color-tertiary a, .color-dark a, .color-light a, .color-paragraph a, .color-paragraph-alt a, .color-black a, .color-white a {color: inherit;} .color-primary span, .color-secondary span, .color-tertiary span, .color-dark span, .color-light span, .color-paragraph span, .color-paragraph-alt span, .color-black span, .color-white span {color: inherit;} // Image zoom a.oxy-post-image, .oxy-post-image { overflow: hidden!important; position: relative!important; } .oxy-post-image-fixed-ratio { transition: all 1s; } .oxy-post-image-fixed-ratio:hover { transform: scale(1.2); } // space-y classes .ct-section.space-y-0 .ct-section-inner-wrap > * + *, .space-y-0:not(.ct-section) > * + * { margin-top: 0; } .ct-section.space-y-1 .ct-section-inner-wrap > * + *, .space-y-1:not(.ct-section) > * + * { margin-top: min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem); } .ct-section.space-y-2 .ct-section-inner-wrap > * + *, .space-y-2:not(.ct-section) > * + * { margin-top: min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem); } .ct-section.space-y-3 .ct-section-inner-wrap > * + *, .space-y-3:not(.ct-section) > * + * { margin-top: min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem); } .ct-section.space-y-4 .ct-section-inner-wrap > * + *, .space-y-4:not(.ct-section) > * + * { margin-top: min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem); } .ct-section.space-y-6 .ct-section-inner-wrap > * + *, .space-y-6:not(.ct-section) > * + * { margin-top: min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem); } .ct-section.space-y-8 .ct-section-inner-wrap > * + *, .space-y-8:not(.ct-section) > * + * { margin-top: min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem); } .ct-section.space-y-10 .ct-section-inner-wrap > * + *, .space-y-10:not(.ct-section) > * + * { margin-top: min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.5))), 4rem); } .ct-section.space-y-12 .ct-section-inner-wrap > * + *, .space-y-12:not(.ct-section) > * + * { margin-top: min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem); } .ct-section.space-y-14 .ct-section-inner-wrap > * + *, .space-y-14:not(.ct-section) > * + * { margin-top: min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2.1))), 5.6rem); } .ct-section.space-y-16 .ct-section-inner-wrap > * + *, .space-y-16:not(.ct-section) > * + * { margin-top: min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem); } .ct-section.space-y-20 .ct-section-inner-wrap > * + *, .space-y-20:not(.ct-section) > * + * { margin-top: min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem); } .ct-section.space-x-0 .ct-section-inner-wrap > * + *, .space-x-0:not(.ct-section) > * + * { margin-left: 0; } .ct-section.space-x-1 .ct-section-inner-wrap > * + *, .space-x-1:not(.ct-section) > * + * { margin-left: min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem); } .ct-section.space-x-2 .ct-section-inner-wrap > * + *, .space-x-2:not(.ct-section) > * + * { margin-left: min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem); } .ct-section.space-x-3 .ct-section-inner-wrap > * + *, .space-x-3:not(.ct-section) > * + * { margin-left: min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem); } .ct-section.space-x-4 .ct-section-inner-wrap > * + *, .space-x-4:not(.ct-section) > * + * { margin-left: min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem); } .ct-section.space-x-6 .ct-section-inner-wrap > * + *, .space-x-6:not(.ct-section) > * + * { margin-left: min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem); } .ct-section.space-x-8 .ct-section-inner-wrap > * + *, .space-x-8:not(.ct-section) > * + * { margin-left: min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem); } .ct-section.space-x-10 .ct-section-inner-wrap > * + *, .space-x-10:not(.ct-section) > * + * { margin-left: min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.5))), 4rem); } .ct-section.space-x-12 .ct-section-inner-wrap > * + *, .space-x-12:not(.ct-section) > * + * { margin-left: min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem); } .ct-section.space-x-14 .ct-section-inner-wrap > * + *, .space-x-14:not(.ct-section) > * + * { margin-left: min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2.1))), 5.6rem); } .ct-section.space-x-16 .ct-section-inner-wrap > * + *, .space-x-16:not(.ct-section) > * + * { margin-left: min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem); } .ct-section.space-x-20 .ct-section-inner-wrap > * + *, .space-x-20:not(.ct-section) > * + * { margin-left: min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem); } .ct-video > .oxygen-vsb-responsive-video-wrapper > iframe { border-radius: 6px; } .section-pt-0 > .ct-section-inner-wrap { padding-top: 0px; } .section-pt-sm > .ct-section-inner-wrap { padding-top: min(max(4rem, calc(4rem + ((1vw - 0.32rem) * 2.5))), 6rem); } .section-pb-0 > .ct-section-inner-wrap { padding-bottom: 0px; } .section-pb-sm > .ct-section-inner-wrap { padding-bottom: min(max(4rem, calc(4rem + ((1vw - 0.32rem) * 2.5))), 6rem); } .section-py-0 > .ct-section-inner-wrap { padding-top: 0px; padding-bottom: 0px; } .section-py-sm > .ct-section-inner-wrap { padding-top: min(max(4rem, calc(4rem + ((1vw - 0.32rem) * 2.5))), 6rem); padding-bottom: min(max(4rem, calc(4rem + ((1vw - 0.32rem) * 2.5))), 6rem); } .ct-section[class*="overlay-"] .ct-section-inner-wrap { position: relative; z-index: 1; } @media screen and (max-width: 1167px){.breakout-70, .breakout-80, .breakout-90, .breakout-100 { width: 100%; max-width: 100%; margin: 0; } .xl-col-auto { grid-column: auto; } .xl-col-span-1 { grid-column: span 1 / span 1; } .xl-col-span-2 { grid-column: span 2 / span 2; } .xl-col-span-3 { grid-column: span 3 / span 3; } .xl-col-span-4 { grid-column: span 4 / span 4; } .xl-col-span-5 { grid-column: span 5 / span 5; } .xl-row-span-1 { grid-row: span 1 / span 1; } .xl-row-span-2 { grid-row: span 2 / span 2; } .xl-row-span-3 { grid-row: span 3 / span 3; } .xl-col-start-1 { grid-column-start: 1; } .xl-col-start-2 { grid-column-start: 2; } .xl-col-start-3 { grid-column-start: 3; } .xl-col-start-4 { grid-column-start: 4; } .xl-col-start-5 { grid-column-start: 5; } .xl-col-start-6 { grid-column-start: 6; } .xl-col-start-auto { grid-column-start: auto; } .xl-col-end-1 { grid-column-end: 1; } .xl-col-end-2 { grid-column-end: 2; } .xl-col-end-3 { grid-column-end: 3; } .xl-col-end-4 { grid-column-end: 4; } .xl-col-end-5 { grid-column-end: 5; } .xl-col-end-6 { grid-column-end: 6; } .xl-col-end-auto { grid-column-end: auto; } .xl-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl-grid-cols-none { grid-template-columns: none; } .xl-flex { display: flex!important; } .xl-h-full { height: 100%; } .xl-h-screen { height: 100vh; } .xl-mx-auto { margin-left: auto; margin-right: auto; } .xl-centered { align-items: center!important; justify-content: center!important; align-content: center!important; text-align: center!important; } .xl-horizontal { display: flex!important; flex-direction: row!important; } .xl-horizontal-wrap { display: flex!important; flex-direction: row!important; flex-wrap: wrap!important; } .xl-vertical { display: flex!important; flex-direction: column!important; } .xl-hidden { display: none!important; } .xl-w-1by2 { width: 50%; } .xl-w-1by3 { width: 33.333333%; } .xl-w-2by3 { width: 66.666667%; } .xl-w-1by4 { width: 25%; } .xl-w-2by4 { width: 50%; } .xl-w-3by4 { width: 75%; } .xl-w-full { width: 100%; }} @media screen and (max-width: 991px){ .lg-col-auto { grid-column: auto; } .lg-col-span-1 { grid-column: span 1 / span 1; } .lg-col-span-2 { grid-column: span 2 / span 2; } .lg-col-span-3 { grid-column: span 3 / span 3; } .lg-col-span-4 { grid-column: span 4 / span 4; } .lg-row-span-1 { grid-row: span 1 / span 1; } .lg-row-span-2 { grid-row: span 2 / span 2; } .lg-row-span-3 { grid-row: span 3 / span 3; } .lg-col-start-1 { grid-column-start: 1; } .lg-col-start-2 { grid-column-start: 2; } .lg-col-start-3 { grid-column-start: 3; } .lg-col-start-4 { grid-column-start: 4; } .lg-col-start-5 { grid-column-start: 5; } .lg-col-start-auto { grid-column-start: auto; } .lg-col-end-1 { grid-column-end: 1; } .lg-col-end-2 { grid-column-end: 2; } .lg-col-end-3 { grid-column-end: 3; } .lg-col-end-4 { grid-column-end: 4; } .lg-col-end-5 { grid-column-end: 5; } .lg-col-end-auto { grid-column-end: auto; } .lg-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lg-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg-grid-cols-none { grid-template-columns: none; } .lg-row-start-1 { grid-row-start: 1; } .lg-flex { display: flex!important; } .lg-order-1 { order: 1; } .lg-order-2 { order: 2; } .lg-order-3 { order: 3; } .lg-order-4 { order: 4; } .lg-order-5 { order: 5; } .lg-order-6 { order: 6; } .lg-order-first { order: -9999; } .lg-order-last { order: 9999; } .lg-order-none { order: 0; } .lg-h-full { height: 100%; } .lg-h-screen { height: 100vh; } .lg-mr-0 { margin-right: 0; } .lg-mx-auto { margin-left: auto; margin-right: auto; } .lg-centered { align-items: center!important; justify-content: center!important; align-content: center!important; text-align: center!important; } .lg-horizontal { display: flex!important; flex-direction: row!important; } .lg-horizontal-reverse { display: flex!important; flex-direction: row-reverse!important; } .lg-horizontal-wrap { display: flex!important; flex-direction: row!important; flex-wrap: wrap!important; } .lg-vertical { display: flex!important; flex-direction: column!important; } .lg-vertical-reverse { display: flex!important; flex-direction: column-reverse!important; } .lg-hidden { display: none!important; } .lg-w-1by2 { width: 50%; } .lg-w-1by3 { width: 33.333333%; } .lg-w-2by3 { width: 66.666667%; } .lg-w-1by4 { width: 25%; } .lg-w-2by4 { width: 50%; } .lg-w-3by4 { width: 75%; } .lg-w-full { width: 100%; }} @media screen and (max-width: 767px){ .md-col-auto { grid-column: auto; } .md-col-span-1 { grid-column: span 1 / span 1; } .md-col-span-2 { grid-column: span 2 / span 2; } .md-col-span-3 { grid-column: span 3 / span 3; } .md-row-span-1 { grid-row: span 1 / span 1; } .md-row-span-2 { grid-row: span 2 / span 2; } .md-row-span-3 { grid-row: span 3 / span 3; } .md-col-start-1 { grid-column-start: 1; } .md-col-start-2 { grid-column-start: 2; } .md-col-start-3 { grid-column-start: 3; } .md-col-start-4 { grid-column-start: 4; } .md-col-start-auto { grid-column-start: auto; } .md-col-end-1 { grid-column-end: 1; } .md-col-end-2 { grid-column-end: 2; } .md-col-end-3 { grid-column-end: 3; } .md-col-end-4 { grid-column-end: 4; } .md-col-end-auto { grid-column-end: auto; } .md-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .md-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md-grid-cols-none { grid-template-columns: none; } .md-rounded-sm { border-radius: 0.2rem; } .md-rounded { border-radius: 0.4rem; } .md-rounded-md { border-radius: 0.6rem; } .md-rounded-lg { border-radius: 0.8rem; } .md-row-start-1 { grid-row-start: 1; } .md-flex { display: flex!important; } .md-order-1 { order: 1; } .md-order-2 { order: 2; } .md-order-3 { order: 3; } .md-order-4 { order: 4; } .md-order-5 { order: 5; } .md-order-6 { order: 6; } .md-order-first { order: -9999; } .md-order-last { order: 9999; } .md-order-none { order: 0; } .md-h-full { height: 100%; } .md-h-screen { height: 100vh; } .md-ml-auto { margin-left: auto; } .md-mr-auto { margin-right: auto; } .md-mr-0 { margin-right: 0; } .md-mb-0 { margin-bottom: 0; } .md-mx-auto { margin-left: auto; margin-right: auto; } .md-centered { align-items: center!important; justify-content: center!important; align-content: center!important; text-align: center!important; } .md-horizontal { display: flex!important; flex-direction: row!important; } .md-horizontal-reverse { display: flex!important; flex-direction: row-reverse!important; } .md-horizontal-wrap { display: flex!important; flex-direction: row!important; flex-wrap: wrap!important; } .md-vertical { display: flex!important; flex-direction: column!important; } .md-vertical-reverse { display: flex!important; flex-direction: column-reverse!important; } .md-hidden { display: none!important; } .md-w-1by2 { width: 50%; } .md-w-1by3 { width: 33.333333%; } .md-w-2by3 { width: 66.666667%; } .md-w-full { width: 100%; }} @media screen and (max-width: 479px){.sm-col-auto { grid-column: auto; } .sm-col-span-1 { grid-column: span 1 / span 1; } .sm-col-span-2 { grid-column: span 2 / span 2; } .sm-row-span-1 { grid-row: span 1 / span 1; } .sm-row-span-2 { grid-row: span 2 / span 2; } .sm-row-span-3 { grid-row: span 3 / span 3; } .sm-col-start-1 { grid-column-start: 1; } .sm-col-start-2 { grid-column-start: 2; } .sm-col-start-3 { grid-column-start: 3; } .sm-col-start-auto { grid-column-start: auto; } .sm-col-end-1 { grid-column-end: 1; } .sm-col-end-2 { grid-column-end: 2; } .sm-col-end-3 { grid-column-end: 3; } .sm-col-end-auto { grid-column-end: auto; } .sm-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm-grid-cols-none { grid-template-columns: none; } .sm-flex { display: flex!important; } .sm-order-1 { order: 1; } .sm-order-2 { order: 2; } .sm-order-3 { order: 3; } .sm-order-4 { order: 4; } .sm-order-5 { order: 5; } .sm-order-6 { order: 6; } .sm-order-first { order: -9999; } .sm-order-last { order: 9999; } .sm-order-none { order: 0; } .sm-h-full { height: 100%; } .sm-h-screen { height: 100vh; } .sm-mt-0 { margin-top: 0; } .sm-mr-0 { margin-right: 0; } .sm-mr-auto { margin-right: auto; } .sm-ml-auto { margin-left: auto; } .sm-mx-auto { margin-left: auto; margin-right: auto; } .sm-centered { align-items: center!important; justify-content: center!important; align-content: center!important; text-align: center!important; } .sm-horizontal { display: flex!important; flex-direction: row!important; } .sm-horizontal-reverse { display: flex!important; flex-direction: row-reverse!important; } .sm-horizontal-wrap { display: flex!important; flex-direction: row!important; flex-wrap: wrap!important; } .sm-vertical { display: flex!important; flex-direction: column!important; } .sm-vertical-reverse { display: flex!important; flex-direction: column-reverse!important; } .sm-hidden { display: none!important; } .sm-w-1by2 { width: 50%; } .sm-w-full { width: 100%; }}/* Don't add/delete any custom css in this file. This file may change in future as we extend the framework */ /* The framework will overwrite any CSS you write here when we make an update. */ /* Find hover classes documentation at https://learn.oxymade.com/docs/learn/hover-classes/ */ @keyframes hover-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hover-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hover-back-pulse { 50% { background-color: var(--tertiary-color); } } @keyframes hover-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } :where(.hover-fade, .hover-back-pulse).hover-bg-primary:where(:hover, :focus, :active), :where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-primary:before, :where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-primary:hover { background: var(--primary-color) !important; } :where(.hover-fade, .hover-back-pulse).hover-bg-secondary:where(:hover, :focus, :active), :where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-secondary:before, :where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-secondary:hover { background: var(--secondary-color) !important; } :where(.hover-fade, .hover-back-pulse).hover-bg:where(:hover, :focus, :active), :where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg:before, :where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg:hover { background: var(--background-color) !important; } :where(.hover-fade, .hover-back-pulse).hover-bg-dark:where(:hover, :focus, :active), :where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-dark:before, :where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-dark:hover { background: var(--dark-color) !important; } :where(.hover-fade, .hover-back-pulse).hover-bg-light:where(:hover, :focus, :active), :where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-light:before, :where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-light:hover { background: var(--light-color) !important; } :where(.hover-fade, .hover-back-pulse).hover-bg-alt:where(:hover, :focus, :active), :where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-alt:before, :where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-alt:hover { background: var(--background-alt-color) !important; } :where(.hover-fade, .hover-back-pulse).hover-bg-white:where(:hover, :focus, :active), :where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-white:before, :where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-white:hover { background: var(--white-color) !important; } :where(.hover-fade, .hover-back-pulse).hover-bg-black:where(:hover, :focus, :active), :where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-black:before, :where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-black:hover { background: var(--black-color) !important; } :where(.hover-fade, .hover-back-pulse).hover-bg-placeholder:where(:hover, :focus, :active), :where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-placeholder:before, :where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-placeholder:hover { background: var(--placeholder-color) !important; } :where(.hover-fade, .hover-back-pulse).hover-bg-placeholder-alt:where(:hover, :focus, :active), :where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-placeholder-alt:before, :where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-placeholder-alt:hover { background: var(--placeholder-alt-color) !important; } :where(.hover-bounce-to-bottom, .hover-bounce-to-right, .hover-shutter-out-horizontal).hover-color-dark:where(:hover, :focus, :active) { color: var(--dark-color) !important; } :where(.hover-bounce-to-bottom, .hover-bounce-to-right, .hover-shutter-out-horizontal).hover-color-light:where(:hover, :focus, :active) { color: var(--light-color) !important; } :where(.hover-bounce-to-bottom, .hover-bounce-to-right, .hover-shutter-out-horizontal).hover-color-primary:where(:hover, :focus, :active) { color: var(--primary-color) !important; } :where(.hover-bounce-to-bottom, .hover-bounce-to-right, .hover-shutter-out-horizontal).hover-color-paragraph:where(:hover, :focus, :active) { color: var(--paragraph-color) !important; } :where(.hover-bounce-to-bottom, .hover-bounce-to-right, .hover-shutter-out-horizontal).hover-color-paragraph-alt:where(:hover, :focus, :active) { color: var(--paragraph-alt-color) !important; } .hover-color-dark:hover, .hover-color-dark:hover :where(p, div, h1, h2, h3, h4, h5, h6, a, ul, li) { color: var(--dark-color) !important; } .hover-color-light:hover, .hover-color-light:hover :where(p, div, h1, h2, h3, h4, h5, h6, a, ul, li) { color: var(--light-color) !important; } .hover-color-primary:hover, .hover-color-primary:hover :where(p, div, h1, h2, h3, h4, h5, h6, a, ul, li) { color: var(--primary-color) !important; } .hover-color-paragraph:hover, .hover-color-paragraph:hover :where(p, div, h1, h2, h3, h4, h5, h6, a, ul, li) { color: var(--paragraph-color) !important; } .hover-color-paragraph-alt:hover, .hover-color-paragraph-alt:hover :where(p, div, h1, h2, h3, h4, h5, h6, a, ul, li) { color: var(--paragraph-alt-color) !important; } :where(.hover-ripple-out, .hover-outline-out, .hover-trim, .hover-reveal).hover-border-primary:before { border-color: var(--primary-color) !important; } :where(.hover-ripple-out, .hover-outline-out, .hover-trim, .hover-reveal).hover-border-secondary:before { border-color: var(--secondary-color) !important; } :where(.hover-ripple-out, .hover-outline-out, .hover-trim, .hover-reveal).hover-border-dark:before { border-color: var(--dark-color) !important; } :where(.hover-ripple-out, .hover-outline-out, .hover-trim, .hover-reveal).hover-border-light:before { border-color: var(--light-color) !important; } :where(.hover-ripple-out, .hover-outline-out, .hover-trim, .hover-reveal).hover-border:before { border-color: var(--border-color) !important; } :where(.hover-ripple-out, .hover-outline-out, .hover-trim, .hover-reveal).hover-border-alt:before { border-color: var(--border-alt-color) !important; } .hover-bubble-top.hover-border-primary:where(:hover, :focus, :active):before { border-color: transparent transparent var(--primary-color) transparent !important; } .hover-bubble-top.hover-border-secondary:where(:hover, :focus, :active):before { border-color: transparent transparent var(--secondary-color) transparent !important; } .hover-bubble-top.hover-border-dark:where(:hover, :focus, :active):before { border-color: transparent transparent var(--dark-color) transparent !important; } .hover-bubble-top.hover-border-light:where(:hover, :focus, :active):before { border-color: transparent transparent var(--light-color) transparent !important; } .hover-bubble-top.hover-border:where(:hover, :focus, :active):before { border-color: transparent transparent var(--border-color) transparent !important; } .hover-bubble-top.hover-border-alt:where(:hover, :focus, :active):before { border-color: transparent transparent var(--border-alt-color) transparent !important; } .hover-bubble-left.hover-border-primary:where(:hover, :focus, :active):before { border-color: transparent var(--primary-color) transparent transparent !important; } .hover-bubble-left.hover-border-secondary:where(:hover, :focus, :active):before { border-color: transparent var(--secondary-color) transparent transparent !important; } .hover-bubble-left.hover-border-dark:where(:hover, :focus, :active):before { border-color: transparent var(--dark-color) transparent transparent !important; } .hover-bubble-left.hover-border-light:where(:hover, :focus, :active):before { border-color: transparent var(--light-color) transparent transparent !important; } .hover-bubble-left.hover-border:where(:hover, :focus, :active):before { border-color: transparent var(--border-color) transparent transparent !important; } .hover-bubble-left.hover-border-alt:where(:hover, :focus, :active):before { border-color: transparent var(--border-alt-color) transparent transparent !important; } .hover-bubble-bottom.hover-border-primary:where(:hover, :focus, :active):before { border-color: var(--primary-color) transparent transparent transparent !important; } .hover-bubble-bottom.hover-border-secondary:where(:hover, :focus, :active):before { border-color: var(--secondary-color) transparent transparent transparent !important; } .hover-bubble-bottom.hover-border-dark:where(:hover, :focus, :active):before { border-color: var(--dark-color) transparent transparent transparent !important; } .hover-bubble-bottom.hover-border-light:where(:hover, :focus, :active):before { border-color: var(--light-color) transparent transparent transparent !important; } .hover-bubble-bottom.hover-border:where(:hover, :focus, :active):before { border-color: var(--border-color) transparent transparent transparent !important; } .hover-bubble-bottom.hover-border-alt:where(:hover, :focus, :active):before { border-color: var(--border-alt-color) transparent transparent transparent !important; } .hover-bubble-right.hover-border-primary:where(:hover, :focus, :active):before { border-color: transparent transparent transparent var(--primary-color) !important; } .hover-bubble-right.hover-border-secondary:where(:hover, :focus, :active):before { border-color: transparent transparent transparent var(--secondary-color) !important; } .hover-bubble-right.hover-border-dark:where(:hover, :focus, :active):before { border-color: transparent transparent transparent var(--dark-color) !important; } .hover-bubble-right.hover-border-light:where(:hover, :focus, :active):before { border-color: transparent transparent transparent var(--light-color) !important; } .hover-bubble-right.hover-border:where(:hover, :focus, :active):before { border-color: transparent transparent transparent var(--border-color) !important; } .hover-bubble-right.hover-border-alt:where(:hover, :focus, :active):before { border-color: transparent transparent transparent var(--border-alt-color) !important; } /* Don't add any custom css to this file. This file may change in future as we extend the framework */ /* The framework will overwrite any CSS you write here when we make an update. */.fluent_form_submit_button { color: #fff !important; padding-left: 4.2rem !important; padding-right: 4.2rem !important; padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; background: rgb(203, 153, 126) !important; border-radius: 24px !important; border: unset !important; font-family: 'Inter' !important; min-width: 250px !important; font-weight: 600 !important; font-size: 1.6rem !important; transition-duration: 0.4s !important; transition-property: all !important; -moz-transition: all .2s ease-in !important; -o-transition: all .2s ease-in !important; -webkit-transition: all .2s ease-in !important; line-height: var(--lh-base) !important; opacity: 1 !important; } .fluent_form_submit_button_tertiary { color: #fff !important; padding-left: 4.2rem !important; padding-right: 4.2rem !important; padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; background: var(--tertiary-color) !important; border-radius: 24px !important; border: unset !important; font-family: 'Inter' !important; min-width: 250px !important; font-weight: 600 !important; font-size: 1.6rem !important; transition-duration: 0.4s !important; transition-property: all !important; -moz-transition: all .2s ease-in !important; -o-transition: all .2s ease-in !important; -webkit-transition: all .2s ease-in !important; line-height: var(--lh-base) !important; opacity: 1 !important; } .fluent_form_submit_button:hover { background-color: var(--primary-hover-color) !important; box-shadow: 0 8px 9px rgb(var(--primary-rgb-vals), 25%) !important; } /* .fluent_form_submit_button:hover { background: rgba(189, 125, 90, 1) !important; } */ .fluent_form_submit_button_alt { color: #fff !important; padding-left: 4.2rem !important; padding-right: 4.2rem !important; padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; background: var(--paragraph-color) !important; border-radius: 24px !important; border: unset !important; font-family: 'Inter' !important; font-weight: 600 !important; min-width: 250px !important; font-size: 1.6rem !important; transition-duration: 0.4s !important; transition-property: all !important; -moz-transition: all .2s ease-in !important; -o-transition: all .2s ease-in !important; -webkit-transition: all .2s ease-in !important; line-height: var(--lh-base) !important; } .fluent_form_submit_button_alt:hover { background: var(--dark-color) !important; } .fluentform .fluent_form_submit_button_container { display: flex; justify-content: center; } .fluentform .step-nav button { padding-left: 1.7rem !important; padding-right: 1.7rem !important; padding-top: 1rem !important; padding-bottom: 1rem !important; border-radius: 24px !important; border: 1px solid rgb(203, 153, 126) !important; font-family: 'Inter' !important; font-weight: 500 !important; font-size: 1.3rem !important; cursor: pointer; } .fluentform .step-nav .ff-btn-prev { color: rgb(203, 153, 126) !important; background: rgb(255, 255, 255) !important; } .fluentform .step-nav .ff-btn-next { color: rgb(255, 255, 255) !important; background: rgb(203, 153, 126) !important; } .fluentform .ff-el-progress-bar { background-color: var(--primary-color) !important; } .fluentform .ff-el-progress-bar span { display: none !important; } .fluentform .ff-el-progress-status { font-size: var(--text-xs) !important; line-height: var(--lh-xs) !important; } .fluent_form_attachment_button_container .ff_file_upload_holder span { background-color: transparent !important; color: var(--primary-color) !important; cursor: pointer !important; font-weight: 500 !important; font-size: 13px !important; padding: 0px !important; transition: 0.5s !important; margin-bottom: 0px !important; } .fluent_form_attachment_button_container .ff_file_upload_holder span:hover { color: var(--primary-hover-color) !important; } .fluent_form_attachment_button_container .ff_file_upload_holder span:before { display: inline-block !important; margin: 0px 4px !important; background-image: url('https://personalitypath.com/wp-content/uploads/attach-paperclip-symbol.png') !important; background-size: 12px 12px !important; height: 12px !important; width: 12px !important; filter: invert(73%) sepia(18%) saturate(710%) hue-rotate(337deg) brightness(87%) contrast(87%) !important; content: "" !important; } .fluent_form_attachment_button_container .ff_upload_btn { display: flex !important; align-items: center !important; } .fluentform .ff-el-input--label { font-size: 16px !important; line-height: 22px !important; font-weight: 600 !important; } .fluentform .ff-el-form-check { font-size: 15px !important; margin-bottom: 8px !important; } .fluentform .ff-el-form-check-input { top: -1px !important; } .fluentform input { font-family: 'Inter' !important; font-size: 16px !important; line-height: 20px !important; border-radius: 0.6rem !important; padding: 12px !important; } .fluentform input:focus { border-color: var(--primary-color) !important; } .fluentform input[type="checkbox"] { accent-color: var(--primary-color) !important; } .fluentform textarea { font-family: 'Inter' !important; font-size: 16px !important; line-height: 20px !important; padding: 8px 12px !important; border-radius: 0.6rem !important; } .fluentform textarea:focus { border-color: var(--primary-color) !important; } .fluentform select { font-family: 'Inter' !important; font-size: 16px !important; line-height: 20px !important; padding: 0px 40px 0px 12px !important; background-color: white !important; border-radius: 0.6rem !important; appearance: none !important; -webkit-appearance: none !important; } .fluentform select:focus { border-color: var(--primary-color) !important; } .fluentform .ff-message-success { border: 0px !important; box-shadow: none !important; font-size: 14px !important; margin: 0px !important; } .fluentform .ff_submit_btn_wrapper_center { display: flex; justify-content: center; } .fluentform .ff-errors-in-stack { margin-top: 0px !important; padding-left: min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) !important; padding-right: min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) !important; } /* * Center Align Content - Radio- & Checkbox Answers */ .fluentform .ff-el-input--content { margin-top: 12px !important; display: flex !important; justify-content: center !important; flex-direction: column; align-items: center !important; } .fluentform .pp_ff_answers_flex .ff-el-input--content { flex-wrap: wrap; flex-direction: row; } /* * INPUT Single Choice / Radio Boxes */ .fluentform .ff-el-form-check { margin: 0px 0px !important; display: flex; } .fluentform .ff-el-form-check input { display: none !important; } .fluentform .ff-el-form-check label { padding: 8px 16px !important; border-radius: 24px !important; margin: 0px 4px; } .fluentform .ff-el-form-check.ff_item_selected label { color: white !important; background-color: var(--tertiary-color) !important; border-color: white !important; } /* * --> THEME START pp_ff_theme_01 */ .fluentform .pp_ff_theme_01 .ff-el-form-check label { border: 1px solid var(--tertiary-color) !important; color: var(--tertiary-color) !important; background-color: var(--background-alt-color) !important; } .fluentform .pp_ff_theme_01 .ff-el-form-check.ff_item_selected label { color: white !important; background-color: var(--tertiary-color) !important; border-color: white !important; } /* * --> THEME END pp_ff_theme_01 */ /* * --> THEME START pp_ff_theme_02 */ .fluentform .pp_ff_theme_02 .ff-el-form-check label { border: 1px solid var(--primary-color) !important; color: var(--primary-color) !important; background-color: var(--background-alt-color) !important; } .fluentform .pp_ff_theme_02 .ff-el-form-check.ff_item_selected label { color: white !important; background-color: var(--primary-color) !important; border-color: white !important; } /* * --> THEME END pp_ff_theme_02 */ /* .fluentform .ff_submit_btn_wrapper { margin-bottom: 0px !important; } */ /* BEGIN Fluent Form Range Slider */ .fluent_form_range_slider_wrapper .rangeslider--horizontal { height: 8px; } .fluent_form_range_slider_wrapper .rangeslider__fill { background-color: var(--primary-color); } .fluent_form_range_slider_wrapper .rangeslider__handle { top: -6px !important; height: 20px; width: 20px; border: 1px solid var(--primary-color); background: white; background-image: none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); } .fluent_form_range_slider_wrapper input[type="range"]:focus + .rangeslider .rangeslider__handle { -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } .fluent_form_range_slider_wrapper .ff_slider_wrapper { margin-top: 10px; } /* BEGIN Fluent Form Range Slider */.margin_top_4 { margin-top: 12px; } .margin_top_8 { margin-top: 12px; } .margin_top_12 { margin-top: 12px; } .margin_top_16 { margin-top: 16px; } .margin_top_20 { margin-top: 12px; } .margin_top_24 { margin-top: 16px; }.woocommerce-billing-fields #billing_country_field #select2-billing_country-container { color: rgba(57,58,58,0.7) !important; line-height: 1.6 !important; } .wfacp_divider_billing #billing_country_field { width: 100% !important; }.sld-ap-form_group input{ } input{ } .page-template-default .sld-ap-form_box h2{ display:block; } .sld-col-1.sld-ap-form_box{ border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; } .sld-col-1{ border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; } input#submit_affiliate_registration:hover{ background-color:var(--primary-hover-color); font-weight:600; } input#submit_affiliate_registration{ background-color:var(--primary-color); font-weight:600; } .ct-section-inner-wrap{ position:relative; } .ct-slide{ padding-left: 1.6rem !important; padding-right: 1.6rem !important; } .oxy-stock-content-styles img{ height:auto; } .two-buttons-set > .btn-s:first-child{ margin-right:1rem; } .two-buttons-set > .btn-m:first-child{ margin-right:1rem; } .two-buttons-set > .btn-l:first-child{ margin-right:1rem; } .oxy-post-meta a{ color:#e1cbbe; } #_posts_grid-9-18953 .oxy-post-wrap{ margin-top:-8em; box-shadow: 0px 5px 50px 0px rgb(0 0 0 / 10%); } div.oxy-post-image-fixed-ratio{ } .oxy-post-image-fixed-ratio{ } .woocommerce-info:before{ color:#d0d2d0; content:""; content: ''; } .woocommerce-info{ font-size:.75em; text-align:center; color:#d0d2d0; padding-top:15px; padding-left:0px; padding-right:0px; padding-bottom:0px; background: none; border: none; } .woocommerce-info a{ font-size:1em; color:#9fa49c; } .woocommerce-checkout #payment ul.payment_methods{ border: none!important; } .woocommerce form .form-row.woocommerce-validated input.input-text{ border-top-color:#9fa49c; border-right-color:#9fa49c; border-bottom-color:#9fa49c; border-left-color:#9fa49c; } .woocommerce-checkout #payment{ border-radius:10px; background: none; } .select2-container--default .select2-selection--single .select2-selection__arrow{ border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; height:47px; } select2-search__field:focus{ border-top-color:#f6e5dd; border-right-color:#f6e5dd; border-bottom-color:#f6e5dd; border-left-color:#f6e5dd; } select2-search__field{ border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-color:#d3d4d7; border-right-color:#d3d4d7; border-bottom-color:#d3d4d7; border-left-color:#d3d4d7; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; } .select2-dropdown{ border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-color:#d3d4d7; border-right-color:#d3d4d7; border-bottom-color:#d3d4d7; border-left-color:#d3d4d7; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; } .select2-container--default .select2-selection--single{ border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-color:#d3d4d7; border-right-color:#d3d4d7; border-bottom-color:#d3d4d7; border-left-color:#d3d4d7; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; height:47px; } .woocommerce form .form-row input.input-text:focus{ border-top-color:#e1cbbe; border-right-color:#e1cbbe; border-bottom-color:#e1cbbe; border-left-color:#e1cbbe; 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; } .woocommerce form .form-row input.input-text{ border-radius:5px; border-top-color:#d3d4d7; border-right-color:#d3d4d7; border-bottom-color:#d3d4d7; border-left-color:#d3d4d7; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; } .woocommerce form illing_first_name_field.form-row input.input-text{ } .woocommerce-checkout #payment ul.payment_methods li input{ width:20px; height:20px; filter:hue-rotate(189deg); } .woocommerce_checkout_place_order #place_order{ flex-direction:unset; display:block; margin-left:auto; margin-right:auto; font-weight: 700!important; } .woocommerce table.shop_table tfoot th{ border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; width:50%; text-align: right; } .woocommerce table.shop_table{ border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border: none; } .woocommerce table.shop_table tfoot td{ border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; } #place_order:hover{ background-color:#3c4058; } #place_order{ background-color:#5a627a; min-width:280px; padding-top:20px; padding-bottom:20px; transition-duration:.2s; align-self:center; flex-direction:unset; display:block; margin-left:auto; margin-right:auto; border-radius: 60px 65px 55px 45px/35px 40px 50px 60px!important; } .woocommerce div.col-1{ min-width:100%; } .woocommerce form .form-row.validate-required .required{ color:#cda797; } a.oxy-post-title{ font-family:Vollkorn; color:#393a3a; font-weight:700; } .oxy-post-image{ } a.oxy-post-image.organic-border{ padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; overflow:hidden; } .oxy-login-form input[type="submit"]{ background-image:url(https://personalitypath.com/wp-content/uploads/button-slim_7.svg);background-size: contain; font-family:; background-repeat:no-repeat; background-color:rgba(0,0,0,0); text-transform:uppercase; letter-spacing:.05em; font-weight:700; background-position:50% 50%; } .wpml-ls a span:hover{ color:#393a3a; } .wpml-ls a span{ } ul .wpml-ls-link:hover{ color:#393a3a; padding-left:0px; margin-left:0px; } ul .wpml-ls-link{ font-family:Inter; color:rgba(57,58,58,0.5); transition-duration:.5s; padding-left:0px; margin-left:0px; list-style-type: none!important; } .wpml-ls-item{ font-family:Inter; color:#393a3a; transition-duration:.5s; padding-left:0px; font-size:.9em; list-style-type: none; } @media (max-width: 991px) { .wpml-ls a span{ text-align:center; } } @media (max-width: 479px) { .two-buttons-set > .btn-l:first-child{ margin-right:0rem; margin-bottom:1rem; } } @media (max-width: 479px) { .two-buttons-set > .btn-m:first-child{ margin-right:0rem; margin-bottom:1rem; } } @media (max-width: 479px) { .two-buttons-set > .btn-s:first-child{ margin-right:0rem; margin-bottom:1rem; } }