/* Theme Name: Fourthd Theme Theme URI: https://fourthd.io Description: Fourthd Theme is a child theme of Hello Elementor, created by Fourthd team Author: Fourthd Team Author URI: https://fourthd.io Template: hello-elementor Version: 1.0.1 Text Domain: fourthd-theme License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ /* Add your custom styles here */ html { overflow: inherit; } body { overflow-x: hidden !important; } * { -webkit-tap-highlight-color: transparent; } /* Global styling start */ @media only screen and (min-width: 1281px) { .elementor[data-elementor-type="header"]>.elementor-element.e-con, .elementor[data-elementor-type="wp-post"]>.elementor-element.e-con, .elementor[data-elementor-type="footer"]>.elementor-element.e-con, .elementor[data-elementor-type="wp-page"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="archive"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product-archive"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-post"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-page"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="error-404"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="header"]>div>.elementor-element.e-con, .elementor[data-elementor-type="wp-post"]>div>.elementor-element.e-con, .elementor[data-elementor-type="footer"]>div>.elementor-element.e-con, .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="archive"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product-archive"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-post"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-page"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="error-404"]>div>.elementor-element.e-con:not(.full-width), .elementor-editor-active .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width) { padding-right: 102px; padding-left: 102px; } } @media only screen and (max-width: 1280px) and (min-width: 768px) { .elementor[data-elementor-type="header"]>.elementor-element.e-con, .elementor[data-elementor-type="wp-post"]>.elementor-element.e-con, .elementor[data-elementor-type="footer"]>.elementor-element.e-con, .elementor[data-elementor-type="wp-page"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="archive"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product-archive"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-post"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-page"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="error-404"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="header"]>div>.elementor-element.e-con, .elementor[data-elementor-type="wp-post"]>div>.elementor-element.e-con, .elementor[data-elementor-type="footer"]>div>.elementor-element.e-con, .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="archive"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product-archive"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-post"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-page"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="error-404"]>div>.elementor-element.e-con:not(.full-width), .elementor-editor-active .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width) { padding-right: 40px; padding-left: 40px; } } @media only screen and (max-width: 880px) { .elementor[data-elementor-type="header"]>.elementor-element.e-con, .elementor[data-elementor-type="wp-post"]>.elementor-element.e-con, .elementor[data-elementor-type="footer"]>.elementor-element.e-con, .elementor[data-elementor-type="wp-page"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="archive"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product-archive"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-post"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-page"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="error-404"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="header"]>div>.elementor-element.e-con, .elementor[data-elementor-type="wp-post"]>div>.elementor-element.e-con, .elementor[data-elementor-type="footer"]>div>.elementor-element.e-con, .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="archive"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product-archive"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-post"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-page"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="error-404"]>div>.elementor-element.e-con:not(.full-width), .elementor-editor-active .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width) { padding-right: 32px; padding-left: 32px; } } @media only screen and (max-width: 620px) { .elementor[data-elementor-type="header"]>.elementor-element.e-con, .elementor[data-elementor-type="wp-post"]>.elementor-element.e-con, .elementor[data-elementor-type="footer"]>.elementor-element.e-con, .elementor[data-elementor-type="wp-page"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="archive"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product-archive"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-post"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-page"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="error-404"]>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="header"]>div>.elementor-element.e-con, .elementor[data-elementor-type="wp-post"]>div>.elementor-element.e-con, .elementor[data-elementor-type="footer"]>div>.elementor-element.e-con, .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="archive"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product-archive"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="product"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-post"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="single-page"]>div>.elementor-element.e-con:not(.full-width), .elementor[data-elementor-type="error-404"]>div>.elementor-element.e-con:not(.full-width), .elementor-editor-active .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width) { padding-right: 20px; padding-left: 20px; } } /* blogs style */ .post-content figure.wp-block-image.size-full { margin:16px 0px 40px 0 !important; } .inc-wrap ,.exp-wrap,.rem-wrap,.cat-wrap ,.spend-wrap ,.adj-wrap ,.wb-wrap{ margin: 16px 0 40px 0; } .post-content p.tabl-btm-p { font-weight:300; font-style:italic; /* margin-top:-30px; */ font-size:14px; } p.bold-text { padding-top: 25px; } h2.wp-block-heading.fq-pd { padding: 20px 0 0px; } h3.wp-block-heading.step-pd { padding: 18px 0 6px; } p.allow-pd { padding: 20px 0 40px; } h3.wp-block-heading.track-pd { padding: 21px 0 7px; } h3.wp-block-heading.fnt-20 { font-size: 20px; font-weight: 700; padding-bottom: 7px; } h3.wp-block-heading.fnt-20-w { font-size: 20px; font-weight: 600; padding-bottom: 0px; } h3.wp-block-heading.hd-pd { padding: 10px 0 5px; } h3.wp-block-heading.cat-pd { padding: 16px 0 6px; } p.need-pd { padding-top: 30px; } h3.wp-block-heading.pd-remove { padding-bottom: 0px; } h3.wp-block-heading.pd-top { padding-top: 10px; padding-bottom: 6px; } .post-content a{ color:#008CDF; } .post-content a:hover{ text-decoration:underline; } .post-content h2 ,.post-content h3 { font-size:28px; font-weight:500; color:#000000; padding-bottom:16px; } .post-content p, .post-content ul{ padding-bottom:16px; } /* Change button while form is submitting */ #waitlist_form.elementor-form-waiting #wish-btn { background: #000 !important; /* your bg color */ color: #fff !important; border-color: #000 !important; } /* Hide original button text */ #waitlist_form.elementor-form-waiting #wish-btn .elementor-button-text { font-size: 0 !important; } /* Add new loading text */ #waitlist_form.elementor-form-waiting #wish-btn .elementor-button-text::after { content: "Joining..." !important; color: #000000; } .elementor-message.elementor-message-success.elementor-message-svg { text-align: center; color: #000; } .elementor-message.elementor-message-danger { text-align: center; } .mf-fade-up-cta:has(#waitlist_form .elementor-message) { background: linear-gradient(90deg, #DAFFDC, #D3FFE8,#DAFFDC) !important; box-shadow: 0 4px 14px 0 #0000000D; } .elementor-message-danger:before { background-image: url("https://matefi.ai/wp-content/uploads/2026/05/remove.png") !important; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; content: "" !important; width: 25px; height: 25px; } .elementor-message-svg:before { background-image: url("https://matefi.ai/wp-content/uploads/2026/05/checked.png") !important; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; content: "" !important; width: 25px; height: 25px; } #waitlist_form:has(.elementor-message) .elementor-form-fields-wrapper { display: none !important; } #waitlist_form .elementor-field-group-email input { background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; appearance: none !important; -webkit-appearance: none !important; border-radius: 0 !important; } #waitlist_form .elementor-field-group-email input:hover, #waitlist_form .elementor-field-group-email input:focus, #waitlist_form .elementor-field-group-email input:active { background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; } /* Pre-reveal state — set via JS class to avoid stuck-hidden if JS fails */ .mf-fade-up-init { opacity: 0; transform: translateY(40px); } /* Hidden state ONLY when JS adds .mf-hidden — avoids stuck-hidden state if JS fails */ .card_1.mf-hidden, .card_2.mf-hidden, .card_3.mf-hidden, .card_4.mf-hidden { opacity: 0 !important; visibility: hidden; } /* Icon pre-state */ .card_1.mf-hidden img, .card_2.mf-hidden img, .card_3.mf-hidden img, .card_4.mf-hidden img { opacity: 0; } /* Hover state (only after reveal completes) */ .card_1.mf-card-revealed, .card_2.mf-card-revealed, .card_3.mf-card-revealed, .card_4.mf-card-revealed { transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important; will-change: transform; } .card_1.mf-card-revealed:hover, .card_2.mf-card-revealed:hover, .card_3.mf-card-revealed:hover, .card_4.mf-card-revealed:hover { transform: translateY(-8px) !important; box-shadow: 0 24px 48px -16px rgba(0, 0, 0, 0.15), 0 10px 20px -10px rgba(0, 0, 0, 0.08) !important; } .card_1.mf-card-revealed img, .card_2.mf-card-revealed img, .card_3.mf-card-revealed img, .card_4.mf-card-revealed img { transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } .card_1.mf-card-revealed:hover img, .card_2.mf-card-revealed:hover img, .card_3.mf-card-revealed:hover img, .card_4.mf-card-revealed:hover img { transform: scale(1.12) rotate(-8deg) !important; } @media (prefers-reduced-motion: reduce) { .card_1.mf-hidden, .card_2.mf-hidden, .card_3.mf-hidden, .card_4.mf-hidden { opacity: 1 !important; visibility: visible !important; } } /* =========================================================== 1. CARDS — hover micro-interactions =========================================================== */ .mf-feature-card { transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; transform-style: preserve-3d; /* enables 3D children rendering */ } /* Important: don't apply hover transform while reveal animation is running */ .mf-feature-card.mf-revealed:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.14), 0 8px 16px -8px rgba(0, 0, 0, 0.08); } .mf-feature-card img { transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; } .mf-feature-card.mf-revealed:hover img { transform: scale(1.03); } /* Specific icons get a playful rotate */ .mf-feature-card .mf-icon-rotate img { transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .mf-feature-card.mf-revealed:hover .mf-icon-rotate img { transform: scale(1.1) rotate(-8deg); } /* Pre-reveal state — applied by JS before GSAP runs to prevent flash */ .mf-reveal-init { opacity: 0; transform: translateY(60px) scale(0.92); filter: blur(10px); } /* Establish a 3D perspective on the cards' parent containers so rotateX is visible */ .e-con-inner { perspective: 1400px; } /* =========================================================== 3. REDUCED MOTION — minimal, accessible alternative =========================================================== */ @media (prefers-reduced-motion: reduce) { .mf-feature-card, .mf-feature-card img, .mf-feature-card .mf-icon-rotate img { transition: none; } .mf-feature-card.mf-revealed:hover { transform: none; box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.10); } .mf-feature-card.mf-revealed:hover img, .mf-feature-card.mf-revealed:hover .mf-icon-rotate img { transform: none; } .mf-reveal-init { opacity: 1 !important; transform: none !important; filter: none !important; } } /* =========================================================== .mv-vertical — constant vertical floating motion =========================================================== */ .mv-vertical img { animation: mv-vertical-float 4s ease-in-out infinite; will-change: transform; } @keyframes mv-vertical-float { 0% { transform: translateY(-12px); } 50% { transform: translateY(12px); } 100% { transform: translateY(-12px); } } /* Respect reduced-motion preference */ @media (prefers-reduced-motion: reduce) { .mv-vertical img { animation: none; } } /* =========================================================== .mv-horizont — constant horizontal floating motion =========================================================== */ .mv-horizont img { animation: mv-horizont-float 4s ease-in-out infinite; will-change: transform; } @keyframes mv-horizont-float { 0% { transform: translateX(-12px); } 50% { transform: translateX(12px); } 100% { transform: translateX(-12px); } } /* Respect reduced-motion preference */ @media (prefers-reduced-motion: reduce) { .mv-horizont img { animation: none; } } /* Register --angle as an animatable property (needed for conic gradient rotation) */ @property --angle { syntax: ''; initial-value: 0deg; inherits: false; } /* =========================================================== #wish-btn — base state: solid accent color, no gradient visible =========================================================== */ .elementor-widget-form .elementor-button[type="submit"]#wish-btn { position: relative; background-color: var(--e-global-color-accent); background-image: none; border: none; box-shadow: none; color: #fff; cursor: pointer; overflow: hidden; /* clip the rotating gradient to button shape */ isolation: isolate; /* establish stacking context for z-index */ transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s ease; } /* The rotating gradient layer sits underneath the text */ .elementor-widget-form .elementor-button[type="submit"]#wish-btn::before { content: ''; position: absolute; inset: -50%; /* oversize so rotation never reveals corners */ z-index: -1; background: conic-gradient( from var(--angle), #A3FF90, #EBC2FF, #FABD4C, #A3FF90 /* repeat first color to close the loop seamlessly */ ); opacity: 0; /* invisible at rest */ --angle: 0deg; transition: opacity 0.4s ease; } /* Make sure the button's text/content sits above the gradient layer */ .elementor-widget-form .elementor-button[type="submit"]#wish-btn > * { position: relative; z-index: 1; } /* ----- Hover: reveal gradient + rotate it continuously ----- */ .elementor-widget-form .elementor-button[type="submit"]#wish-btn:hover { transform: scale(1.02); box-shadow: none; color: #1a1a1a; /* dark text reads on light gradient */ } .elementor-widget-form .elementor-button[type="submit"]#wish-btn:hover::before { opacity: 1; animation: wish-btn-rotate 3s linear infinite; } @keyframes wish-btn-rotate { from { --angle: 0deg; } to { --angle: 360deg; } } /* ----- Focus (keyboard accessibility) ----- */ .elementor-widget-form .elementor-button[type="submit"]#wish-btn:focus-visible { outline: 2px solid #A3FF90; outline-offset: 2px; box-shadow: none; } /* ----- Active: press in ----- */ .elementor-widget-form .elementor-button[type="submit"]#wish-btn:active { transform: scale(0.98); transition-duration: 0.1s; box-shadow: none; } /* ----- Reduced motion: keep color shift, drop rotation + scale ----- */ @media (prefers-reduced-motion: reduce) { .elementor-widget-form .elementor-button[type="submit"]#wish-btn:hover::before { animation: none; } .elementor-widget-form .elementor-button[type="submit"]#wish-btn:hover, .elementor-widget-form .elementor-button[type="submit"]#wish-btn:active { transform: none; } } /* Home page counter Style */ .counter_grow { display: inline-block; /* needed for transform to work on a span */ transform-origin: center; will-change: transform; padding-right:5px; } /* =========================================================== .shadow-up — hover lift + box-shadow on the image =========================================================== */ .shadow-up { transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); cursor: pointer; will-change: transform; } .shadow-up img { display: block; /* required for box-shadow to render cleanly on img */ border-radius: 50%; /* makes shadow follow the circular shape */ transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); will-change: box-shadow, transform; } /* Hover: lift the wrapper, drop the shadow on the image */ .shadow-up:hover { transform: translateY(-6px); } .shadow-up:hover img { box-shadow: 0px -2px 7px #4f4f4fc2; transform: scale(1.05); } /* Tactile press on click */ .shadow-up:active { transform: translateY(-3px); transition-duration: 0.1s; } .shadow-up:active img { transform: scale(1.02); transition-duration: 0.1s; } /* Respect reduced-motion preference */ @media (prefers-reduced-motion: reduce) { .shadow-up, .shadow-up img { transition: none; } .shadow-up:hover { transform: none; } .shadow-up:hover img { transform: none; } } /* popup style */ /* Target the main popup container */ #elementor-popup-modal-1166 { position: fixed !important; /* ensures it sticks to the viewport */ top: 0; left: 0; width: 100vw; /* height: 92vh; */ margin: 0 !important; padding: 0 !important; overflow: hidden; /* prevent scroll inside the popup */ display: flex; /* optional, for centering content */ flex-direction: column; } /* Make inner content fill the container */ #elementor-popup-modal-1166 .dialog-widget-content { flex: 1 1 auto; /* stretch to fill */ height: 100%; margin: 0; padding: 0; } /* If using Elementor inner container */ #elementor-popup-modal-1166 .elementor-1166 { height: 100%; } /* Remove any body scroll when popup is open */ body.elementor-popup-active { overflow: hidden; } /* contact us from style. */ .Contact-form .elementor-select-wrapper svg, .Contact-form .elementor-select-wrapper i, .Contact-form .elementor-select-wrapper span { display: none !important; } .Contact-form #form-field-field_e6ea223 { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background: none !important; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7L10 12L15 7' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 20px center !important; background-size: 16px !important; padding-right: 40px !important; } .Contact-form input ,.Contact-form select { min-height:56px !important; padding:16px 20px; } .Contact-form textarea { min-height:214px !important; padding:20px; } /* Default state (important for smooth in & out) */ .blog-link-btn img { transition: transform 0.3s ease; } /* Hover state */ .blog-link-btn:hover img { transform: rotate(45deg); } /* Text */ .blog-link-btn p { transition: color 0.3s ease; } .blog-link-btn:hover p { color: #ff4d4d; } #form-field-email:focus { outline: none !important; border: none !important; box-shadow: none !important; } a.link-text { text-decoration:underline; color:#000; } a.link-text:hover { color:#666666; cursor:pointer; } /* blog read time style */ .read-time-wrapper { display:flex !important; flex-wrap:no-wrap !important; flex-direction: row !important; align-items: center; } /* blog catagory style */ .blog-cat span.elementor-post-info__terms-list-item { background: #EAEAEA; padding: 8px 14px; border-radius: 50px; } .privacy-ctn ul !important{ padding-left: 20px; } .privacy-ctn ul li{ line-height:1.7em !important; } span.fw-500 { font-weight: 500 !important; } a.link { color:#000000; } .gradient-bg { background: linear-gradient( 90deg, #A3FF90 0%, #EBC2FF 49%, #FABD4C 100% ); } #waitlist_form .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-40.e-form__buttons { width: 200px; } #waitlist_form .elementor-form-fields-wrapper.elementor-labels-above { display: flex; justify-content: space-between; flex-wrap:nowrap; } span.w-600 { font-weight: 600; } .no-touch-gestures { touch-action: none !important; } a .no-touch-gestures { -webkit-tap-highlight-color: transparent !important; } a { -webkit-tap-highlight-color: transparent !important; } /* When accordion item is open */ .e-n-accordion-item[open] > summary.e-n-accordion-item-title { border-bottom: none !important; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } /* Remove top border of content */ .e-n-accordion-item[open] .faq-ans { border-top-right-radius:0px; border-top-left-radius:0px; border-top: none !important; } /* /-------------Responsive Styles-------------/ */ @media (max-width: 1980px) { } @media only screen and (max-width: 1440px) and (min-width: 1401px) { } @media only screen and (max-width: 1400px) and (min-width: 1201px) { } @media only screen and (max-width: 1200px) and (min-width: 1025px) { } @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 1200px) and (min-width: 1025px) { } @media only screen and (max-width: 1024px) { } @media (min-width: 993px) and (max-width: 1024px) {} @media (max-width: 880px) { .expense-wrap { flex-direction: column ; } .expense-card { width: 100% !important; } .expense-col-left { width: 100% !important; } .expense-col-right { width: 100% !important; } .income-row.income-header .income-cell ,.income-row .income-cell{ font-size: 12px !important; line-height: 1.2em !important; padding: 10px 28px !important; } .total .income-cell:last-child { font-size:16px !important; } .expense-table td,.expense-table th{ font-size:10px !important; } .nonmonthly-table .name-sub,.nonmonthly-table .name-main,.expense-table tr.total td{ font-size:10px !important; font-weight:500 !important; } .income-table-wrapper { border-radius: 20px !important; } } @media (min-width: 769px) and (max-width: 992px) {} @media (min-width: 621px) and (max-width: 675px) { } @media only screen and (min-width: 621px) { } @media only screen and (max-width: 620px) { } @media only screen and (max-width: 480px) { .fw-500-m h1{ font-weight:500 !important; } input#form-field-email::placeholder { font-size:15px; } .post-content h2 ,.post-content h3 { font-size:24px; padding-bottom:0px; } .post-content figure.wp-block-image.size-full { margin:12px 0px 30px 0 !important; } .cat-table th, .cat-table td,.adj-table th, .adj-table td{ padding: 12px 14px !important; } .cat-name,.adj-name ,.adj-table tr.grand td{ font-size: 14px !important; } .spend-card { padding:30px 20px !important; } } /* /-------------------------------------------/ */