/* Theme Name: etm-learn /******************************************************************************** --- ETMONEY Font Icons Packcage --- *********************************************************************************/ @font-face { font-family: 'etm-project-icons'; src: url(https://static.smartspends.com/static/fonts/etmoneyicon/etm-project-icon.woff2) format('woff2'), url('https://static.smartspends.com/static/fonts/etmoneyicon/etm-project-icon.woff?ypwox5') format('woff'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'etm-project-icons' !important; speak: never; font-size: inherit; color: inherit; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-thumbsup:before { content: "\e994"; } .icon-account-fill:before { content: "\e900"; } .icon-account:before { content: "\e901"; } .icon-add-circle:before { content: "\e902"; } .icon-add-document:before { content: "\e903"; } .icon-add:before { content: "\e904"; } .icon-android:before { content: "\e905"; color: #d89627; } .icon-announce:before { content: "\e906"; } .icon-annual-benefit:before { content: "\e907"; } .icon-arrow-back:before { content: "\e908"; } .icon-arrow-forward:before { content: "\e909"; } .icon-arrow-right-circle:before { content: "\e90a"; } .icon-average:before { content: "\e90b"; } .icon-bad:before { content: "\e90c"; } .icon-bank:before { content: "\e90d"; } .icon-best-fill:before { content: "\e90e"; } .icon-best:before { content: "\e90f"; } .icon-birthday:before { content: "\e910"; } .icon-bookmark:before { content: "\e911"; } .icon-calendar-date:before { content: "\e912"; } .icon-calendar:before { content: "\e913"; } .icon-call:before { content: "\e914"; } .icon-camera:before { content: "\e915"; } .icon-caret-back:before { content: "\e916"; } .icon-caret-dropdown:before { content: "\e917"; } .icon-caret-filled:before { content: "\e918"; } .icon-caret-forward:before { content: "\e919"; } .icon-caret-upward:before { content: "\e91a"; } .icon-cashback:before { content: "\e91b"; } .icon-category:before { content: "\e91c"; } .icon-certified-experts:before { content: "\e91d"; } .icon-chat:before { content: "\e91e"; } .icon-clock:before { content: "\e91f"; } .icon-close:before { content: "\e920"; } .icon-comment-chat:before { content: "\e921"; } .icon-compare:before { content: "\e922"; } .icon-compass:before { content: "\e923"; } .icon-copy:before { content: "\e924"; } .icon-credit-card:before { content: "\e925"; } .icon-crown:before { content: "\e926"; } .icon-customer-support:before { content: "\e927"; } .icon-diamond:before { content: "\e928"; } .icon-dining:before { content: "\e929"; } .icon-down-arrow:before { content: "\e92a"; } .icon-download:before { content: "\e92b"; } .icon-easy-pay:before { content: "\e92c"; } .icon-edit:before { content: "\e92d"; } .icon-equal:before { content: "\e92e"; } .icon-error-warning-fill:before { content: "\e92f"; } .icon-error-warning:before { content: "\e930"; } .icon-excellent:before { content: "\e931"; } .icon-expenses:before { content: "\e932"; } .icon-explore-2:before { content: "\e933"; } .icon-facebook-circle:before { content: "\e934"; color: #3477ea; } .icon-faq:before { content: "\e935"; } .icon-featured:before { content: "\e936"; } .icon-filter:before { content: "\e937"; } .icon-fixed-deposite:before { content: "\e938"; } .icon-folder:before { content: "\e939"; } .icon-forward:before { content: "\e93a"; } .icon-fuel-surcharge-waiver:before { content: "\e93b"; } .icon-gallery:before { content: "\e93c"; } .icon-gmail:before { content: "\e93d"; } .icon-good:before { content: "\e93e"; } .icon-hand-point:before { content: "\e93f"; } .icon-hashtag:before { content: "\e940"; } .icon-health-policy:before { content: "\e941"; } .icon-height:before { content: "\e942"; } .icon-home:before { content: "\e943"; } .icon-hospital:before { content: "\e944"; } .icon-idea:before { content: "\e945"; } .icon-info-fill:before { content: "\e946"; } .icon-info:before { content: "\e947"; } .icon-inprocess-fill:before { content: "\e948"; } .icon-inprocess:before { content: "\e949"; } .icon-instagram:before { content: "\e94a"; } .icon-insurance:before { content: "\e94b"; } .icon-investment:before { content: "\e94c"; } .icon-ios:before { content: "\e94d"; color: #d89627; } .icon-key:before { content: "\e94e"; } .icon-like-checked:before { content: "\e94f"; } .icon-like-heart:before { content: "\e950"; } .icon-linkedin-circle:before { content: "\e951"; color: #2a66bc; } .icon-linkedin:before { content: "\e952"; color: #2a66bc; } .icon-list:before { content: "\e953"; } .icon-loading-bar:before { content: "\e954"; } .icon-loading-rotation:before { content: "\e955"; } .icon-loan:before { content: "\e956"; } .icon-location:before { content: "\e957"; } .icon-lock:before { content: "\e958"; } .icon-lounge-access:before { content: "\e959"; } .icon-manage-expenses:before { content: "\e95a"; } .icon-menu:before { content: "\e95b"; } .icon-milestone-benefits:before { content: "\e95c"; } .icon-minus-circle:before { content: "\e95d"; } .icon-minus:before { content: "\e95e"; } .icon-more:before { content: "\e95f"; } .icon-movies:before { content: "\e960"; } .icon-notification:before { content: "\e961"; } .icon-nps:before { content: "\e962"; } .icon-offer-fill:before { content: "\e963"; } .icon-offer:before { content: "\e964"; } .icon-on-hold:before { content: "\e965"; } .icon-other-benefits:before { content: "\e966"; } .icon-payment-failed:before { content: "\e967"; } .icon-pdf-rejected:before { content: "\e968"; } .icon-pdf:before { content: "\e969"; } .icon-pending:before { content: "\e96a"; } .icon-play:before { content: "\e96b"; } .icon-policy-add-ons:before { content: "\e96c"; } .icon-policy-brochure:before { content: "\e96d"; } .icon-policy-holder:before { content: "\e96e"; } .icon-profile:before { content: "\e96f"; } .icon-question-mark:before { content: "\e970"; } .icon-rebalancing:before { content: "\e971"; } .icon-refer-fill:before { content: "\e972"; } .icon-refer:before { content: "\e973"; } .icon-refund:before { content: "\e974"; } .icon-reload:before { content: "\e975"; } .icon-remove-fill:before { content: "\e976"; } .icon-remove:before { content: "\e977"; } .icon-reward-points:before { content: "\e978"; } .icon-right-tick:before { content: "\e979"; } .icon-rupee:before { content: "\e97a"; } .icon-search:before { content: "\e97b"; } .icon-settings:before { content: "\e97c"; } .icon-share:before { content: "\e97d"; } .icon-shield-fill:before { content: "\e97e"; } .icon-shield:before { content: "\e97f"; } .icon-shopping:before { content: "\e980"; } .icon-sip:before { content: "\e981"; } .icon-skip:before { content: "\e982"; } .icon-sortby:before { content: "\e983"; } .icon-star:before { content: "\e984"; } .icon-step-1:before { content: "\e985"; } .icon-step-2:before { content: "\e986"; } .icon-Step-3:before { content: "\e987"; } .icon-steps-number-1:before { content: "\e988"; } .icon-steps-number-2:before { content: "\e989"; } .icon-steps-number-3:before { content: "\e98a"; } .icon-stocks:before { content: "\e98b"; } .icon-subscriber:before { content: "\e98c"; } .icon-sucess-fill:before { content: "\e98d"; } .icon-sucess-outline:before { content: "\e98e"; } .icon-superior-research:before { content: "\e98f"; } .icon-tag:before { content: "\e990"; } .icon-telegram-circle:before { content: "\e991"; color: #1da1f2; } .icon-telegram:before { content: "\e992"; color: #1da1f2; } .icon-thankyou:before { content: "\e993"; } .icon-track-bills:before { content: "\e995"; } .icon-transaction:before { content: "\e996"; } .icon-travel:before { content: "\e997"; } .icon-twitter-circle:before { content: "\e998"; color: #489be9; } .icon-twitter:before { content: "\e999"; color: #489be9; } .icon-up-arrow:before { content: "\e99a"; } .icon-updated:before { content: "\e99b"; } .icon-upload-file:before { content: "\e99c"; } .icon-upload:before { content: "\e99d"; } .icon-very-bad:before { content: "\e99e"; } .icon-video:before { content: "\e99f"; } .icon-warning-fill:before { content: "\e9a0"; } .icon-warning:before { content: "\e9a1"; } .icon-watchlist:before { content: "\e9a2"; } .icon-weight:before { content: "\e9a3"; } .icon-whatsapp-circle:before { content: "\e9a4"; color: #58bd54; } .icon-whatsapp:before { content: "\e9a5"; } .icon-youtube-circle:before { content: "\e9a6"; color: #ea3223; } .icon-youtube:before { content: "\e9a7"; } /* -------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------- */:root { --primary-black: #212426; --secondary-black: #2F3136; --white-color: #ffffff; --black-color: #000; --gray-color: #f1f1f1; --primary-green: #00B852; --hover-primary-green: #009E46; --blue-color: #3A8DEE; --violet-blue: #6880C8; --orange-color: #FC8400; --brown-color: #BA8B57; --red-color: #FF3B3B; --flash-red: #FA7676; --flash-green: #62E2BB; --flash-blue: #71B3FF; --bg-yellow: #FFF8E5; --bg-blue: #D4DFF7; --bg-violet: #FCF0FF; --bg-green: #F1FFF0; --bg-red: #FFF2F2; --black90:#222; --black60:#666; --black40:#9a9a9a; --black10:#DDD; --black3:#f9f8f3; --border-black5:var(--black10); --dark-baige: #EBEBD9; --alice-blue: #F4F7FF; --r5:#03D000; --r4:#7EEC00; --r3:#B6E616; --r2:#D8EE2B; --r1:#E8DB18; --green-color: var(--r5); --radius30:30px; } .wrapper { max-width: 1190px; margin: 0 auto; } html, body { border: none; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { border: none; font-size: inherit; line-height: inherit; margin: 0; padding: 0; text-align: inherit; } blockquote::before, blockquote::after { content: ""; } @media (max-width:1100px) { .wrapper { padding-left: 15px; padding-right: 15px; } } /* -------------------------------------------------------------------------- */ /* 1. Document Setup /* -------------------------------------------------------------------------- */ html { font-size: 62.5%; /* 1rem = 10px */ scroll-behavior: smooth; } @media (prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } } body { background: var(--black3); -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font-size: 1.8rem; text-align: left; -moz-osx-font-smoothing: grayscale; } @supports (font-variation-settings:normal) { body { font-family: proxima-nova-regular; } } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; -webkit-font-smoothing: antialiased; } /* Clearing ---------------------------------- */ .group::after, .entry-content::after { clear: both; content: ""; display: block; } /* Base Transitions -------------------------- */ a, path { -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } /* Screen Reader Text ------------------------ */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Skip Link --------------------------------- */ .skip-link { left: -9999rem; top: 2.5rem; z-index: 999999999; text-decoration: underline; } .skip-link:focus { display: block; left: 6px; top: 7px; font-size: 14px; font-weight: 600; text-decoration: none; line-height: normal; padding: 15px 23px 14px; z-index: 100000; right: auto; } /* Fonts ------------------------------------- */ /* * Chrome renders extra-wide characters for the Hoefler Text font. * This results in a jumping cursor when typing in both the classic editor and * block editor. The following font-face override fixes the issue by manually * inserting a custom font that includes just a Hoefler Text space replacement * for that character instead. */ @font-face { font-family: NonBreakingSpaceOverride; src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff"); } /* ---------------------------------------------- Inter variable font. Usage: @supports (font-variation-settings: normal) { html { font-family: 'Inter var', sans-serif; } } ---------------------------------------------- */ /* @font-face { font-family: "Inter var"; font-weight: 100 900; font-style: normal; font-display: swap; src: url(./assets/fonts/inter/Inter-upright-var.woff2) format("woff2"); } @font-face { font-family: "Inter var"; font-weight: 100 900; font-style: italic; font-display: swap; src: url(./assets/fonts/inter/Inter-italic-var.woff2) format("woff2"); } */ /* Accessibility Settings -------------------- */ @media (prefers-reduced-motion:reduce) { * { -webkit-animation-duration: 0s !important; animation-duration: 0s !important; -webkit-transition-duration: 0s !important; -o-transition-duration: 0s !important; transition-duration: 0s !important; } } /* -------------------------------------------------------------------------- */ /* 2. Element Base /* ---------------------------------------------*---------------------------- */ main { display: block; } h1, h2, h3, h4, h5, h6, .faux-heading { -webkit-font-feature-settings: "lnum"; font-feature-settings: "lnum"; font-variant-numeric: lining-nums; font-weight: 700; line-height: 1.25; margin: 3.5rem 0 2rem; } h1, .heading-size-1 { font-size: 3.6rem; font-weight: 800; line-height: 1.138888889; } h2, .heading-size-2 { font-size: 3.2rem; } h3, .heading-size-3 { font-size: 2.8rem; } h4, .heading-size-4 { font-size: 2.4rem; } h5, .heading-size-5 { font-size: 2.1rem; } h6, .heading-size-6 { font-size: 1.6rem; letter-spacing: 0.03125em; text-transform: uppercase; } p { line-height: 1.5; margin: 0 0 1em 0; } em, i, q, dfn { font-style: italic; } em em, em i, i em, i i, cite em, cite i { font-weight: bolder; } big { font-size: 1.2em; } small { font-size: 0.75em; } b, strong { font-weight: 700; } ins { text-decoration: underline; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } abbr, acronym { cursor: help; } address { line-height: 1.5; margin: 0 0 2rem 0; } hr { border-style: solid; border-width: 0.1rem 0 0 0; border-color: #dcd7ca; margin: 4rem 0; } .entry-content hr, hr.styled-separator { background: -o-linear-gradient(right, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); background-color: transparent !important; border: none; height: 0.1rem; overflow: visible; position: relative; } .entry-content hr:not(.has-background), hr.styled-separator { color: #6d6d6d; } .entry-content hr::before, .entry-content hr::after, hr.styled-separator::before, hr.styled-separator::after { background: currentColor; content: ""; display: block; height: 1.6rem; position: absolute; top: calc(50% - 0.8rem); -webkit-transform: rotate(22.5deg); -ms-transform: rotate(22.5deg); transform: rotate(22.5deg); width: 0.1rem; } .entry-content hr::before, hr.styled-separator::before { left: calc(50% - 0.5rem); } .entry-content hr::after, hr.styled-separator::after { right: calc(50% - 0.5rem); } a { color: var(--primary-green); text-decoration: none; } a:hover, a:focus { text-decoration: none; } /* Lists ------------------------------------- */ .reset-list-style, .reset-list-style ul, .reset-list-style ol { list-style: none; margin: 0; } .reset-list-style li { margin: 0; } dt, dd { line-height: 1.5; } dt { font-weight: 700; } dt + dd { margin-top: 0.5rem; } dd + dt { margin-top: 1.5rem; } /* Quotes ------------------------------------ */ blockquote { border-color: var(--primary-green); border-style: solid; /*rtl:ignore*/ border-width: 0 0 0 0.2rem; color: inherit; font-size: 1em; margin: 4rem 0; /*rtl:ignore*/ padding: 0.5rem 0 0.5rem 2rem; } cite { color: #6d6d6d; font-size: 1.4rem; font-style: normal; font-weight: 600; line-height: 1.25; } blockquote cite { display: block; margin: 2rem 0 0 0; } blockquote p:last-child { margin: 0; } /* Code -------------------------------------- */ code, kbd, pre, samp { font-family: monospace; font-size: 0.9em; padding: 0.4rem 0.6rem; } code, kbd, samp { background: rgba(0, 0, 0, 0.075); border-radius: 0.2rem; } pre { border: 0.1rem solid #dcd7ca; line-height: 1.5; margin: 4rem 0; overflow: auto; padding: 3rem 2rem; text-align: left; } pre code { background: transparent; padding: 0; } /* Media ------------------------------------- */ figure { display: block; margin: 0; } iframe { display: block; border-radius: 8px; } video { display: block; border-radius: 8px; } svg, img, embed, object { max-width: 100%; } figcaption, .wp-caption-text { color: #6d6d6d; display: block; font-size: 1.5rem; font-weight: 500; line-height: 1.2; margin-top: 1.5rem; } figcaption a, .wp-caption-text a { color: inherit; } blockquote.instagram-media, iframe.instagram-media { max-width: 540px !important; width: 100% !important; } .socialbites-entry-content { max-width: 540px !important; margin: 0px auto; } /* GALLERIES */ .gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 3em 0 3em -0.8em; width: calc(100% + 1.6em); } .gallery-item { margin: 0.8em 0; padding: 0 0.8em; width: 100%; } .gallery-caption { display: block; margin-top: 0.8em; } /* Inputs ------------------------------------ */ fieldset { border: 0.2rem solid #dcd7ca; padding: 2rem; } legend { font-size: 0.85em; font-weight: 700; padding: 0 1rem; } label { display: block; font-size: 1.6rem; font-weight: 400; margin: 0 0 0.5rem 0; } label.inline, input[type="checkbox"] + label { display: inline; font-weight: 400; margin-left: 0.5rem; } input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; position: relative; top: 2px; display: inline-block; margin: 0; width: 1.5rem; min-width: 1.5rem; height: 1.5rem; background: var(--white-color); border-radius: 0; border-style: solid; border-width: 0.1rem; border-color: #dcd7ca; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; } input[type="checkbox"]:checked::before {/* Use the "Yes" SVG Dashicon */ content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E"); position: absolute; display: inline-block; margin: -0.1875rem 0 0 -0.25rem; height: 1.75rem; width: 1.75rem; } input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button { line-height: 1; } @supports (font-variation-settings:normal) { input, textarea, button, .button, .faux-button, .faux-button.more-link, .wp-block-button__link, .wp-block-file__button { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } input, textarea { border-color: #dcd7ca; color: #000; } code, input[type="url"], input[type="email"], input[type="tel"] {/*rtl:ignore*/ direction: ltr; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea { -webkit-appearance: none; -moz-appearance: none; background: var(--white-color); border-radius: 0; border-style: solid; border-width: 0.1rem; -webkit-box-shadow: none; box-shadow: none; display: block; font-size: 1.6rem; letter-spacing: -0.015em; margin: 0; max-width: 100%; padding: 1.5rem 1.8rem; width: 100%; } input[type="number"] { padding-right: 0.5rem; } select { font-size: 1em; } textarea { height: 12rem; line-height: 1.5; width: 100%; } input::-webkit-input-placeholder { line-height: normal; } input:-ms-input-placeholder { line-height: normal; } input::-moz-placeholder { line-height: revert; /* Reset to the value from the user-agent stylesheet. */ } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; background: var(--primary-green); border: none; border-radius: 0; color: var(--white-color); cursor: pointer; display: inline-block; font-size: 1.5rem; line-height: 1.25; margin: 0; opacity: 1; padding: 1.1em 1.44em; text-align: center; text-decoration: none; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover { text-decoration: underline; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { border-color: currentColor; } input[type="search"]:focus { outline: none; outline-offset: -4px; } /* Tables ------------------------------------ */ table { border: 0.1rem solid #dcd7ca; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 1.6rem; margin: 4rem 0; max-width: 100%; overflow: hidden; width: 100%; } .alignleft > table { margin: 0; } .alignright > table { margin: 0; } th, td { border: 0.1rem solid #dcd7ca; line-height: 1.4; margin: 0; overflow: visible; padding: 0.5em; } caption { background: #dcd7ca; font-weight: 600; padding: 0.5em; text-align: center; } thead { vertical-align: bottom; white-space: nowrap; } th { font-weight: 700; } /* -------------------------------------------------------------------------- */ /* 3. Helper Classes /* -------------------------------------------------------------------------- */ /* Layout ------------------------------------ */ .no-margin { margin: 0; } .no-padding { padding: 0; } .screen-height { min-height: 100vh; } .admin-bar .screen-height { min-height: calc(100vh - 32px); } @media (max-width:782px) { .admin-bar .screen-height { min-height: calc(100vh - 46px); } } .screen-width { position: relative; left: calc(50% - 50vw); width: 100vw; } /* Sections ---------------------------------- */ .section-inner { margin-left: auto; margin-right: auto; max-width: 120rem; width: 100%; } .section-inner.max-percentage { width: 100%; } .section-inner.thin { max-width: 58rem; } .section-inner.small { max-width: 80rem; } /* .section-inner.medium { max-width: 100rem; } */ .section-inner.no-margin { margin: 0; } /* Toggles ----------------------------------- */ .toggle { -moz-appearance: none; -webkit-appearance: none; color: inherit; cursor: pointer; font-family: inherit; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; text-align: inherit; user-select: none; } button.toggle { background: none; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; font-size: inherit; font-weight: 400; letter-spacing: inherit; padding: 0; text-transform: none; } /* Hiding and Showing ------------------------ */ .js .show-js { display: block !important; } .js .hide-js { display: none !important; } .no-js .show-no-js { display: block !important; } .no-js .hide-no-js { display: none !important; } /* Typography -------------------------------- */ .font-size-xl { font-size: 1.25em; } .font-size-xs { font-size: 0.8em; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Colors ------------------------------------ */ /* COLOR */ .color-accent, .color-accent-hover:focus, .color-accent-hover:hover { color: var(--primary-green); } /* BACKGROUND COLOR */ .bg-accent, .bg-accent-hover:focus, .bg-accent-hover:hover { background-color: var(--primary-green); } /* BORDER COLOR */ .border-color-accent, .border-color-accent-hover:focus, .border-color-accent-hover:hover { border-color: var(--primary-green); } /* FILL COLOR */ .fill-children-accent, .fill-children-accent * { fill: var(--primary-green); } .fill-children-current-color, .fill-children-current-color * { fill: currentColor; } /* Opacity ----------------------------------- */ .opacity-0 { opacity: 0; } .opacity-5 { opacity: 0.05; } .opacity-10 { opacity: 0.1; } .opacity-15 { opacity: 0.15; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-35 { opacity: 0.35; } .opacity-40 { opacity: 0.4; } .opacity-45 { opacity: 0.45; } .opacity-50 { opacity: 0.5; } .opacity-55 { opacity: 0.55; } .opacity-60 { opacity: 0.6; } .opacity-65 { opacity: 0.65; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-85 { opacity: 0.85; } .opacity-90 { opacity: 0.9; } .blend-mode-exclusion { mix-blend-mode: exclusion; } .blend-mode-hue { mix-blend-mode: hue; } .blend-mode-saturation { mix-blend-mode: saturation; } .blend-mode-color { mix-blend-mode: color; } .blend-mode-luminosity { mix-blend-mode: luminosity; } /* Image Classes ----------------------------- */ .bg-image { background-position: center; background-repeat: no-repeat; background-size: cover; } .bg-attachment-fixed { background-attachment: fixed; } @supports (-webkit-overflow-scrolling:touch) { .bg-attachment-fixed { background-attachment: scroll; } } @media (prefers-reduced-motion:reduce) { .bg-attachment-fixed { background-attachment: scroll; } } .wp-block-image.is-resized { margin-left: auto; margin-right: auto; } /* Search Form ------------------------------- */ .search-form { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .search-form .search-field, .search-form .search-submit { } .search-form label { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: inherit; margin: 0; width: 100%; } .search-form .search-field { width: 100%; } .search-form .search-submit { -ms-flex-negative: 0; flex-shrink: 0; } .search-form .search-submit:focus, .search-form .search-submit:hover { text-decoration: none; } /* Social Icons ------------------------------ */ ul.social-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -0.9rem 0 0 -0.9rem; width: calc(100% + 0.9rem); } ul.social-icons li { margin: 0.9rem 0 0 0.9rem; } .social-icons a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--primary-green); border-radius: 50%; color: var(--white-color); display: -webkit-box; display: -ms-flexbox; display: flex; height: 4.4rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; text-decoration: none; -webkit-transition: -webkit-transform 0.15s ease-in-out; transition: -webkit-transform 0.15s ease-in-out; -o-transition: transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; width: 4.4rem; } .social-icons a:focus, .social-icons a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); text-decoration: none; } /* Cover Modals ------------------------------ */ .cover-modal { display: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .cover-modal::-webkit-scrollbar { display: none !important; } .cover-modal.show-modal { display: block; cursor: pointer; } .cover-modal.show-modal > * { cursor: default; } /* -------------------------------------------------------------------------- */ /* 4. Site Header /* -------------------------------------------------------------------------- */ #site-header { position: relative; transition: .3s; } .header-inner { max-width: 168rem; padding: 3.15rem 0; z-index: 100; } /* Header Titles ----------------------------- */ .header-titles-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; text-align: center; } body:not(.enable-search-modal) .header-titles-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 0; text-align: left; } .site-title, .site-logo, .site-description { margin: 0; } .site-title { font-size: 2.1rem; font-weight: 600; line-height: 1; } .site-title a { color: inherit; display: block; text-decoration: none; } .site-title a:hover, .site-title a:focus { text-decoration: underline; } .site-description { margin-top: 1rem; color: #6d6d6d; font-size: 1.8rem; font-weight: 500; display: none; letter-spacing: -0.0311em; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } .site-logo a, .site-logo img { display: block; } .header-titles .site-logo .site-logo { margin: 0; } .site-logo img { max-height: 6rem; margin: 0 auto; width: auto; } body:not(.enable-search-modal) .site-logo img { margin: 0; } @media(min-width:768px) and (max-width:767px) { .header-titles { margin: 0 10px 0 0; } } @media(min-width:768px) and (max-width:767px) { .header-titles { margin: 0 10px 0 0; } } /* Overlay Header ---------------------------- */ .overlay-header #site-header { background: transparent; margin: 0; position: absolute; left: 0; right: 0; top: 0; z-index: 2; } .overlay-header .header-inner { color: var(--white-color); } .overlay-header .site-description, .overlay-header .toggle { color: inherit; } .overlay-header .header-inner .toggle-wrapper::before { background-color: currentColor; opacity: 0.25; } .admin-bar.overlay-header #site-header { top: 32px; } @media (max-width:782px) { .admin-bar.overlay-header #site-header { top: 46px; } } /* Header Navigation ------------------------- */ /*.header-navigation-wrapper { display: none; }*/ /* Header Toggles ---------------------------- */ .header-toggles { display: none; } .header-inner .toggle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: visible; padding: 0 2rem; } .header-inner .toggle svg { display: block; position: relative; z-index: 1; } .header-inner .toggle path { fill: currentColor; } .toggle-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.3rem; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .toggle-icon { display: block; overflow: hidden; } .toggle-inner .toggle-text { color: #6d6d6d; font-size: 1rem; font-weight: 600; top: calc(100% + 0.5rem); width: auto; white-space: nowrap; word-break: break-all; } .overlay-header .toggle-text { color: inherit; } .header-inner .toggle:focus .toggle-text, .header-inner .toggle:hover .toggle-text { text-decoration: underline; } @media (max-width:782px) { .header-inner .toggle { padding: 0; } .header-inner .toggle.mobile-search-toggle { display: none; } .header-titles-wrapper { padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 56px; padding: 10px 0; } } /* Search Toggle ----------------------------- */ .search-toggle { bottom: 0; left: 0; top: 0; } .search-toggle .toggle-icon, .search-toggle svg { height: 2.5rem; max-width: 2.3rem; width: 2.3rem; } /* Navigation Toggle ------------------------- */ .nav-toggle { position: absolute; bottom: 0; right: 0; top: 0; width: 6.6rem; } .nav-toggle .toggle-icon, .nav-toggle svg { height: 0.8rem; width: 2.6rem; } .nav-toggle .toggle-inner { padding-top: 0.8rem; } /* Primary Menu ---------------------------- */ .primary-menu-wrapper { display: none; } ul.primary-menu { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.0277em; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: -0.8rem 0 0 -1.6rem; } .primary-menu .icon { display: block; height: 0.7rem; position: absolute; pointer-events: none; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 1.3rem; } .primary-menu .icon::before, .primary-menu .icon::after { content: ""; display: block; background-color: currentColor; position: absolute; bottom: calc(50% - 0.1rem); left: 0; } .primary-menu .icon::before { height: 0.9rem; width: 0.2rem; } .primary-menu .icon::after { height: 0.2rem; width: 0.9rem; } .primary-menu li { font-size: inherit; line-height: 1.25; } .primary-menu > li { margin: 0.8rem 0 0 1.6rem; } .primary-menu > li.menu-item-has-children > a { padding-right: 2rem; } .primary-menu > li > .icon { right: -0.5rem; top: calc(50% - 0.4rem); } .primary-menu a { color: inherit; display: block; line-height: 1.2; text-decoration: none; word-break: normal; word-wrap: normal; } .primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor { text-decoration: underline; } .primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a { text-decoration: underline; } .primary-menu li.current-menu-item > a:hover, .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, .primary-menu li.current-menu-item > a:focus, .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus { text-decoration: none; } /* SUB MENU */ .primary-menu ul { background: var(--black90); border-radius: 0.4rem; color: var(--white-color); font-size: 1.7rem; opacity: 0; padding: 1rem 0; position: absolute; right: 9999rem; top: calc(100% + 2rem); -webkit-transition: opacity 0.15s linear, right 0s 0.15s, -webkit-transform 0.15s linear; transition: opacity 0.15s linear, right 0s 0.15s, -webkit-transform 0.15s linear; -o-transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s, -webkit-transform 0.15s linear; -webkit-transform: translateY(0.6rem); -ms-transform: translateY(0.6rem); transform: translateY(0.6rem); width: 20rem; z-index: 1; } .primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul { right: 0; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.15s linear, -webkit-transform 0.15s linear; transition: opacity 0.15s linear, -webkit-transform 0.15s linear; -o-transition: opacity 0.15s linear, transform 0.15s linear; transition: opacity 0.15s linear, transform 0.15s linear; transition: opacity 0.15s linear, transform 0.15s linear, -webkit-transform 0.15s linear; } .primary-menu ul::before, .primary-menu ul::after { content: ""; display: block; position: absolute; bottom: 100%; } .primary-menu ul::before { height: 2rem; left: 0; right: 0; } .primary-menu ul::after { border: 0.8rem solid transparent; border-bottom-color: var(--black90); right: 1.8rem; } .primary-menu ul a { background: transparent; border: none; color: inherit; display: block; padding: 1rem 2rem; -webkit-transition: background-color 0.15s linear; -o-transition: background-color 0.15s linear; transition: background-color 0.15s linear; width: 100%; } .primary-menu ul li.menu-item-has-children > a { padding-right: 4.5rem; } .primary-menu ul li.menu-item-has-children .icon { position: absolute; right: 1.5rem; top: calc(50% - 0.5rem); } /* DEEP DOWN */ .primary-menu ul ul { top: -1rem; } .primary-menu ul li.menu-item-has-children:hover > ul, .primary-menu ul li.menu-item-has-children:focus > ul, .primary-menu ul li.menu-item-has-children.focus > ul { right: calc(100% + 2rem); } .primary-menu ul ul::before { bottom: 0; height: auto; left: auto; right: -2rem; top: 0; width: 2rem; } .primary-menu ul ul::after { border-bottom-color: transparent; /*rtl:ignore*/ border-left-color: var(--black90); bottom: auto; right: -1.6rem; top: 2rem; } .rtl .primary-menu ul ul::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* * Enable nav submenu expansion with tapping on arrows on large-viewport * touch interfaces (e.g. tablets or laptops with touch screens). * These rules are supported by all browsers (>IE11) and when JS is disabled. */ @media (any-pointer:coarse) { .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset; } } /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ body.touch-enabled .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } body.touch-enabled .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset; } /* -------------------------------------------------------------------------- */ /* 5. Menu Modal /* -------------------------------------------------------------------------- */ .menu-modal { background: var(--white-color); display: none; opacity: 0; overflow-y: auto; overflow-x: hidden; position: fixed; bottom: 0; left: -99999rem; right: 99999rem; top: 0; -webkit-transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; -o-transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; z-index: 99; } .admin-bar .menu-modal { top: 32px; } @media (max-width:782px) { .admin-bar .menu-modal { top: 46px; } } .menu-modal.show-modal { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-modal.active { left: 0; opacity: 1; right: 0; -webkit-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .menu-modal-inner { background: var(--white-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; overflow: auto; -ms-overflow-style: auto; width: 100%; } .menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } button.close-nav-toggle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.6rem; font-weight: 500; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 3.1rem 0; width: 100%; } button.close-nav-toggle svg { height: 1.6rem; width: 1.6rem; } button.close-nav-toggle .toggle-text { margin-right: 1.6rem; } .menu-modal .menu-top { -ms-flex-negative: 0; flex-shrink: 0; } /* Main Menu --------------------------------- */ .modal-menu { position: relative; left: calc(50% - 50vw); width: 100vw; } .modal-menu li { border-color: #dedfdf; border-style: solid; border-width: 0.1rem 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size: 2rem; font-weight: 700; letter-spacing: -0.0375em; } .modal-menu > li:last-child { border-bottom-width: 0.1rem; } .modal-menu .ancestor-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .modal-menu a { display: block; padding: 2rem 2.5rem; text-decoration: none; width: 100%; } .modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { text-decoration: underline; } button.sub-menu-toggle { border-left: 0.1rem solid #dedfdf; -ms-flex-negative: 0; flex-shrink: 0; margin: 1rem 0; padding: 0 2.5rem; } button.sub-menu-toggle svg { height: 0.9rem; -webkit-transition: -webkit-transform 0.15s linear; transition: -webkit-transform 0.15s linear; -o-transition: transform 0.15s linear; transition: transform 0.15s linear; transition: transform 0.15s linear, -webkit-transform 0.15s linear; width: 1.5rem; } button.sub-menu-toggle.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .modal-menu ul { display: none; margin: 0; width: 100%; } .modal-menu ul li { border-left-width: 1rem; } .modal-menu ul li a { color: inherit; font-weight: 500; } /* Main menu animation ----------------------- */ .menu-wrapper .menu-item { position: relative; } .menu-wrapper .active { display: block; } .menu-wrapper.is-toggling { pointer-events: none; } .menu-wrapper.is-toggling .menu-item { position: absolute; top: 0; left: 0; margin: 0; width: 100%; } .menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item { width: auto; } .menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target { -webkit-transition-duration: 250ms; -o-transition-duration: 250ms; transition-duration: 250ms; } .menu-wrapper.is-animating .menu-item { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .menu-wrapper.is-toggling .toggling-target { display: block; position: absolute; top: 0; left: 0; opacity: 1; } .menu-wrapper.is-toggling .toggling-target.active { opacity: 0; } .menu-wrapper.is-animating.is-toggling .toggling-target { display: block; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; opacity: 0; } .menu-wrapper.is-animating.is-toggling .toggling-target.active { opacity: 1; } .menu-wrapper.is-toggling .modal-menu > li:last-child li { border-top-color: transparent; border-bottom-width: 0.1rem; } @media (prefers-reduced-motion:reduce) { .menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target { -webkit-transition-duration: 1ms !important; -o-transition-duration: 1ms !important; transition-duration: 1ms !important; } } /* Expanded Menu ----------------------------- */ .expanded-menu { display: none; } .mobile-menu { display: block; } /* Menu Bottom ------------------------------- */ .menu-bottom { -ms-flex-negative: 0; flex-shrink: 0; padding: 4rem 0; } .menu-bottom nav { width: 100%; } .menu-copyright { display: none; font-size: 1.6rem; font-weight: 500; margin: 0; } .menu-copyright a:focus, .menu-copyright a:hover { text-decoration: underline; } .menu-bottom .social-menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* -------------------------------------------------------------------------- */ /* 6. Search Modal /* -------------------------------------------------------------------------- */ .search-modal { display: none; opacity: 0; position: absolute; bottom: 0; right: 0; top: -7px; -webkit-transition: opacity 0.2s linear, left 0s 0.2s linear; -o-transition: opacity 0.2s linear, left 0s 0.2s linear; transition: opacity 0.2s linear, left 0s 0.2s linear; z-index: 999; width: 419px; height: 56px; border: 1px solid var(--primary-green); border-radius: 6px; } .admin-bar .search-modal.active { top: 0; } @media (max-width:782px) { .admin-bar .search-modal.active { top: 46px; } } .search-modal-inner { background: var(--white-color); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.15s linear, -webkit-box-shadow 0.15s linear; transition: -webkit-transform 0.15s linear, -webkit-box-shadow 0.15s linear; -o-transition: transform 0.15s linear, box-shadow 0.15s linear; transition: transform 0.15s linear, box-shadow 0.15s linear; transition: transform 0.15s linear, box-shadow 0.15s linear, -webkit-transform 0.15s linear, -webkit-box-shadow 0.15s linear; } .search-modal-inner .section-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 168rem; } .search-modal.active { opacity: 1; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .search-modal.active .search-modal-inner {/* box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08); */ -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.25s ease-in-out, -webkit-box-shadow 0.1s 0.25s linear; transition: -webkit-transform 0.25s ease-in-out, -webkit-box-shadow 0.1s 0.25s linear; -o-transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear; transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear; transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear, -webkit-transform 0.25s ease-in-out, -webkit-box-shadow 0.1s 0.25s linear; border-radius: 6px; } button.search-untoggle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 15px; padding: 0 2.5rem; } .search-modal button.search-untoggle { color: inherit; } .search-modal.active .search-untoggle { -webkit-animation: popIn both 0.3s 0.2s; animation: popIn both 0.3s 0.2s; } .search-untoggle svg { height: 1.5rem; -webkit-transition: -webkit-transform 0.15s ease-in-out; transition: -webkit-transform 0.15s ease-in-out; -o-transition: transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; width: 1.5rem; } .search-untoggle:focus svg, .search-untoggle:hover svg { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } /* Modal Search Form ------------------------- */ .search-modal form { margin: 0; position: relative; width: 100%; } .search-modal .search-field { background: none; border: none; border-radius: 0; color: var(--black40); font-size: 18px; line-height: 22px; letter-spacing: -0.0277em; height: 8.4rem; margin: 0; padding: 0 0 0 2rem; font-family: cabinet-grotesk-bold; font-weight: normal; } .search-modal .search-field::-webkit-input-placeholder { color: inherit; } .search-modal .search-field:-ms-input-placeholder { color: inherit; } .search-modal .search-field::-moz-placeholder { color: inherit; line-height: 4; } .search-modal .search-submit { position: absolute; right: -9999rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .search-modal .search-submit:focus { right: 0; } /* -------------------------------------------------------------------------- */ /* 7a. Template: Cover Template /* -------------------------------------------------------------------------- */ .cover-header { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .cover-header-inner-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } .cover-header-inner { padding: 10rem 0 5rem 0; width: 100%; } .cover-color-overlay, .cover-color-overlay::before { position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .cover-color-overlay::before { background: currentColor; content: ""; display: block; } .cover-header .entry-header { position: relative; width: 100%; z-index: 1; } .cover-header .entry-header * { color: var(--white-color); } body.template-cover .entry-header { background: transparent; padding: 0; } .cover-header h1, .cover-header h2, .cover-header h3, .cover-header h4, .cover-header h5, .cover-header h6, .cover-header .faux-heading { color: inherit; } .cover-header .entry-header a { color: inherit; } /* To The Content ---------------------------- */ .to-the-content-wrapper { position: absolute; left: 0; right: 0; top: calc(100% + 0.5rem); } .to-the-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 4rem; text-decoration: none; } .to-the-content svg { height: 2rem; -webkit-transition: -webkit-transform 0.15s linear; transition: -webkit-transform 0.15s linear; -o-transition: transform 0.15s linear; transition: transform 0.15s linear; transition: transform 0.15s linear, -webkit-transform 0.15s linear; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width: 1.767rem; } .to-the-content:focus svg, .to-the-content:hover svg { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); } /* -------------------------------------------------------------------------- */ /* 7c. Template: Full Width /* -------------------------------------------------------------------------- */ body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 120rem; } body.template-full-width .entry-content .alignleft, body.template-full-width .entry-content .alignright { position: static; } body.template-full-width .entry-content .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft {/*rtl:ignore*/ margin-left: 0; position: static; } body.template-full-width .entry-content > .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {/*rtl:ignore*/ margin-left: 2rem; position: static; } body.template-full-width .entry-content .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright {/*rtl:ignore*/ margin-right: 0; position: static; } body.template-full-width .entry-content > .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {/*rtl:ignore*/ margin-right: 2rem; position: static; } /* -------------------------------------------------------------------------- */ /* 8. Post: Archive /* -------------------------------------------------------------------------- */ /* Archive Header ---------------------------- */ .archive-header { background-color: var(--white-color); padding: 4rem 0; } .reduced-spacing .archive-header { padding-bottom: 2rem; } .archive-title { font-size: 2.4rem; font-weight: 700; letter-spacing: -0.026666667em; margin: 0; } .archive-subtitle p:last-child { margin-bottom: 0; } /* Posts ------------------------------------- */ body:not(.singular) main > article:first-of-type { padding: 4rem 0 0; } /* Search Results ---------------------------- */ .no-search-results-form { padding-top: 5px; } /* -------------------------------------------------------------------------- */ /* 9. Post: Single /* -------------------------------------------------------------------------- */ /* Post Header ------------------------------- */ .singular .entry-header { background-color: var(--white-color); margin: 0 0 30px; } .entry-categories { line-height: 1.25; margin-bottom: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .entry-categories-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .entry-categories-inner .post-categories li { display: inline-block; } .postListing .entry-categories a { margin-bottom: 10px; } .entry-categories a { font-size: 14px; line-height: 20px; margin: 0 10px 0 0; text-decoration: none; background: rgba(217, 217, 217, .3); border-radius: 4px; padding: 4px 10px; color: var(--black90) !important; display: inline-block; } .entry-categories a:focus, .entry-categories a:hover { background: rgba(217, 217, 217, .8); text-decoration: none !important; } h1.entry-title, h2.entry-title { margin: 0; } .entry-title a { color: inherit; text-decoration: none; } .entry-title a:focus, .entry-title a:hover { text-decoration: underline; } .intro-text { margin-top: 2rem; } .singular .intro-text { font-size: 2rem; letter-spacing: -0.0315em; line-height: 1.4; } /* POST META */ .post-meta-wrapper { margin-top: 2rem; margin-right: auto; margin-left: auto; width: 100%; } .post-meta { color: #6d6d6d; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.5rem; font-weight: 500; list-style: none; } .post-meta li { -ms-flex-negative: 0; flex-shrink: 0; margin: 1rem 0 0 2rem; } .post-meta a { color: inherit; text-decoration: none; } .post-meta a:focus, .post-meta a:hover { text-decoration: underline; } .post-meta .meta-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .post-meta .meta-icon { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 1rem; display: none; } .sticky .post-sticky { color: inherit; } .post-meta .post-author .meta-icon svg { width: 1.6rem; height: 1.8rem; } .post-meta .post-categories .meta-icon svg { width: 1.8rem; height: 1.7rem; } .post-meta .post-comment-link .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta .post-date .meta-icon svg { width: 1.7rem; height: 1.8rem; } .post-meta .post-edit .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta .post-sticky .meta-icon svg { width: 1.5rem; height: 1.8rem; } .post-meta .post-tags .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta svg * { fill: currentColor; } /* Featured Media ---------------------------- */ .featured-media { position: relative; } .singular .featured-media { margin-top: 0; margin-bottom: 56px; } .singular .featured-media-inner { position: relative; left: 0; width: 100%; } .singular .featured-media::before { background: var(--white-color); /* content: ""; */ display: block; position: absolute; bottom: 50%; left: 0; right: 0; top: 0; } .featured-media img { margin: 0 auto; vertical-align: top; width: 100%; border-radius: 8px; height: auto;} .featured-media figcaption { margin: 1.5rem auto 0 auto; text-align: center; width: calc(100% - 5rem); } .reduced-spacing.missing-post-thumbnail .post-inner { padding-top: 0; } @media (max-width:767px) { .singular .entry-header { margin: 0 0 20px; } .singular .featured-media { margin-bottom: 48px; } .archive-title { font-size: 18px; line-height: 22px; } } /* POST NAV LINKS */ .post-nav-links { border-radius: 0.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.9em; font-weight: 600; line-height: 1; margin: 3em auto 0 auto; padding: 0; width: calc(100% - 4rem); max-width: 58rem; } .post-nav-links > span.label { padding: 1em 0; } .post-nav-links > * { padding: 1em 0.75em; } /* POST META BOTTOM */ .post-meta-wrapper.post-meta-single-bottom { margin-top: 3rem; } /* Author Bio -------------------------------- */ .author-bio { margin-top: 4rem; margin-right: auto; margin-left: auto; max-width: 58rem; width: 100%; } .hide-avatars .author-bio { padding-left: 0; } .author-bio .author-title-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 1rem 0; } .author-bio .avatar { border-radius: 50%; margin-right: 1.5rem; height: 5rem; width: 5rem; } .hide-avatars img.avatar { display: none; } .author-bio p:last-child { margin-bottom: 0; } .author-bio .author-title { margin: 0; } .author-bio .author-link { display: block; font-size: 1.6rem; font-weight: 600; margin-top: 1em; text-decoration: none; } .author-bio .author-link:focus, .author-bio .author-link:hover { text-decoration: underline; } /* Single Pagination ------------------------- */ .pagination-single { font-size: 1.8rem; margin-top: 5rem; } .pagination-single-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pagination-single hr:first-child { margin: 0 0 2.8rem 0; } .pagination-single hr:last-child { margin: 2.8rem 0 0.8rem 0; } .pagination-single a { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 600; letter-spacing: -0.0275em; text-decoration: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pagination-single a + a { margin-top: 1rem; } .pagination-single a .arrow { margin-right: 1rem; } .pagination-single a:focus .title, .pagination-single a:hover .title { text-decoration: underline; } /* -------------------------------------------------------------------------- */ /* 10. Blocks /* -------------------------------------------------------------------------- */ /* Block Colors ------------------------------ */ .has-text-color a { color: inherit; } /* CUSTOM COLORS */ :root .has-accent-color { color: var(--primary-green); } :root .has-accent-background-color { background-color: var(--primary-green); color: var(--white-color); } :root .has-primary-color { color: #000; } :root .has-primary-background-color { background-color: #000; color: #f5efe0; } :root .has-secondary-color { color: #6d6d6d; } :root .has-secondary-background-color { background-color: #6d6d6d; color: var(--white-color); } :root .has-subtle-background-color { color: #dcd7ca; } :root .has-subtle-background-background-color { background-color: #dcd7ca; color: #000; } :root .has-background-color { color: #f5efe0; } :root .has-background-background-color { background-color: #f5efe0; color: #000; } /* Block Typography Classes ------------------ */ .has-text-align-left {/*rtl:ignore*/ text-align: left; } .has-text-align-center { text-align: center; } .has-text-align-right { text-align: right; } .has-drop-cap:not(:focus)::first-letter { color: var(--primary-green); font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; font-size: 5.1em; font-weight: 800; margin: 0.05em 0.1em 0 0; } .has-drop-cap:not(:focus)::first-letter::after { content: ""; display: table; clear: both; } .has-drop-cap:not(:focus)::after { padding: 0; } /* Block Font Families ----------------------- */ .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } @supports (font-variation-settings:normal) { .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-latest-posts, .entry-content .wp-block-latest-comments, .entry-content .wp-block-cover-image p, .entry-content .wp-block-pullquote { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } /* Block Font Sizes -------------------------- */ .entry-content .has-small-font-size { font-size: 0.842em; } .entry-content .has-normal-font-size, .entry-content .has-regular-font-size { font-size: 1em; } .entry-content .has-medium-font-size { font-size: 1.1em; line-height: 1.45; } .entry-content .has-large-font-size { font-size: 1.25em; line-height: 1.4; } .entry-content .has-larger-font-size { font-size: 1.5em; line-height: 1.3; } /* Block: Base Margins ----------------------- */ *[class*="_inner-container"] > *:first-child { margin-top: 0; } *[class*="_inner-container"] > *:last-child { margin-bottom: 0; } .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) { margin-bottom: 3rem; margin-top: 3rem; } /* Block: Shared Nesting Alignment Resets ---- */ [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright), [class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; max-width: 58rem; } /* Block: Shared Widget Styles --------------- */ .wp-block-archives, .wp-block-categories, .wp-block-latest-posts, .wp-block-latest-comments { list-style: none; margin-left: 0; } .wp-block-archives ul, .wp-block-categories ul, .wp-block-latest-posts ul, .wp-block-latest-comments ul { list-style: none; } .entry-content .wp-block-archives > li, .entry-content .wp-block-categories > li, .entry-content .wp-block-latest-posts > li, .entry-content .wp-block-latest-comment > li { margin-left: 0; } .entry-content .wp-block-archives > li:last-child, .entry-content .wp-block-categories > li:last-child, .entry-content .wp-block-latest-posts > li:last-child, .entry-content .wp-block-latest-comment > li:last-child { margin-bottom: 0; } .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments * { font-family: inherit; } .entry-content .wp-block-archives li, .entry-content .wp-block-categories li, .entry-content .wp-block-latest-posts li { color: #6d6d6d; } .wp-block-archives a, .wp-block-categories a, .wp-block-latest-posts a, .wp-block-latest-comments a { font-weight: 700; text-decoration: none; } .wp-block-archives a:hover, .wp-block-categories a:hover, .wp-block-latest-posts a:hover, .wp-block-latest-comments a:hover, .wp-block-archives a:focus, .wp-block-categories a:focus, .wp-block-latest-posts a:focus, .wp-block-latest-comments a:focus { text-decoration: underline; } .wp-block-latest-posts a, .wp-block-latest-comments__comment-meta { font-weight: 700; letter-spacing: -0.025em; line-height: 1.25; } .wp-block-latest-comments__comment-date, .wp-block-latest-posts__post-date { color: #6d6d6d; font-size: 0.7em; font-weight: 600; letter-spacing: normal; margin-top: 0.15em; } /* Block: Shared Media Styles ---------------- */ .wp-block-embed figcaption, .wp-block-image figcaption { color: #6d6d6d; font-size: 1.4rem; margin-bottom: 0; margin-top: 1.5rem; } /* Block: Audio ------------------------------ */ .wp-block-audio audio { width: 100%; } /* Block: Button ----------------------------- */ .wp-block-button { margin: 3rem 0; } .wp-block-button.is-style-outline { color: var(--primary-green); } .is-style-outline .wp-block-button__link:not(.has-text-color) { color: inherit; } .is-style-outline .wp-block-button__link { padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem); } /* Block: Columns ---------------------------- */ .wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns { padding-left: 2rem; padding-right: 2rem; } .wp-block-column { margin-bottom: 3.2rem; } .wp-block-column > *:first-child { margin-top: 0; } .wp-block-column > *:last-child { margin-bottom: 0; } /* Block: Cover ------------------------------ */ .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 4rem); padding: 2rem 0; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 { max-width: 100%; padding: 0; } .wp-block-cover-image h2, .wp-block-cover h2 { font-size: 3.2rem; } /* Block: Embed ------------------------------ */ /* Block: File ------------------------------- */ .wp-block-file { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wp-block-file a:not(.wp-block-file__button) { font-weight: 700; text-decoration: none; } .wp-block-file a:not(.wp-block-file__button):not(:last-child) { margin-right: 1rem; } .wp-block-file a:not(.wp-block-file__button):focus, .wp-block-file a:not(.wp-block-file__button):hover { text-decoration: underline; } .wp-block-file .wp-block-file__button { font-size: 1.5rem; padding: 1em 1.25em; } .wp-block-file a.wp-block-file__button:visited { opacity: 1; } .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover { opacity: 1; text-decoration: underline; } /* Block: Gallery ---------------------------- */ .wp-block-gallery ul { list-style: none; margin: 0 0 -1.6rem 0; } figure.wp-block-gallery.alignnone, figure.wp-block-gallery.aligncenter { margin-bottom: 3rem; margin-top: 3rem; } figure.wp-block-gallery.alignleft { margin: 0.3rem 2rem 2rem 0; } figure.wp-block-gallery.alignright { margin: 0.3rem 0 2rem 2rem; } figure.wp-block-gallery.alignwide { margin-bottom: 4rem; margin-top: 4rem; } figure.wp-block-gallery.alignfull { margin-bottom: 5rem; margin-top: 5rem; } /* Block: Group ------------------------------ */ .wp-block-group.has-background { padding: 2rem; margin-bottom: 0; margin-top: 0; } .wp-block-group__inner-container { margin: 0 auto; } .wp-block-group__inner-container, .entry-content .wp-block-group p { max-width: 100%; } .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 2rem; padding-right: 2rem; } /* Block: Image ------------------------------ */ /* Block: Media And Text --------------------- */ .wp-block-media-text .wp-block-media-text__content { padding: 3rem 2rem; } .wp-block-media-text .wp-block-media-text__content p { max-width: none; } .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text__content > *:last-child { margin-bottom: 0; } /* Block: Pullquote -------------------------- */ /* STYLE: DEFAULT */ .wp-block-pullquote { padding: 0; position: relative; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: calc(100% - 4rem); } .wp-block-pullquote::before { background: var(--white-color); border-radius: 50%; color: var(--primary-green); content: "”"; display: block; font-size: 6.2rem; font-weight: 500; line-height: 1.2; margin: 0 auto 1.5rem auto; text-align: center; height: 4.4rem; width: 4.4rem; } .reduced-spacing .wp-block-pullquote::before { border: 0.1rem solid currentColor; font-size: 5.9rem; } .wp-block-pullquote blockquote { border: none; margin: 0; padding: 0; } .wp-block-pullquote blockquote p { font-family: inherit; font-size: 2.8rem; font-weight: 700; line-height: 1.178571429; letter-spacing: -0.041785714em; max-width: 100%; } .wp-block-pullquote cite { color: #6d6d6d; font-size: 1.6rem; font-weight: 500; margin-top: 1.2rem; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 2.8rem; } .wp-block-pullquote.alignleft { text-align: left; } .wp-block-pullquote.alignright { text-align: right; } .wp-block-pullquote.alignleft::before { margin-left: 0; } .wp-block-pullquote.alignright::before { margin-right: 0; } /* STYLE: SOLID BACKGROUND COLOR */ .wp-block-pullquote.is-style-solid-color { padding: 3rem 2rem; } .wp-block-pullquote.is-style-solid-color::before { position: absolute; top: 0; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .wp-block-pullquote.is-style-solid-color.alignleft::before, .wp-block-pullquote.is-style-solid-color.alignright::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .wp-block-pullquote.is-style-solid-color.alignleft::before { left: 2rem; } .wp-block-pullquote.is-style-solid-color.alignright::before { left: auto; right: 2rem; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100%; text-align: inherit; } .wp-block-pullquote.is-style-solid-color cite { color: inherit; } /* Block: Separator ------------------------- */ hr.wp-block-separator { margin: 3rem 0; } /* STYLE: WIDE */ .wp-block-separator.is-style-wide { max-width: calc(100vw - 4rem); position: relative; width: 100%; } /* STYLE: DOTS */ .wp-block-separator.is-style-dots::before { background: none; color: inherit; font-size: 3.2rem; font-weight: 700; height: auto; letter-spacing: 1em; padding-left: 1em; position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: auto; } .wp-block-separator.is-style-dots::after { content: none; } /* Block: Search ----------------------------- */ .wp-block-search .wp-block-search__input { width: auto; } /* Block: Table ------------------------------ */ .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: #dcd7ca; } figure.wp-block-table.is-style-stripes { border-bottom: none; } .wp-block-table.is-style-stripes table { border-collapse: inherit; } /* Block: Quote ------------------------------ */ .wp-block-quote p, .wp-block-quote cite { text-align: inherit; } .wp-block-quote[style="text-align:center"] { border-width: 0; padding: 0; } .wp-block-quote[style="text-align:right"] {/*rtl:begin:ignore*/ border-width: 0 0.2rem 0 0; padding: 0 2rem 0 0; /*rtl:end:ignore*/ } /* STYLE: LARGE */ .wp-block-quote.is-large, .wp-block-quote.is-style-large { border: none; padding: 0; margin-left: auto; margin-right: auto; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-family: inherit; font-size: 2.4rem; font-style: normal; font-weight: 700; letter-spacing: -0.02em; line-height: 1.285; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 1.6rem; text-align: inherit; } /* Block: Widget Latest Comments ------------- */ .entry-content .wp-block-latest-comments li { margin: 2rem 0; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 5.5rem; } .entry-content .wp-block-latest-comments a { text-decoration: none; } .entry-content .wp-block-latest-comments a:hover, .entry-content .wp-block-latest-comments a:focus { text-decoration: underline; } .wp-block-latest-comments__comment { font-size: inherit; } .wp-block-latest-comments__comment-date { margin-top: 0.4em; } .wp-block-latest-comments__comment-excerpt p { font-size: 0.7em; margin: 0.9rem 0 2rem 0; } /* Block: Widget Latest Posts ---------------- */ .wp-block-latest-posts.is-grid li { border-top: 0.2rem solid #dcd7ca; margin-top: 2rem; padding-top: 1rem; } .wp-block-latest-posts.has-dates { list-style: none; } .wp-block-latest-posts.has-dates:not(.is-grid) li { margin-top: 1.5rem; } .wp-block-latest-posts.has-dates:not(.is-grid) li:first-child { margin-top: 0; } /* Block: Post Template ---------------- */ .wp-block-post-template, .wp-block-post-template > li { margin-left: 0; margin-right: 0; } /* -------------------------------------------------------------------------- */ /* 11. Entry Content /* -------------------------------------------------------------------------- */ .entry-content { line-height: 1.5; } .entry-content > * { margin-left: auto; margin-right: auto; margin-bottom: 1.25em; } .entry-content > *:first-child { margin-top: 0; } .entry-content > *:last-child { margin-bottom: 0; } .read-more-button-wrap { margin-top: 1em; text-align: center; } .entry-content a:hover, .entry-content a:focus { text-decoration: none; } .entry-content p, .entry-content li { line-height: 1.4; } .entry-content p a:hover, .entry-content li a:hover { text-decoration: underline; } .entry-content li img { display: inline-block; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 3.5rem auto 2rem; } .entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul { margin-bottom: 1rem; } .entry-content hr { margin: 4rem auto; } .post-inner .entry-content > .wp-block-cover.alignwide:first-child, .post-inner .entry-content > .wp-block-cover.alignfull:first-child { margin-top: 0; } /* Font Families ----------------------------- */ .entry-content { letter-spacing: normal; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } @supports (font-variation-settings:normal) { .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file { font-family: proxima-nova-regular; } } /* Alignment Classes ------------------------- */ .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { } [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 58rem; width: 100%; } .alignnone, .aligncenter, .alignleft, .alignright, .alignwide { margin-top: 4rem; margin-right: auto; margin-bottom: 4rem; margin-left: auto; } [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; } /* Full */ .alignfull { margin-top: 5rem; margin-right: auto; margin-bottom: 5rem; margin-left: auto; max-width: 100vw; position: relative; width: 100%; } [class*="__inner-container"] > .alignfull { max-width: 100%; } /* Wide */ .alignwide { max-width: 120rem; position: relative; width: calc(100% - 4rem); } [class*="__inner-container"] > .alignwide { width: 100%; } /* Center */ .aligncenter, .aligncenter img { margin-left: auto; margin-right: auto; } /* Left and right */ .alignleft, .alignright { max-width: 50%; } .alignleft {/*rtl:ignore*/ float: left; margin: 0.3rem 2rem 2rem 2rem; } .alignright {/*rtl:ignore*/ float: right; margin: 0.3rem 2rem 2rem 2rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {/*rtl:ignore*/ margin-left: 2rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {/*rtl:ignore*/ margin-right: 2rem; } /* Entry Media ------------------------------- */ .alignfull > figcaption, .alignfull > .wp-caption-text { margin-left: auto; margin-right: auto; max-width: 58rem; width: calc(100% - 4rem); } /* -------------------------------------------------------------------------- */ /* 12. Comments /* -------------------------------------------------------------------------- */ /* Comment Headers ----------------------------- */ .comment-reply-title { margin: 0 0 4rem 0; text-align: center; } /* Comment Item ----------------------------- */ /* COMMENT HEADER */ .comments .comment, .comments .pingback, .comments .trackback, .comments .review { padding-top: 3.5rem; } div.comment:first-of-type { margin-top: 3.5rem; padding-top: 0; } .comments .comments-header + div { margin-top: 0; padding-top: 0; } .comment-body { position: relative; } .comment .comment { padding-left: 5%; } .comment-meta { line-height: 1.1; margin-bottom: 1.5rem; min-height: 5rem; padding-left: 5rem; position: relative; } .hide-avatars .comment-meta { min-height: 0; padding-left: 0; } .comment-meta a { color: inherit; } .comment-author { font-size: 1.8rem; font-weight: 700; letter-spacing: -0.027777778em; } .comment-author a { text-decoration: underline; } .comment-author a:hover, .comment-author a:focus { text-decoration: none; } .comment-meta .avatar { height: 4rem; position: absolute; left: 0; top: 0; width: 4rem; } .comment-author .url { text-decoration: underline; } .comment-metadata { color: #6d6d6d; font-size: 1.4rem; font-weight: 500; margin-top: 0.6rem; } .comment-metadata a { text-decoration: none; } .comment-metadata a:focus, .comment-metadata a:hover { text-decoration: underline; } /* COMMENT CONTENT */ .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { width: 100%; } .comment-content.entry-content .alignleft {/*rtl:ignore*/ margin-left: 0; } .comment-content.entry-content .alignright {/*rtl:ignore*/ margin-right: 0; } /* COMMENT FOOTER */ .comment-footer-meta { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.2rem; font-weight: 400; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; letter-spacing: 0.030833333em; line-height: 1; margin: 0; text-transform: uppercase; } .comment-footer-meta > * { margin: 0 10px 0 0; } .comment-reply-link { background-color: var(--primary-green); color: var(--white-color); display: block; padding: 0.7rem; } .bypostauthor .comment-footer-meta .by-post-author { display: block; } .comment-footer-meta a { text-decoration: none; } .comment-footer-meta a:focus, .comment-footer-meta a:hover { text-decoration: underline; } /* Pingbacks & Trackbacks ------------------------- */ .pingback .comment-meta, .trackback .comment-meta { padding-left: 0; } /* Comments Pagination ---------------------------- */ .comments-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 6rem; text-align: center; } .comments-pagination.only-next { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .comments-pagination .page-numbers { display: none; text-decoration: none; } .comments-pagination .page-numbers:focus, .comments-pagination .page-numbers:hover { text-decoration: underline; } .comments-pagination .prev, .comments-pagination .next { display: block; } .comments-pagination .prev { left: 0; } .comments-pagination .next { right: 0; text-align: right; } /* Comment Respond ---------------------------- */ .comment-respond::after { clear: both; content: ""; display: block; } .comment-respond .comment-notes, .comment-respond .logged-in-as { color: #6d6d6d; font-size: 1.6rem; line-height: 1.4; margin: -3rem 0 4rem 0; text-align: center; } .comment-respond .comment-notes a, .comment-respond .logged-in-as a { color: inherit; text-decoration: none; } .comment-respond .comment-notes a:focus, .comment-respond .comment-notes a:hover, .comment-respond .logged-in-as a:focus, .comment-respond .logged-in-as a:hover { text-decoration: underline; } .comment-respond p { line-height: 1.1; margin-bottom: 2rem; margin-left: auto; margin-right: auto; } .comment-respond p:not(.comment-notes) { max-width: 58rem; } .comment-form-cookies-consent { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; } .comment-respond > p:last-of-type { margin-bottom: 0; } .comment-respond label { display: block; } .comment-respond input[type="checkbox"] + label { font-size: 1.5rem; line-height: 1.25; } .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea { margin-bottom: 0; background: var(--black3); height: 35px; font-size: 14px; line-height: 25px; color: var(--black60); font-family: proxima-nova-regular; border: none; padding: 3px 10px; border-radius: 4px; } .comment-respond textarea { height: 134px; border: none; padding: 0 15px; font-size: 16px; line-height: 24px; color: var(--black60); font-family: proxima-nova-regular; background: none; resize: none; } .comment-respond input[type="text"]:focus, .comment-respond input[type="email"]:focus, .comment-respond textarea:focus { outline: none; } .comment-respond #submit { display: block; font-size: 14px; line-height: 24px; font-family: proxima-nova-semibold; padding: 6px 22px; border-radius: 18px; } .comment-respond #submit:hover { text-decoration: none; background: var(--hover-primary-green); } .comment-respond .comments-closed { text-align: center; } /* Reply Respond ---------------------------- */ .comments .comment-respond { padding: 3rem 0 0; } .comments .comment-respond .comment-reply-title, .comments .comment-respond .comment-notes, .comments .comment-respond .logged-in-as { text-align: left; } .comment-reply-title small { display: block; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.0277em; margin: 0.5rem 0 0 0; white-space: nowrap; } .comment-reply-title small a { text-decoration: none; } .comment-reply-title small a:focus, .comment-reply-title small a:hover { text-decoration: underline; } /* -------------------------------------------------------------------------- */ /* 13. Site Pagination /* -------------------------------------------------------------------------- */ .pagination .nav-links { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.8rem; font-weight: 600; margin: -1.5rem 0 0 -2.5rem; width: calc(100% + 2.5rem); } .pagination-separator { margin: 5rem 0; } .nav-links > * { margin: 1.5rem 0 0 2.5rem; } .nav-links .placeholder { display: none; visibility: hidden; } .pagination a { text-decoration: none; } .pagination a:focus, .pagination a:hover { text-decoration: underline; } .pagination .dots { -webkit-transform: translateY(-0.3em); -ms-transform: translateY(-0.3em); transform: translateY(-0.3em); color: #6d6d6d; } .nav-short { display: none; } /* -------------------------------------------------------------------------- */ /* 14. Error 404 /* -------------------------------------------------------------------------- */ .error404 #site-content { padding-top: 4rem; } .error404-content { text-align: center; } .error404 #site-content .search-form { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 3rem; } /* -------------------------------------------------------------------------- */ /* 15. Widgets /* -------------------------------------------------------------------------- */ /* Widget Base ------------------------------- */ .widget { margin-top: 3rem; } .widget:first-child { margin-top: 0; } .widget-content > div > *:first-child { margin-top: 0; } .widget-content > div > *:last-child { margin-bottom: 0; } .widget .widget-title { margin: 0 0 2rem; } .widget li { margin: 2rem 0 0 0; } .widget li:first-child, .widget li > ul, .widget li > ol { margin-top: 0; } .widget table, .widget table * { border-color: #dedfdf; } .widget table caption { background-color: #dedfdf; } .widget .post-date, .widget .rss-date { color: #6d6d6d; display: block; font-size: 0.85em; font-weight: 500; margin-top: 0.2rem; } .widget select { max-width: 100%; } /* Font Families ----------------------------- */ .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary { font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif; letter-spacing: normal; } .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } @supports (font-variation-settings:normal) { .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } /* Base List Widget -------------------------- */ .widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_meta ul, .widget_nav_menu ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul { list-style: none; margin: 0; } .widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_nav_menu li { color: #6d6d6d; margin: 0.3rem 0; } .widget_archive li li, .widget_categories li li, .widget_pages li li, .widget_meta li li, .widget_nav_menu li li { margin-left: 2rem; } .widget_archive a, .widget_categories a, .widget_pages a, .widget_meta a, .widget_nav_menu a { font-weight: 700; text-decoration: none; } .widget_archive a:focus, .widget_archive a:hover, .widget_categories a:focus, .widget_categories a:hover, .widget_pages a:focus, .widget_pages a:hover, .widget_meta a:focus, .widget_meta a:hover, .widget_nav_menu a:focus, .widget_nav_menu a:hover { text-decoration: underline; } /* Widget: Calendar -------------------------- */ .calendar_wrap { font-size: 2.4rem; } .calendar_wrap th, .calendar_wrap td, .wp-calendar-nav span { display: table-cell; font-size: 1em; font-weight: 500; line-height: 1; padding: 2.5% 2.5% 1.75% 2.5%; text-align: center; } .wp-calendar-table { margin-bottom: 0; } .wp-calendar-nav { display: table; width: 100%; font-size: 1.8rem; } .calendar_wrap tfoot td { border-bottom: none; } .calendar_wrap tfoot a, .calendar_wrap .wp-calendar-nav a { text-decoration: none; } .calendar_wrap tfoot #prev, .calendar_wrap .wp-calendar-nav-prev { text-align: left; } .calendar_wrap tfoot #next, .calendar_wrap .wp-calendar-nav-next { text-align: right; } /* Widget: Image ----------------------------- */ /* Widget: Gallery --------------------------- */ .widget_media_gallery .gallery { margin: 0 -0.4em -0.8em -0.4em; width: calc(100% + 0.8em); } .widget_media_gallery .gallery-item { margin: 0 0 0.8em 0; padding: 0 0.4em; } /* Widget: Nav Menu -------------------------- */ .widget_nav_menu .widget-content > div > ul { margin-left: 0; } /* Widget: Recent Comments ------------------- */ .widget_recent_comments li { font-weight: 700; } .widget_recent_comments a { text-decoration: none; } .widget_recent_comments a:focus, .widget_recent_comments a:hover { text-decoration: underline; } /* Widget: Recent Entries -------------------- */ .widget_recent_entries a { font-weight: 700; text-decoration: none; } .widget_recent_entries a:focus, .widget_recent_entries a:hover { text-decoration: underline; } /* Widget: RSS ------------------------------- */ .widget_rss .widget-title a.rsswidget:first-of-type:not(.rss-widget-title) { display: none; } .widget_rss .rsswidget { font-weight: 700; } .widget_rss a { text-decoration: none; } .widget_rss a:focus, .widget_rss a:hover { text-decoration: underline; } .widget_rss .rssSummary { margin-top: 0.5rem; } .widget_rss cite::before { content: "— "; } /* Widget: Search ---------------------------- */ .widget_search .search-field { border-color: #dedfdf; } /* Widget: Tag Cloud ------------------------- */ .widget_tag_cloud a { font-weight: 700; margin-right: 0.5rem; text-decoration: none; white-space: nowrap; } .widget_tag_cloud a:focus, .widget_tag_cloud a:hover { text-decoration: underline; } /* Widget: Text ------------------------------ */ /* -------------------------------------------------------------------------- */ /* 16. Site Footer /* -------------------------------------------------------------------------- */ .footer-nav-widgets-wrapper, #site-footer { background-color: var(--white-color); border-color: #dedfdf; border-style: solid; border-width: 0; } .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer { margin-top: 5rem; } .reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer { border-top-width: 0.1rem; } .footer-top, .footer-widgets-outer-wrapper, #site-footer { padding: 3rem 0; } /* Footer Top -------------------------------- */ .footer-top { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 0.1rem solid #dedfdf; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* FOOTER MENU */ .footer-menu { font-size: 1.8rem; font-weight: 700; letter-spacing: -0.0277em; } .footer-menu li { line-height: 1.25; margin: 0.25em 0 0 0; } .footer-menu a { text-decoration: none; word-break: normal; word-wrap: normal; } .footer-menu a:hover, .footer-menu a:focus { text-decoration: underline; } /* FOOTER SOCIAL */ .footer-social-wrapper { margin: 0; width: 100%; } .has-footer-menu .footer-social-wrapper { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 1rem; width: 50%; } ul.footer-social { margin: -0.5rem 0 0 -0.5rem; } .has-footer-menu .footer-social { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ul.footer-social li { margin: 0.5rem 0 0 0.5rem; } .footer-social a { background-color: var(--primary-green); height: 3.6rem; width: 3.6rem; } .footer-social a::before { font-size: 1.6rem; } /* Footer Widgets ---------------------------- */ .footer-widgets-outer-wrapper { border-bottom: 0.1rem solid #dedfdf; } .footer-widgets + .footer-widgets { margin-top: 3rem; } /* Footer Bottom ----------------------------- */ #site-footer { font-size: 1.6rem; } #site-footer .section-inner { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #site-footer a { text-decoration: none; } #site-footer a:focus, #site-footer a:hover { text-decoration: underline; } .footer-copyright a, .privacy-policy a, .powered-by-wordpress a { color: inherit; } .privacy-policy, .powered-by-wordpress, .to-the-top { color: #6d6d6d; } a.to-the-top { margin-left: 2.4rem; white-space: nowrap; } a.to-the-top > * { pointer-events: none; } .footer-copyright { font-weight: 600; margin: 0; } .powered-by-wordpress { display: none; margin: 0 0 0 2.4rem; } .privacy-policy { margin: 1.2rem 0 0; } .to-the-top-long { display: none; } /* -------------------------------------------------------------------------- */ /* 17. Media Queries /* -------------------------------------------------------------------------- */ @media (max-width:479px) { /* Blocks -------------------------------- */ .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { float: none; } /* Entry Content ------------------------- */ /* LISTS */ ul, ol { margin: 0 0 3rem 2rem; } /* Post Footer --------------------------- */ /* POST NAV LINKS */ .post-nav-links { margin: 3em 0 0 0; } } @media (min-width:480px) { /* Blocks -------------------------------- */ /* BLOCK: BASE ALIGNMENT WIDTH */ .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright, .wp-block-embed.alignleft, .wp-block-embed.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright { max-width: 26rem; } /* BLOCK: TABLE WIDTH */ .wp-block-table.alignleft, .wp-block-table.alignright { max-width: 100%; } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .alignleft, .alignright { max-width: 26rem; } /* Post Footer --------------------------- */ /* POST NAV LINKS */ .post-nav-links { margin: 3em 0 0 0; } } @media (max-width:599px) { /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ /* While columns are stacked */ .wp-block-column:last-child { margin-bottom: 0; } .wp-block-columns + .wp-block-columns { margin-top: 0.2rem; } .wp-block-columns.alignwide + .wp-block-columns.alignwide { margin-top: -0.8rem; } .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -1.8rem; } /* Template -------------------------------- */ /* TEMPLATE: COVER */ .template-cover .post-inner .post-meta-wrapper, .template-cover .post-inner .author-bio { width: calc(100% - 4rem); } /* Post Footer --------------------------- */ /* POST NAV LINKS */ .post-nav-links { margin: 3em 0 0 0; } } @media (min-width:600px) { /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -4rem; } /* Post Footer --------------------------- */ /* POST NAV LINKS */ .post-nav-links { margin: 3em 0 0 0; } } @media (min-width:660px) { /* Blocks -------------------------------- */ /* BLOCK: GALLERY */ figure.wp-block-gallery.alignleft { /*rtl:ignore*/ margin-left: calc((100vw - 58rem - 8rem) / -2); } figure.wp-block-gallery.alignright { /*rtl:ignore*/ margin-right: calc((100vw - 58rem - 8rem) / -2); } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .entry-content > .alignleft { /*rtl:ignore*/ margin-left: 4rem; } .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: calc((100vw - 58rem - 8rem) / -2); } [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 0; } .entry-content > .alignright { /*rtl:ignore*/ margin-right: 4rem; } .entry-content > p .alignright, .entry-content > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: calc((100vw - 58rem - 8rem) / -2); } [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 0; } /* Post Footer --------------------------- */ /* POST NAV LINKS */ .post-nav-links { margin: 3em auto 0 auto; } } @media (min-width:700px) { /* Element Base ------------------------- */ ul, ol { margin-bottom: 4rem; } pre { padding: 3rem; } hr { margin: 8rem auto; } table { font-size: 1.8rem; } /* VANILLA GALLERIES */ .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } /* TITLES */ h1, .heading-size-1, h2, .heading-size-2, h3, .heading-size-3 { margin: 6rem auto 3rem; } h4, .heading-size-4, h5, .heading-size-5, h6, .heading-size-6 { margin: 0; } h1, .heading-size-1 { font-size: 6.4rem; } h2, .heading-size-2 { font-size: 4.8rem; } h3, .heading-size-3 { font-size: 4rem; } h4, .heading-size-4 { font-size: 3.2rem; } h5, .heading-size-5 { font-size: 2.4rem; } h6, .heading-size-6 { font-size: 1.8rem; } /* INPUTS */ fieldset { padding: 3rem; } legend { padding: 0 1.5rem; } button, .button, .faux-button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"] { font-size: 1.7rem; } /* MEDIA */ figcaption, .wp-caption-text { margin-top: 1.8rem; } /* Helper Classes ------------------------- */ /* Site Header --------------------------- */ .header-inner { padding: 3.8rem 0; } .site-title { font-size: 2.4rem; font-weight: 700; } .site-description { display: block; } .site-logo img { max-height: 9rem; -webkit-transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear; -o-transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear; transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear; } /* HEADER TOGGLES */ .toggle-inner .toggle-text { font-size: 1.2rem; } .nav-toggle { right: 2rem; } /* Menu Modal ---------------------------- */ button.close-nav-toggle { font-size: 1.8rem; padding: 4rem 0; } button.close-nav-toggle svg { height: 2rem; width: 2rem; } button.close-nav-toggle .toggle-text { margin-right: 2.1rem; } .modal-menu { left: auto; width: 100%; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size: 2.4rem; padding: 2.5rem 0; } .modal-menu ul li { border-left-color: transparent; } .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle { padding: 0 3rem; } .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg { height: 1.1rem; width: 1.8rem; } .menu-bottom { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 4.4rem 0; } .menu-copyright { display: block; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 4rem; } /* Modal Search Form ------------------------- */ .search-modal form { position: relative; width: 100%; } .search-untoggle svg { height: 15px; width: 15px; } .search-modal .search-field { border: none; height: 53px; } .search-modal .search-field::-moz-placeholder { line-height: 4.375; } /* Sub Page ------------------------------ */ /* FEATURED MEDIA */ .featured-media figcaption { margin: 2rem auto 0 auto; width: calc(100% - 8rem); } /* Template: Cover Template -------------- */ .cover-header-inner { padding: 18rem 0 8rem 0; } .to-the-content-wrapper { top: calc(100% + 1.8rem); } .to-the-content { height: 6rem; } .to-the-content svg { height: 2.4rem; width: 2.12rem; } /* Template: Full Width ------------------ */ body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { width: calc(100% - 8rem); } body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 4rem; padding-right: 4rem; } body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 4rem; } body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 4rem; } /* Post: Archive ------------------------- */ .archive-header { padding: 8rem 0; } .reduced-spacing .archive-header { padding-bottom: 3rem; } .archive-title { font-size: 28px; line-height: 34px; font-family: cabinet-grotesk-extrabold; font-weight: normal; } body:not(.singular) main > article:first-of-type { padding: 8rem 0 0; } h2.entry-title { font-size: 6.4rem; } /* SEARCH RESULTS */ /* Post: Single -------------------------- */ /* POST HEADER */ .singular .entry-header { padding: 0 0; } .single-post .entry-categories { margin-bottom: 40px; } .single-post .relatedposts .entry-categories { margin-bottom: 15px; } .entry-categories { margin-bottom: 15px; } .intro-text { font-size: 2rem; margin-top: 2.5rem; } .singular .intro-text { font-size: 2.6rem; } .post-meta-wrapper { margin-top: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .post-meta { font-size: 14px; line-height: 18px; color: var(--black60); } .post-meta li { margin: 0 10px 0 0; font-size: 14px; line-height: 18px; } .post-inner { padding-top: 0; } /* POST FOOTER */ .post-meta-wrapper.post-meta-single-bottom { margin-top: 4rem; } /* AUTHOR BIO */ .author-bio { margin-top: 8rem; min-height: 8rem; padding-left: 10rem; position: relative; } .author-bio .avatar { position: absolute; left: 0; top: 0; height: 8rem; width: 8rem; } /* SINGLE PAGINATION */ .pagination-single { font-size: 2.4rem; margin-top: 8rem; } .pagination-single-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pagination-single.only-next .pagination-single-inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .pagination-single hr:first-child { margin: 0 0 4rem 0; } .pagination-single hr:last-child { margin: 4rem 0 0.8rem 0; } .pagination-single a + a { margin: 0 0 0 4rem; } .pagination-single a .arrow { margin: 0 2rem 0 0; } .pagination-single .next-post { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; } .pagination-single .next-post .arrow { margin: 0 0 0 2rem; } /* Blocks -------------------------------- */ /* BLOCK: SHARED MEDIA STYLES */ .wp-block-embed figcaption, .wp-block-image figcaption { font-size: 1.6rem; } /* BLOCK: BASE MARGINS */ .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) { margin-bottom: 4rem; margin-top: 40px; } /* BLOCK: COLUMNS */ .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -6rem; } .entry-content .wp-block-columns h1, .entry-content .wp-block-columns h2, .entry-content .wp-block-columns h3, .entry-content .wp-block-columns h4, .entry-content .wp-block-columns h5, .entry-content .wp-block-columns h6 { margin: 3.5rem 0 2rem; } /* BLOCK: COVER */ .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 8rem); } .wp-block-cover-image h2, .wp-block-cover h2 { font-size: 4.8rem; } /* BLOCK: GALLERY */ figure.wp-block-gallery.alignnone, figure.wp-block-gallery.aligncenter { margin-bottom: 4rem; margin-top: 4rem; } figure.wp-block-gallery.alignwide, figure.wp-block-gallery.alignfull { margin-bottom: 6rem; margin-top: 6rem; } /* BLOCK: GROUP */ .wp-block-group.has-background { padding: 4rem; margin-top: 0; margin-bottom: 0; } .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 0; padding-right: 0; } /* BLOCK: MEDIA AND TEXT */ .wp-block-media-text .wp-block-media-text__content { padding: 4rem; } /* BLOCK: PULLQUOTE */ .wp-block-pullquote blockquote p { font-size: 3.2rem; } .wp-block-pullquote cite { margin-top: 2rem; } .wp-block-pullquote.alignfull:not(.is-style-solid-color) { padding-left: 1rem; padding-right: 1rem; } .wp-block-pullquote.alignwide::before, .wp-block-pullquote.alignfull::before { font-size: 11.272727272rem; height: 8rem; margin-bottom: 2rem; width: 8rem; } .wp-block-pullquote.alignwide blockquote p, .wp-block-pullquote.alignfull blockquote p { font-size: 4.8rem; line-height: 1.203125; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p, .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, .wp-block-pullquote.alignright.is-style-solid-color blockquote p { font-size: 3.2rem; line-height: 1.1875; } .wp-block-pullquote.is-style-solid-color.alignwide, .wp-block-pullquote.is-style-solid-color.alignfull { padding: 6rem 4rem 4rem; } .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, .wp-block-pullquote.alignright.is-style-solid-color blockquote p { font-size: 2.6rem; } /* BLOCK: QUOTE */ .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 2.8rem; } /* BLOCK: SEPARATOR */ hr.wp-block-separator { margin: 6rem auto; } .wp-block-separator.is-style-wide { max-width: calc(100vw - 8rem); } /* Entry Content ------------------------- */ .entry-content { font-size: 2.1rem; } .entry-content p, .entry-content li { font-size: 16px; line-height: 1.5; color: var(--black90); } .entry-content p { margin-bottom: 16px; } .entry-content h1, .entry-content h2, .entry-content h3 { margin: 6rem auto 3rem; } .entry-content h4, .entry-content h5, .entry-content h6 { margin: 4.5rem auto 2.5rem; } .alignnone, .aligncenter { margin-bottom: 4rem; margin-top: 4rem; } .alignleft { /*rtl:ignore*/ margin: 0.3rem 2rem 2rem 0; } .alignright { /*rtl:ignore*/ margin: 0.3rem 0 2rem 2rem; } .entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) { margin-bottom: 6rem; margin-top: 6rem; } .entry-content > .alignwide { max-width: calc(100vw - 8rem); width: calc(100vw - 8rem); } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 4rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 4rem; } .entry-content > .alignwide:first-child, .entry-content > .alignfull:first-child { margin-bottom: 8rem; } /* ENTRY MEDIA */ .alignfull > figcaption, .alignfull > .wp-caption-text { width: calc(100% - 8rem); } /* Comments ------------------------------ */ .comment-reply-title { margin-bottom: 4.6rem; } .comment-respond p.comment-notes, .comment-respond p.logged-in-as { font-size: 1.8rem; letter-spacing: 0; margin: 0 0 4.4rem 0; } .comments .comment, .comments .pingback, .comments .trackback, .comments .review { padding-top: 5rem; } div.comment:first-of-type { margin-top: 5rem; } .comment-meta { margin-bottom: 18px; padding: 0; } .comment-meta .avatar { display: block; height: 6rem; position: absolute; left: 0; top: 0; width: 6rem; } .comment-author { font-size: 2.4rem; } .comment-metadata { font-size: 1.6rem; margin-top: 0.8rem; } .comment-footer-meta { margin-top: 26px; } .comments-pagination { margin-top: 8rem; } /* PINGBACKS & TRACKBACKS */ .pingback .comment-body { padding: 0; } /* COMMENT RESPOND */ .comment-respond p { margin-bottom: 8px; } .comment-form p.logged-in-as { margin: -2.5rem 0 4.4rem 0; } .comment-respond .comment-form-author, .comment-respond .comment-form-email { } .comment-respond .comment-form-email { } .comments .comment-respond { padding: 2rem 0 0; } .comment-reply-title small { display: inline; margin: 0 0 0 0.5rem; } /* Site Pagination ----------------------- */ .pagination-separator { margin: 8rem 0; } /* Display the full text for Newer and Older Posts. */ .nav-short { display: inline; } .pagination .nav-links { font-size: 2.4rem; font-weight: 700; margin: -2.5rem 0 0 -4rem; } .nav-links > * { margin: 2.5rem 0 0 4rem; } /* Error 404 ----------------------------- */ .error404 #site-content { padding-top: 8rem; } /* Widgets ------------------------------- */ .widget .widget-title { margin-bottom: 3rem; } /* Site Footer --------------------------- */ .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer { margin-top: 8rem; } /* FOOTER TOP */ .footer-top { padding: 3.7rem 0; } .footer-menu { font-size: 2.4rem; margin: -0.8rem 0 0 -1.6rem; } .footer-menu li { margin: 0.8rem 0 0 1.6rem; } .has-footer-menu .footer-social-wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 4rem; width: auto; } /* FOOTER WIDGETS */ .footer-widgets-outer-wrapper { padding: 8rem 0; } .footer-widgets-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -4rem; width: calc(100% + 4rem); } .footer-widgets { margin-left: 4rem; width: 50%; } .footer-widgets + .footer-widgets { margin-top: 0; } .footer-widgets .widget { border-top: none; margin-top: 5rem; padding-top: 0; } .footer-widgets .widget:first-child { margin-top: 0; } /* FOOTER BOTTOM */ #site-footer { font-size: 1.8rem; padding: 4.3rem 0; } .footer-credits { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-copyright { font-weight: 700; } .privacy-policy { margin: 0 0 0 2.4rem; } .to-the-top-long { display: inline; } .to-the-top-short { display: none; } } @media (min-width:782px) { /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-column { margin-bottom: 0; } .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -2.8rem; } } @media (min-width:768px) { #site-header { z-index: 10; } .header-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; width: 100%; } .header-titles-wrapper { padding: 0; text-align: left; } .header-titles { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 41px 0 0; } .header-titles .site-title, .header-titles .site-logo, .header-titles .site-description { margin: 1rem 0 0 2.4rem; } .wp-custom-logo .header-titles { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width:768px) and (max-width:991px) { .header-titles { margin: 0 5px 0 0; } } /* HEADER NAVIGATION */ .header-navigation-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .primary-menu-wrapper { display: block; width: 100%; } /* HEADER TOGGLES */ .mobile-search-toggle, .mobile-nav-toggle { display: none !important; } .primary-menu-wrapper + .header-toggles { margin-left: 3rem; } .header-toggles { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .header-inner .toggle { height: 4.4rem; padding: 0 3rem; position: relative; bottom: auto; left: auto; right: auto; top: auto; width: auto; } .header-inner .toggle-wrapper { position: relative; } .header-inner .toggle-wrapper::before { background: #dedfdf; content: ""; display: block; height: 2.7rem; position: absolute; left: 0; top: calc(50% - 1.35rem); width: 0.1rem; } .header-inner .toggle-wrapper:first-child::before { content: none; } .header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before { content: ""; } .nav-toggle-wrapper:not(.has-expanded-menu) { display: none; } .toggle-inner { position: static; } .toggle-inner .toggle-text { left: 0; right: 0; text-align: center; top: calc(100% - 0.3rem); width: auto; font-size: 18px; line-height: 22px; font-family: cabinet-grotesk-bold; color: var(--black40) !important; margin-left: 7px; font-weight: normal; } .header-toggles:only-child .nav-toggle .toggle-inner { padding-top: 0; } .header-toggles:only-child .toggle-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-toggles:only-child .toggle-inner .svg-icon { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header-toggles:only-child .toggle-inner .toggle-text { position: static; padding-right: 20px; font-size: 15px; color: inherit; } /* Menu Modal ---------------------------- */ .menu-modal { opacity: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0; -webkit-transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s; -o-transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s; transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s; } .menu-modal.cover-modal { background: rgba(0, 0, 0, 0); } .menu-modal.active { background: rgba(0, 0, 0, 0.2); -webkit-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } .menu-wrapper.section-inner { width: calc(100% - 8rem); } .menu-modal-inner { -webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); opacity: 0; padding: 0; -webkit-transform: translateX(20rem); -ms-transform: translateX(20rem); transform: translateX(20rem); -webkit-transition: opacity 0.2s ease-in, -webkit-transform 0.2s ease-in; transition: opacity 0.2s ease-in, -webkit-transform 0.2s ease-in; -o-transition: transform 0.2s ease-in, opacity 0.2s ease-in; transition: transform 0.2s ease-in, opacity 0.2s ease-in; transition: transform 0.2s ease-in, opacity 0.2s ease-in, -webkit-transform 0.2s ease-in; width: 50rem; } .menu-modal.active .menu-modal-inner { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .mobile-menu { display: none; } .expanded-menu { display: block; } .menu-bottom { padding: 6rem 0; } .menu-bottom .social-menu { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } /* Sub Page ------------------------------ */ /* FEATURED MEDIA */ .featured-media figcaption { width: 100%; } /* Template: Full Width ------------------ */ .template-full-width .wp-block-image .alignleft { /*rtl:ignore*/ margin-right: 2rem; } .template-full-width .wp-block-image .alignright { /*rtl:ignore*/ margin-left: 2rem; } /* Post: Archive ------------------------- */ /* Post: Single -------------------------- */ .singular .intro-text { font-size: 2.8rem; } /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -4.8rem; } /* BLOCK: GALLERY */ figure.wp-block-gallery.alignwide, figure.wp-block-gallery.alignfull { margin-bottom: 8rem; margin-top: 8rem; } /* BLOCK: GROUP */ .entry-content > .wp-block-group.alignwide.has-background, .entry-content > .wp-block-group.alignfull.has-background { padding: 8rem 4rem; margin-bottom: 0; margin-top: 0; } /* BLOCK: IMAGE */ .wp-block-image .alignleft { /*rtl:ignore*/ margin-right: 0; } .wp-block-image .alignright { /*rtl:ignore*/ margin-left: 0; } .wp-block-image .aligncenter figcaption { text-align: center; } /* BLOCK: SEPARATOR */ hr.wp-block-separator { margin: 8rem auto; } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft { position: absolute; /*rtl:ignore*/ right: calc((100vw - 58rem) / 2 + 58rem + 2rem); max-width: calc((100% - 58rem) / 2 - 6rem); } [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { position: relative; /*rtl:ignore*/ right: inherit; max-width: inherit; } [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { position: absolute; /*rtl:ignore*/ right: calc((100% - 58rem) / 2 + 58rem + 4rem); max-width: calc((100% - 58rem) / 2 - 4rem); } [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ right: calc((100% - 58rem) / 2 + 58rem); } [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 4rem; } .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright, [class*="__inner-container"] > .alignright { position: absolute; /*rtl:ignore*/ left: calc((100vw - 58rem) / 2 + 58rem + 2rem); max-width: calc((100% - 58rem) / 2 - 6rem); } [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { position: relative; /*rtl:ignore*/ left: inherit; max-width: inherit; } [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { position: absolute; /*rtl:ignore*/ left: calc((100% - 58rem) / 2 + 58rem + 4rem); max-width: calc((100% - 58rem) / 2 - 4rem); } [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ left: calc((100% - 58rem) / 2 + 58rem + 4rem); } [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 4rem; } .entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) { margin-bottom: 8rem; margin-top: 8rem; } /* ENTRY MEDIA */ .alignfull > figcaption, .alignfull > .wp-caption-text { width: calc(100% - 10rem); } /* Comments ------------------------------ */ .comment-meta { padding-left: 0; } .comment-meta .avatar { left: auto; position: static; width: 48px; height: 48px; border-radius: 50%; margin-right: 12px; } /* Site Pagination ----------------------- */ .pagination .nav-links { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; width: 100%; } .nav-links > * { margin: 0 2rem; } .pagination .next, .pagination .prev { display: block; } .pagination .prev { margin: 0 auto 0 0; } .pagination .next { text-align: right; margin: 0 0 0 auto; } /* Site Footer --------------------------- */ /* FOOTER TOP */ .footer-top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-menu { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 2.1rem; margin: -1.2rem 0 0 -2.4rem; } .footer-menu li { margin: 1.2rem 0 0 2.4rem; } .powered-by-wordpress { display: block; } @media (min-width:1220px) { /* Element Base -------------------------- */ /* TITLES */ h1, .heading-size-1 { font-size: 8.4rem; } /* Helper Classes ------------------------ */ /* Site Header --------------------------- */ /* PRIMARY MENU */ ul.primary-menu { margin: -0.8rem 0 0 -2.5rem; } .primary-menu > li { margin: 0.8rem 0 0 2.5rem; } /* HEADER TOGGLES */ .primary-menu-wrapper + .header-toggles { margin-left: 4rem; } .header-toggles .toggle { padding: 0; } /* Menu Modal ---------------------------- */ /* Search Modal -------------------------- */ /* Sub Page ------------------------------ */ /* Template: Cover Template -------------- */ .cover-header + .post-inner { padding-top: 10rem; } /* Post: Archive ------------------------- */ /* Post: Single -------------------------- */ .singular .intro-text { font-size: 3.2rem; letter-spacing: -0.03125em; line-height: 1.375; } /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -6rem; } /* BLOCK: GALLERY */ figure.wp-block-gallery.alignfull { margin-bottom: 10rem; margin-top: 10rem; } /* BLOCK: GROUP */ .entry-content > .wp-block-group.alignwide.has-background, .entry-content > .wp-block-group.alignfull.has-background { padding: 8rem 6rem; margin-bottom: 0; margin-top: 0; } /* BLOCK: PULLQUOTE */ .wp-block-pullquote.alignwide blockquote p, .wp-block-pullquote.alignfull blockquote p { font-size: 6.4rem; } .wp-block-pullquote.is-style-solid-color.alignwide, .wp-block-pullquote.is-style-solid-color.alignfull { padding: 9rem 4rem 8rem; } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .entry-content > .alignfull { margin-bottom: 10rem; margin-top: 10rem; } [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ right: calc((100% - 58rem) / 2 + 58rem - 2rem); } [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ left: calc((100% - 58rem) / 2 + 58rem + 6rem); } /* Comments ------------------------------ */ .comment-reply-title { font-size: 5.6rem; line-height: 1.2; margin-bottom: 6rem; } .comment-respond p.comment-notes, .comment-respond p.logged-in-as { margin: 0 0 6rem 0; } .comments .comment-respond p.comment-notes, .comments .comment-respond p.logged-in-as { margin: -4.5rem 0 4rem 0; } /* Site Pagination ----------------------- */ /* Widgets ------------------------------- */ .widget-content { font-size: 2.1rem; } /* Site Footer --------------------------- */ .footer-menu { font-size: 2.4rem; margin: -1.5rem 0 0 -3rem; } .footer-menu li { margin: 1.5rem 0 0 3rem; } ul.footer-social { margin: -1rem 0 0 -1rem; } ul.footer-social li { margin: 1rem 0 0 1rem; } .footer-social a { height: 4.4rem; width: 4.4rem; } .footer-social a::before { font-size: 2rem; } /* FOOTER WIDGETS */ .footer-widgets-wrapper { margin-left: -6rem; width: calc(100% + 6rem); } .footer-widgets { margin-left: 6rem; } } @media (min-width:1240px) { /* Blocks -------------------------------- */ body.template-full-width .entry-content > .alignleft { /*rtl:ignore*/ margin-left: calc((100vw - 120rem) / 2); } body.template-full-width .entry-content > .alignright { /*rtl:ignore*/ margin-right: calc((100vw - 120rem) / 2); } } @media (min-width:1280px) { /* Blocks -------------------------------- */ /* BLOCK: GALLERY */ figure.wp-block-gallery.alignleft { /*rtl:ignore*/ margin-left: -31rem; } figure.wp-block-gallery.alignright { /*rtl:ignore*/ margin-right: -31rem; } /* BLOCK: SEPARATOR */ .wp-block-separator.is-style-wide { max-width: 120rem; width: 120rem; } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft { /*rtl:ignore*/ right: calc((100vw - 58rem) / 2 + 58rem + 4rem); /*rtl:ignore*/ margin-left: -31rem; } .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright { /*rtl:ignore*/ left: calc((100vw - 58rem) / 2 + 58rem + 4rem); /*rtl:ignore*/ margin-right: -31rem; } .entry-content > .alignwide { max-width: 120rem; width: 120rem; } [class*="__inner-container"] > .alignwide { max-width: 120rem; width: 100%; } .alignleft, .alignright, .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft, .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { max-width: 25rem; } /* Template: Full Width ------------------ */ body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 0; padding-right: 0; } body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 0; } body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 0; } } @media (min-width:1330px) { /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .alignleft, .alignright, .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft, .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { max-width: 29rem; } /* Blocks -------------------------------- */ /* BLOCK: PULLQUOTE */ .wp-block-pullquote.is-style-solid-color.alignleft::before, .wp-block-pullquote.is-style-solid-color.alignright::before { top: 0; } } /* Custom css start here */ @font-face { font-family: proxima-nova-bold; src: url(https://static.smartspends.com/static/fonts/proximanova/proximanova-bold-webfont.woff2) format('woff2'), url(https://static.smartspends.com/static/fonts/proximanova/proximanova-bold-webfont.woff) format('woff'); font-display: swap; font-weight: 600; font-style: normal } @font-face { font-family: proxima-nova-semibold; src: url(https://static.smartspends.com/static/fonts/proximanova/proximanova-semibold-webfont.woff2) format('woff2'), url(https://static.smartspends.com/static/fonts/proximanova/proximanova-semibold-webfont.woff) format('woff'); font-display: swap } @font-face { font-family: proxima-nova-regular; src: url(https://static.smartspends.com/static/fonts/proximanova/proximanova-regular-webfont.woff2) format('woff2'), url(https://static.smartspends.com/static/fonts/proximanova/proximanova-regular-webfont.woff) format('woff'); font-display: swap } @font-face { font-family: cabinet-grotesk-medium; src: url('https://static.smartspends.com/static/fonts/cabinetgrotesk/CabinetGrotesk-Medium.woff2') format('woff2'); font-style: normal; font-display: swap } @font-face { font-family: cabinet-grotesk-extrabold; src: url('https://static.smartspends.com/static/fonts/cabinetgrotesk/CabinetGrotesk-Extrabold.woff2') format('woff2'); font-style: normal; font-display: swap } @font-face { font-family: cabinet-grotesk-bold; src: url('https://static.smartspends.com/static/fonts/cabinetgrotesk/CabinetGrotesk-Bold.woff2') format('woff2'); font-style: normal; font-display: swap } ul, ol { margin: 0; padding: 0; list-style: none; } button:hover, button:focus { text-decoration: none; } .text-center { text-align: center; } #mainHeader .logoText{ font-size:16px; line-height:22px; margin:0 40px 0 12px; color:var(--primary-green); padding:0 0 0 10px; border-left:1px solid var(--black60);} /* Welcome Title header css End here */ .welcomeSec { padding: 38px 0 0; } .welcomeSec h1 { font-size: 42px; line-height: 57px; color: var(--black90); font-family: cabinet-grotesk-bold; margin: 0; font-weight: normal; } .welcomeSec p { font-size: 24px; line-height: 41px; color: var(--black90); margin: 0; } /*Grid Layout 3 coloum*/ .post-list__row:not(.post-list__column) { margin-right: -16px; margin-left: -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .post-list__row:before, .post-list__row:after { display: table; content: " "; } .post-list__row .post-grid, .post-list__masonryrow .post-grid { width: 33.33%; margin-bottom: 32px; padding-right: 16px; padding-left: 16px; } .post-list__row .post-grid .post-list_body, .post-list__masonryrow .post-grid .post-list_body { overflow: hidden; border: 1px solid var(--black10); background: var(--white-color); border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } @media (min-width:992px) { .post-list__row.slides-wrapper { width: calc(100% + 32px) !important } .post-list__row .post-grid .post-list_body:hover { border-color: transparent; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); } } @media (max-width:991px) { .post-list__row .post-grid { width: 50%; } .post-list__row.slides-wrapper { -ms-flex-flow: nowrap; flex-flow: nowrap; padding-left: 16px !important; } .post-list__row.slides-wrapper .post-grid { margin-bottom: 0px; padding-left: 0px; width: 100%; } .post-list__row.slides-wrapper .post-grid .post-list_body { width: 335px; } #mainHeader .logoText{ font-size: 14px; line-height: 13px; margin: 0; padding: 0 0 0 8px;} } @media (max-width:659px) { .post-list__row .post-grid { width: 100%; } .post-list__row .post-grid:last-child { margin-bottom: 0px; } } /*Masonry row Layout*/ .post-list__masonryrow, .post-list__column { margin-right: -16px; margin-left: -16px; min-height: 1000px; overflow: hidden; width: calc(100% + 32px) !important; padding-top: 5px; } .post-list__masonryrow:before, .post-list__masonryrow:after, .post-list__column:before, .post-list__column:after { display: table; content: " "; } .post-list__column { min-height: unset; } @media (min-width:992px) { .post-list__masonryrow .post-grid, .post-list__column .post-grid { display: inline-block; min-height: 100px; width: 33.33%; float: left; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-animation: moveUp 0.45s ease forwards; animation: moveUp 0.45s ease forwards; } @-webkit-keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .post-list__masonryrow .post-grid .post-list_body:hover { border-color: transparent; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); } } @media (max-width:991px) { .post-list__masonryrow .post-grid, .post-list__column .post-grid { width: 50%; } } @media (max-width:659px) { .post-list__masonryrow .post-grid, .post-list__column .post-grid { width: 100%; } .post-list__masonryrow .post-grid:last-child { margin-bottom: 0px; } } /*Post List Style*/ .postListing .post-list_body .post-list_details { padding: 12px 20px 20px; } .postListing .post-list_body .featured-media img { border-radius: 8px; } .postListing .collection-social-bites .post-list_body .entry-title { margin: 0; } .postListing .collection-social-bites .post-list_details { padding-top: 20px; } .postListing .collection-social-bites .post-list_body { height: auto !important; } .postListing .post-list_body .entry-title { font-size: 18px; line-height: 22px; color: var(--black90); margin: 0 0 12px; font-family: cabinet-grotesk-bold; font-weight: normal; white-space:normal;} .postListing .post-list_body .entry-title a { display: block; color: var(--black90) !important; text-decoration: none; } .postListing .post-list_body:hover .entry-title a { color: var(--primary-green) !important; } .postListing .post-list_body .viewallrow { height: 59px; position: relative; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 10px 21px 20px; border-radius: 0 0 8px 8px; } .postListing .post-list_body .viewallrow:before { border-top: 1px solid #D9D9D9; opacity: 0.4; height: 1px; width: 100%; position: absolute; top: 0px; content: ''; display: block; left: 0px; } .postListing .post-list_body .viewallrow .dots { cursor: pointer; color: var(--black60); width: 30px; text-align: center; } .postListing .post-list_body .post-meta { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .postListing .post-list_body .post-inner { padding: 0; } .postListing .post-list_body .wp-block-image img { height: 300px; -o-object-fit: cover; object-fit: cover; } .post-meta-wrapper.post-meta-single-bottom { margin-top: 10px; } .entry-categories .post-meta-wrapper.post-meta-single-bottom { margin-top: 0; } .archive-header { padding: 20px 0; text-align: center; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); position: relative; } .archive-header.withtab { padding-bottom: 0; } .postListing .post-list_body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .postListing .postinfo-with-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .sec-learn_category_filter .collection-articles .post-list_body { height: 220px; border-top: 4px solid var(--primary-green) !important; } .sec-learn_category_filter .collection-articles .post-list_details { padding: 28px 24px 32px; } .sec-learn_category_filter .collection-articles .artical__content { margin-bottom: 0px; font-size: 14px; line-height: 22px; color: var(--black90); } @media (max-width:991px) { .postListing .post-list_body .viewallrow { height: 48px; padding: 12px 10px 12px 16px; } .sec-learn_category_filter .collection-articles .entry-title { margin-bottom: 8px; } .sec-learn_category_filter .collection-articles .post-list_body { height: auto; } } /*Post Listing Skeleton Images*/ .postListing .post-list_body .post-list__img { display: block; position: relative } .postListing .post-list_body .post-list__img img { display: block; position: relative; z-index: 9; -o-object-fit: fill; object-fit: fill; height: 100%; width: 100%; } .postListing .post-list_body .post-list__img img[src=""] { display: none; } .postListing .post-grid:not(.collection-social-bites) .post-list_body .post-list__img { height: 211px; } .postListing .post-list_body .post-list__img:after { content: ''; display: block; background: var(--black3); position: absolute; left: 20px; top: 20px; right: 20px; z-index: 8; width: calc(100% - 40px); height: calc(100% - 20px); } .postListing .collection-social-bites .post-list_body .post-list__img { min-height: 150px } @media (max-width:991px) { .postListing .post-list_body .post-list_details { padding: 16px 16px 14px; } .sec-learn_category_filter .collection-articles .post-list_details { padding: 20px 20px 24px; } .postListing .post-list_body .entry-title { font-size: 16px; line-height: 20px; } .postListing .collection-bites .post-list_body .post-list__img { height: 450px; } .postListing .collection-bites .post-list_body .post-list__img:after { height: 430px; } } @media (max-width:767px) { .archive-header.withtab { margin-bottom: 0; } .gridListing .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 20px; } .gridListing article { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 0 15px; } .hidden-xs{ display:none!important;} } /* Post Listing Tags and Auther Name, Date Time*/ .tag-cards__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 28px; overflow: hidden; } .tag-cards_list { width: 100% } .tag-cards_list a, .tag-cards_list .meta-text a, .tag-cards_list .more-tag { font-size: 14px; line-height: 18px; margin-right: 8px; text-decoration: none; background: var(--black3); border-radius: 40px; border: 1px solid var(--black3); padding: 3px 12px; color: var(--black90) !important; float: left; } .tag-cards_list a:focus, .tag-cards_list a:hover, .tag-cards_list .meta-text a:focus, .tag-cards_list .meta-text a:hover { background: var(--white-color); color: var(--primary-green) !important; border-color: var(--primary-green); text-decoration: none !important; } .tag-cards_list .more-tag a:last-child { margin-right: 0px; } .post-info__wrap { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; line-height: 18px; color: var(--black60); } .post-info__wrap span { font-size: 14px; line-height: 18px; color: var(--black60); position: relative; } .tag-cards__wrap .meta-text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; } .tag-cards__wrap { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; overflow-x: scroll !important; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none !important; overflow: -moz-scrollbars-none; margin: initial; -webkit-overflow-scrolling: touch; padding: 0px; } .tag-cards__wrap::-webkit-scrollbar { display: none !important; -webkit-appearance: none !important; width: 0 !important; height: 0 !important; } .tag-cards__wrap::-webkit-scrollbar-thumb { background: var(--black3) !important; width: 0 !important; height: 0 !important; } .post-info__wrap .read-time { padding-left: 12px; } .post-info__wrap .read-time:before { position: absolute; left: 0; top: calc(50% - 1px); width: 4px; height: 4px; border-radius: 50%; background: var(--black10); content: ''; } .post-info__wrap a { color: var(--black60); font-size: 14px; line-height: 18px; text-decoration: none; } .post-info__wrap a:hover { text-decoration: underline; } .post-info__wrap .author-name { padding-right:8px; text-transform: capitalize;} .post-info__wrap .author-name a:hover{ color:var(--primary-green); text-decoration: none;} @media (max-width:767px) { .tag-cards__wrap { height: 22px; } .post-info__wrap { margin-top: 10px } .tag-cards_list a, .tag-cards_list .meta-text a, .tag-cards_list .more-tag { font-size: 12px; line-height: 14px; padding: 2px 8px; } .post-info__wrap span { font-size: 12px; line-height: 16px; } .post-info__wrap span a{ font-size: 12px; line-height: 16px;} } /* Most Trending css start here */ .most-trending_wrap {/*max-width: 716px ; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; opacity: 1; height: auto;*/max-height: 32px; overflow: hidden } .most-trending_wrap.hide-trends { -webkit-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; transition: opacity 1s ease-out; opacity: 0; height: 0; overflow: hidden; } .most-trending_wrap.show-tags { max-height: 62px; } .trending-tags__list { position: relative; padding: 0px 0 0 26px; display: block; } .trending-tags__list li { margin-right: 8px; } .trending-tags__list li .trending-tags__icon { width: 18px; height: 15px; display: inline-block; margin-right: 4px; } .trending-tags__list li .trending-tags__icon img { max-width: 18px; } .trending-tags__list li span.active { color: green; font-weight: bold; } .trending-tags__list li .trending-tags__name /*.trending-tags__list .show-more-topics */ { position: relative; font-size: 14px; line-height: 18px; color: var(--black90); background: var(--black3); padding: 4px 12px; border: 1px solid var(--black3); border-radius: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: top; cursor: pointer; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .trending-tags__list li .trending-tags__name:hover, .trending-tags__list li .trending-tags__name:focus, .trending-tags__list .show-more-topics:hover { background: var(--white-color); color: var(--primary-green); border: 1px solid var(--primary-green); } /*.trending-tags__list li.morebtn ~ li { display: none; } .trending-tags__list li.morebtn.visible ~ li { display: inline-block; }*/ .pageContent { text-align: center; padding: 20px 0; font-weight: bold; font-size: 30px; color: blue } @media (min-width:1024px) { /* .trending-tags__list li:nth-child(8n) { clear: both; }*/ .trending-tags__list li { float: left; } } @media (max-width:992px) { .trending-tags__list { max-width: 550px; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; overflow: auto; padding: 0 0 0 16px; } .trending-tags__list::-webkit-scrollbar, .exp-learn_dropdown .exp-learn__title .visible-lg { display: none; } .trending-tags__list li { margin: 0px 6px 0px 0px; } } @media (max-width:991px) { .trending-tags__list li .trending-tags__name /*.trending-tags__list .show-more-topics */ { font-size: 12px; line-height: 16px; padding: 2px 8px; } } /* Explore Section css start here */ .explore-learn__header { background: var(--white-color); padding: 25px 0px; position: relative; z-index: 1;} .exp-learn-nav__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .left-nav_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .right-nav_content { display: -webkit-box; display: -ms-flexbox; display: flex; } .learn-inApp__logo { display: none; } #learn-inApp__back-btn { display: none; } .exp-learn_dropdown { min-width: 148px; } .exp-learn_dropdown .exp-learn__title { margin: 0px; font-size: 18px; line-height: 26px; font-family: cabinet-grotesk-extrabold; padding: 0 38px 0 0; position: relative; cursor: pointer; font-weight: normal; } .exp-learn_dropdown .exp-learn__title:hover, .exp-learn_dropdown h4.active { color: var(--primary-green); } .exp-learn_dropdown .exp-learn__title:after { display: inline-block; position: absolute; right: 0; height: 26px; top: 0px; border-right: 1px solid var(--black10); content: ''; } .exp-learn_dropdown .exp-learn__title:before { display: inline-block; text-align: center; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: absolute; right: 15px; top: 2px; width: 15px; height: 26px; content: '\e917'; font-family: 'etm-project-icons'; color: var(--black40); line-height: 26px; font-size: 16px; } .exp-learn_dropdown.active .exp-learn__title:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); top: 0; } .exploreLists { position: absolute; left: 0; background: var(--white-color); top: 100%; width: 100%; border-top: 1px solid var(--black10); -webkit-box-shadow: 0px 3px 4px rgb(0 0 0 / 10%); box-shadow: 0px 3px 4px rgb(0 0 0 / 10%); padding: 24px 0 38px; display: none; z-index: 9; } .exploreLists .column { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; } .exploreLists .sec-title-sm { margin: 0 0 22px; color: var(--black90); } .exploreLists ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .exploreLists ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0px 0px; } .exploreLists ul li a { color: var(--black90); font-size: 16px; line-height: 20px; padding: 10px 0px; display: block; } .exploreLists ul li a:hover { color: var(--primary-green); } .exploreLists .sec-title-xs { margin-bottom: 10px; } @media (max-width:1023px) { .exp-learn_dropdown { min-width: 80px; margin: 0; } } @media (min-width:992px) { .explore-learn__header { -webkit-box-shadow: 0px 0px 4px rgb(0 0 0 / 18%); box-shadow: 0px 0px 4px rgb(0 0 0 / 18%); } .explore-learn__header .exploreLists.active { display: block; } /*.exp-learn_dropdown .exploreLists { top: 148px; position: fixed; left: 0; }*/ .exp-learn_dropdown .exploreLists:before { position: absolute; left: 0; top: -35px; height: 35px; width: 100%; content: ''; } } @media (max-width:991px) { .exp-learn_dropdown .exp-learn__title:before { right: 13px; } .right-nav_content { background: var(--secondary-black); padding: 16px 14px 14px; } .left-nav_content { padding: 12px 0px 12px 16px; } .explore-learn__header { padding: 0; -webkit-box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 6%); box-shadow: 0px 3px 3px -1px rgb(0 0 0 / 6%); z-index:11;} .exp-learn_dropdown .exp-learn__title { height: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: proxima-nova-semibold; font-size: 14px; line-height: 18px; padding: 0 30px 0 0; } .exploreLists .row-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .exploreLists { padding: 16px 0 22px; z-index: 99 } .exploreLists .sec-title-sm { margin-bottom: 14px; } .learn-abt__category { position: relative; padding-bottom: 24px; margin-bottom: 30px; } .learn-abt__category:after { content: ''; display: block; height: 4px; width: 36px; position: absolute; background: var(--black10); left: 0px; bottom: 0px; } .exp-learn-nav__wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0px !important; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .exploreLists ul li a { font-size: 14px; line-height: 18px; padding: 5px 0; } } /* Search bar css start here */ .searchBox { position: relative; } .searchBox .search-field { width: 300px; height: 32px; border: 1px solid var(--black10); border-radius: 20px; background: var(--white-color); padding: 5px 10px 5px 40px; font-size: 14px; line-height: 18px; color: var(--black60); font-family: 'proxima-nova-regular'; } .searchBox .search-field:focus { border-color: var(--primary-green); background: var(--white-color); } .searchBox .search-submit { position: absolute; width: 40px; height: 20px; background: none; font-size: 0; } .searchBox .search-submit.expand { width: 42px; } .bookmark-icon { background: var(--black3); width: 43px; border-radius: 6px; display: -ms-inline-grid; display: inline-grid; place-items: center; margin-left: 4px; } .searchBox .search-form label:before { content: '\e97b'; font-family: 'etm-project-icons' !important; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 44px; height: 32px; color: var(--black60); font-size: 22px; line-height: 22px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .searchBox.opened .search-form label:before { color: var(--primary-green); } @media (max-width:991px) { .searchBox { width: 100%; } .searchBox .search-field { width: 100%;line-height: 20px;padding-top: 6px;padding-bottom: 6px;padding-left: 36px; font-size: 14px; border-radius: 20px; } .searchBox .search-field:focus { width: 100%; border-color: var(--white-color); padding-left: 40px; } .searchBox .search-form label:before { height: 32px; } } /* Title and subtitle css start here */ .titleGroup { margin: 0 0 50px; } .secTitle { font-size: 42px; line-height: 52px; text-align: center; font-family: cabinet-grotesk-bold; color: var(--black90); margin: 0 0 10px; font-weight: normal; } .secSubTitle { font-size: 22px; line-height: 27px; text-align: center; font-family: cabinet-grotesk-bold; color: var(--black90); margin: 0; font-weight: normal; } .secondary-title { font-size: 32px; line-height: 40px; color: var(--black90); font-family: cabinet-grotesk-bold; margin: 0 0 10px; text-align: center; font-weight: normal; } @media(max-width:767px) { .secondary-title { font-size: 18px; line-height: 22px; } } /* Divider css start here */ hr.divider { max-width: 1156px; } hr.divider.tool { margin-top: 84px; margin-bottom: 0; } hr.divider.query { margin-top: 0; margin-bottom: 0; } /* View more btn css start here */ .viewLink a { font-size: 16px; line-height: 24px; color: var(--primary-green); font-family: cabinet-grotesk-bold; display: inline-block; vertical-align: top; position: relative; padding-right: 30px; font-weight: normal; } .viewLink a:hover { text-decoration: underline; } .viewLink a:before { position: absolute; right: 0; top: 11px; width: 15px; border-top: 2px solid #666; content: ''; } .viewLink a:after { position: absolute; right: 0; top: 7px; width: 10px; height: 10px; border-right: 2px solid #666; border-bottom: 2px solid #666; content: ''; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .viewLink a.onlyright { padding-right: 15px; } .viewLink a.onlyright:before { display: none; } .viewLink a.onlyright:after { border-right-color: var(--primary-green); border-bottom-color: var(--primary-green); } /* Follow and Subscribe section css start here */ .followSubscribe { background: #ABDBFF; padding: 84px 0 55px; } .followSubscribe .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .followSubscribe h4 { font-size: 24px; line-height: 32px; color: var(--black90); font-family: cabinet-grotesk-bold; margin: 0 0 26px; font-weight: normal; } .subscriptionBox { padding-right: 67px; position: relative; } .subscriptionBox:after { position: absolute; right: 0; bottom: 0; height: 56px; width: 1px; content: ''; background: var(--black40); } .subscriptionBox .subscribe-mail { height: 56px; border: none; background: var(--white-color); min-width: 345px; padding: 5px 15px; font-family: 'proxima-nova-regular'; } .subscriptionBox .subscribe-mail:focus { outline: none; } .followus { padding-left: 70px; min-width: 412px; } .followus ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 42px; } .followus ul li { margin-right: 4px; } .followus ul li a { display: -ms-inline-grid; display: inline-grid; place-items: center; width: 24px; height: 24px; background: #212426; border-radius: 50%; color: var(--white-color); font-size: 15px; } /* Post detail page css start here */ body.single-post #site-content { background: var(--white-color); } body.single-post .row-inner.nosidebar { max-width:820px; margin: 0 auto; } body.single-post .row-inner.content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } body.single-post .leftInfo { width: 784px; max-width: 100%; } body.single-post .entry-title { font-size: 28px; line-height: 34px; color: var(--black90); margin: 0 0 16px; font-family: cabinet-grotesk-extrabold; font-weight: normal; } body.single-post .postDetail h2 { font-size: 22px; line-height: 27px; margin: 40px 0 24px; font-family: cabinet-grotesk-bold; font-weight: normal!important; } body.single-post .postDetail h3 { font-size: 18px; line-height: 22px; margin: 40px 0 20px; color: #000; font-family: cabinet-grotesk-bold; font-weight: normal!important; } body.single-post .postDetail h4 { font-size: 16px; line-height: 20px; margin: 0 0 15px; color: #000; font-family: cabinet-grotesk-bold; font-weight: normal!important; } body.single-post .topBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 30px; } body.single-post .topBar .post-info__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .topBar .post-info__box .author-name { font-size: 16px; line-height: 20px; color: var(--black90); font-family: proxima-nova-semibold; } .topBar .post-info__box .author-name a { color: var(--black90); text-transform: capitalize; } .topBar .post-info__box .author-name a:hover { text-decoration: underline; } .post-info__box .date-info { font-size: 14px; line-height: 18px; color: var(--black60); } body.single-post .post-meta { font-size: 16px; color: var(--black40); } body.single-post .wp-block-pullquote { margin: 0 0 30px !important; text-align: left; } body.single-post .wp-block-pullquote:before { display: none; } .leftInfo .wp-block-image{ margin:0 0 56px;} body.single-post .leftInfo .wp-block-image img{ min-width:100%; height: auto; border-radius:8px;} .post-info__box{ flex-direction: column;} .leftInfo .share-story{ display:none;} .meta-info{ display: flex;} .meta-info .author-avatar{ margin-right:13px;} .meta-info .author-avatar img{ width:40px; height:40px; border-radius:50%; vertical-align:top;} .meta-info .name{ font-size:14px; line-height:18px; color:var(--black90); font-family:'proxima-nova-semibold'; margin-bottom:4px; text-transform: capitalize;} .meta-info .name a{ color:var(--black90)!important;} .meta-info .name a:hover{ color:var(--primary-green)!important;} .meta-info .author-info{ display: inline-flex; flex-direction: column;} /* .entry-content > blockquote{ border-left: 4px solid var(--blue-color); padding: 5px 0 6px 21px; width: auto; background: var(--alice-blue);} */ .wp-block-pullquote blockquote { border: 1px solid var(--black10); padding: 32px 24px; border-radius: 8px; } .wp-block-pullquote blockquote p { font-size: 16px; line-height: 20px; color: var(--black40); font-weight: normal; margin: 0 0 12px; } .wp-block-pullquote blockquote cite { font-size: 16px; line-height: 1.5; color: var(--black90); margin: 0; } .wp-block-pullquote .hiddenText, .wp-block-pullquote .readLess { display: none; } .wp-block-pullquote .showless .readMore { display: none; } .wp-block-pullquote .showless .hiddenText, .wp-block-pullquote .showless .readLess { display: inline; } .wp-block-pullquote .readMore, .wp-block-pullquote .readLess { color: var(--primary-green); cursor: pointer; } .wp-block-pullquote.fullview .hiddenText { display: inline; } .wp-block-pullquote.fullview .readMore, .wp-block-pullquote.fullview .readLess { display: none; } .wp-block-quote { max-width: 100%; margin: 40px auto; padding: 0; border: none; position: relative; padding-left: 67px; } .wp-block-quote:before { position: absolute; left: 0; top: -12px; width: 47px; height: 33px; content: ''; background: url('assets/images/quote-green.svg') no-repeat 0 0; background-size: 100%; } .wp-block-quote p { font-size: 18px; line-height: 22px; color: var(--black90); margin: 0; font-family: 'cabinet-grotesk-medium'; font-weight: normal; } .wp-block-quote p strong { font-weight: normal; } .wp-block-quote cite { font-size: 18px; line-height: 22px; color: var(--black90); margin: 16px 0 0 15px; font-family: 'cabinet-grotesk-bold'; display: inline-block; position: relative; font-weight: normal; } .wp-block-quote cite:before { position: absolute; left: -15px; top: 9px; width: 10px; border-top: 2px dashed var(--black90); content: ''; } .wp-block-quote.oneline { margin: 0 0 16px; border-left: 4px solid var(--blue-color); padding: 5px 0 6px 21px; width: auto; background: var(--alice-blue); } .wp-block-quote.oneline:before { display: none; } .wp-block-quote.oneline p { font-size: 16px; line-height: 1.5; color: var(--black60); font-style: normal; } .wp-block-image.with-bgcolor { background: var(--black3); text-align: center; } .wp-block-image.center img { margin: 0 auto; } .highlight-bullets { background: var(--black3); padding: 30px 24px; gap: 0 !important; } body.single-post .highlight-bullets p { font-size: 18px; line-height: 28px; color: var(--black40); font-weight: normal; margin: 0 0 12px; } .highlight-bullets ul li { font-size: 18px; line-height: 28px; color: var(--black90); margin: 0; position: relative; padding-left: 15px; } .highlight-bullets ul li:before { position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; content: ''; background: var(--black90); } .share-btn-container { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .share-btn-container a { color: var(--black40); margin-left: 10px; font-size: 18px; } .wp-block-table table { margin: 0; font-size: 16px; line-height: 1.5; color: var(--black60); } .post-info__box .dateShare { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; justify-content: space-between; margin-top:20px;} .post-info__box .dateShare .share-story{ margin-bottom:0;} @media (max-width:991px) { body.single-post .entry-title { font-size: 22px; line-height: 28px; font-family: 'cabinet-grotesk-bold'; margin: 0 0 12px; font-weight: normal; } .entry-content p, .entry-content li { font-size: 14px; line-height: 22px; color: var(--black90); } .entry-content p { margin-bottom: 16px; } body.single-post .postDetail h2 { font-size: 18px; line-height: 22px; margin: 48px 0 16px; } body.single-post .postDetail h3 { font-size: 15px; line-height: 20px; margin: 0 0 10px; } .postDetail .entry-content ul>li h3 { line-height: 22px !important; } body.single-post .postDetail h4 { font-size: 13px; line-height: 15px; margin: 0 0 10px; } body.single-post .topBar { margin: 0 0 15px; } .wp-block-pullquote blockquote { padding: 18px 15px; } .wp-block-pullquote blockquote p { font-size: 12px; line-height: 16px; margin-bottom: 6px; } .wp-block-pullquote blockquote cite { font-size: 14px; line-height: 1.5; } .wp-block-quote { margin: 20px auto 20px 0; padding-left: 50px; } .wp-block-quote p { margin-bottom: 0; } .wp-block-quote.oneline { padding-left: 12px; max-width: 100%; } .wp-block-quote.oneline p { font-size: 14px; line-height: 1.6; } .postDetail .post-info__box { flex-direction: column; } .postDetail .tag-cards__wrap { min-width: 100%; margin-bottom:10px;} .post-info__box .date-info { font-size: 12px; line-height: 16px; white-space: nowrap; } .nosidebar .post-info__box .date-info{ margin-bottom:15px;} .wp-block-quote:before { width: 30px; height: 22px; top: -5px; } .wp-block-quote cite { font-size: 14px; margin-top: 10px; } .leftInfo .wp-block-image{ margin:0 0 48px;} } /* Breadcrumb css start here */ .postDetail .breadcrumbBar { padding-top: 32px; padding-bottom:20px; position: static;} .breadcrumbBar { padding: 23px 0 0; background: var(--white-color); position: relative; z-index: 1; } .breadcrumbBar .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } #breadcrumbs { margin: 0; font-size: 14px; line-height: 18px; color: var(--black60); } #breadcrumbs a { margin: 0; color:var(--primary-green);} #breadcrumbs .icon-caret-forward:before { margin: 3px 0 0; display: inline-block; vertical-align: top; } #breadcrumbs a:hover { text-decoration: underline; } #breadcrumbs > span > span > a { margin-left: 0; } .rightInfo { width: 341px; position: sticky; top:86px; -ms-flex-item-align: start; align-self: flex-start; } .rightInfo #secondary { border: 1px solid var(--black10); border-radius: 8px; position: relative; } .rightInfo #secondary p{ padding: 22px 7%; font-family: proxima-nova-semibold; font-size: 16px; line-height: 20px; margin: 0; } .rightInfo #secondary .widget { margin: 0; } .rightInfo #secondary .readTime { position: absolute; right: 7%; top: 23px; font-size: 14px; line-height: 18px; color: var(--black60); } .share-story { margin-bottom:23px; position: relative; border-radius: 8px; border: 1px solid var(--black10); display:flex; justify-content: space-between; align-items: center; padding:13px 18px 13px 24px;} .share-story p { margin: 0; font-size: 16px; line-height: 20px; color: var(--black90); } .ez-toc-widget-container ul { display: block !important; padding: 20px 7% 1px !important; border-top: 1px solid var(--black10); } .ez-toc-widget-container ul li.active { background: none !important; } .ez-toc-widget-container ul li { margin: 0 0 20px; font-size: 16px; line-height: 20px; } .ez-toc-widget-container ul li a { padding: 0 !important; color: var(--black90); } .ez-toc-widget-container ul li a:hover { color: var(--primary-green); text-decoration: underline; } .ez-toc-widget-container li.active > a { font-weight: normal; color: var(--primary-green); font-family: 'proxima-nova-semibold'; } @media(max-width:991px) { body.single-post .row-inner.content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .rightInfo { width: 100%; display: none; } #breadcrumbs { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .breadcrumbBar { padding: 10px 0; } .postDetail .breadcrumbBar { padding-bottom: 15px; padding-top:25px;} } @media(min-width:992px) and (max-width:1180px) { body.single-post .leftInfo { width: 70%; } .rightInfo { width: 25%; } } /* ================== Custom table css start here================ */ .learn-table { margin-bottom: 20px; overflow-x: auto; max-width: 100%; } .learn-table table { width: 100%; border: 1px solid #eae3e3; margin: 0; overflow: visible; } .learn-table table th { padding: 10px 8px; font-size: 15px; line-height: 20px; border-right: 1px solid #eae3e3; color: var(--white-color); vertical-align: middle; text-transform: none; font-weight: normal; } .learn-table table td { padding: 10px 8px; font-size: 15px; line-height: 20px; border-right: 1px solid #eae3e3; border-top: 1px solid #eae3e3; color: #333; vertical-align: middle; } .learn-table table th:last-child, .learn-table table td:last-child { border-right: 0; } .learn-table table tr.heading th, .learn-table table tr.heading td { background: var(--primary-green); color: var(--white-color); font-family: proxima-nova-semibold; } .learn-table table td a{ color:var(--primary-green);} .learn-table table tr.heading.center th { text-align: center; } .learn-table table tr.highlight { background: #EBEBD9; font-family: cabinet-grotesk-bold; font-weight: normal; } .learn-table table tr.highlight td { color: var(--black90); font-family: cabinet-grotesk-bold; font-weight: normal; font-size: 16px; line-height: 22px; } .learn-table table tr.bold td { font-family: proxima-nova-semibold; } .learn-table table tr td.bold { font-family: proxima-nova-semibold; } .learn-table table tr td.center { text-align: center; } .learn-table table tr th.left, .learn-table table tr td.left { text-align: left; } .learn-table table tr th.nowrap, .learn-table table tr td.nowrap { white-space: nowrap; } .learn-table.table-center table th, .learn-table.table-center table td { text-align: center; } .learn-table.firstcolleft tbody th:first-child, .learn-table.firstcolleft tbody td:first-child { text-align: left; } .learn-table.twoequal-column table th, .learn-table.twoequal-column table td { width: 50%; } .learn-table.column-heading table td:first-child { font-family: proxima-nova-semibold; } .learn-table table td ul { margin: 0; list-style: disc } .learn-table table td ul li { font-size: 15px !important; line-height: 20px !important; margin-bottom: 2px !important; } .learn-table.strongsemi table td strong { font-family: proxima-nova-semibold; } .learn-table_date { text-align: right; } .learn-table .cta { width: auto; padding-right: 20px; padding-left: 20px } .learn-dynamic__table .table-invest-btn { width: 100px; text-align: center; padding: 5px 10px; border-radius: 30px; border: solid 1px var(--primary-green); color: var(--primary-green); font-size: 14px; line-height: 17px; display: block; background: #fff; margin: 0 auto; } .learn-dynamic__table .table-invest-btn:hover, .learn-dynamic__table .table-invest-btn:active, .learn-dynamic__table .table-invest-btn:focus { border: solid 1px var(--primary-green); color: var(--white-color); background: var(--hover-primary-green); } @media (max-width:767px) { .learn-table table td { font-size: 14px; line-height: 18px; } } @media (max-width:991px) { .learn-dynamic__table .table-invest-btn { width: auto; white-space: nowrap; } .learn-dynamic__table { overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none !important; overflow: -moz-scrollbars-none; margin: initial; -webkit-overflow-scrolling: touch; } .learn-dynamic__table::-webkit-scrollbar { display: none !important; -webkit-appearance: none !important; width: 0 !important; height: 0 !important; } .learn-dynamic__table::-webkit-scrollbar-thumb { background: var(--black3) !important; width: 0 !important; height: 0 !important; } .learn-dynamic__table table tr td:first-child { min-width: 150px; } } /* ================== Like Unlike blog detail css start here================ */ .grayDetailbox { background: var(--black3); border-radius: 8px; padding: 30px 24px; } .grayDetailbox h3 { margin: 0 0 8px !important; font-size: 22px; line-height: 28px; color: var(--black90); font-family: cabinet-grotesk-bold; font-weight: normal; } .grayDetailbox p { font-size: 16px; line-height: 20px; color: var(--black60); margin: 0 0 30px; } .likeUnlike_sec { margin-top: 70px; } .wpac-buttons-container { padding: 0; } .wpac-vs-bar-container { display: none; } .wpac-btn-container { width: auto; margin: 0 15px 0 0; } .wpac-btn { background: var(--black10); border-radius: 40px; color: var(--black90) !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpac-flat-btn .wpac-btn-icon { padding: 0 5px 0 15px; } .wpac-like-btn:hover, .wpac-dislike-btn:hover { background: #bfbfbf; } .wpac-flat-btn .wpac-btn-icon i { display: inline-block; vertical-align: top; width: 24px; height: 24px; } .wpac-flat-btn .wpac-btn-icon .fa-thumbs-up { background: url('assets/images/thumbs_up.svg') no-repeat 0 0; background-size: 24px; } .wpac-flat-btn .wpac-btn-icon .fa-thumbs-down { background: url('assets/images/thumbs_down.svg') no-repeat 0 0; background-size: 24px; } .wpac-flat-btn .wpac-btn-icon .fa-thumbs-up:before, .wpac-flat-btn .wpac-btn-icon .fa-thumbs-down:before { display: none; } .wpac-flat-btn .wpac-btn-label { margin: 0; padding: 3px 10px 2px 0; font-family: cabinet-grotesk-extrabold; font-size: 22px; line-height: 32px; font-weight: normal; } .wpac-flat-btn.wpac-like-btn .wpac-btn-icon { background: none; } .wpac-flat-btn.wpac-dislike-btn .wpac-btn-icon { background: none; } /* ================== Subscribe box blog detail css start here================ */ .sec-learn_category_filter .subscribeBox { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); } .subscribeBox { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: var(--bg-green) url('assets/images/subscribe-bg.svg') no-repeat right top; background-size: auto 100%; padding: 20px 26px 20px 119px; position: relative; overflow: hidden; } .subscribeBox .row-flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subscribeBox .bellIcon { width: 171px; height: 171px; background: #DEFFDB; padding: 0 35px 0 0; text-align: center; border-radius: 50%; position: absolute; left: -50px; top: calc(50% - 85px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .subscribeBox .info { padding-left: 20px; max-width: calc(100% - 230px); } body.single-post .postDetail .subscribeBox .heading { font-size: 18px; line-height: 22px; color: var(--black90); font-family: cabinet-grotesk-bold; font-weight:400; margin:0 0 8px;} .subscribeBox p { margin: 0; font-size: 14px; line-height: 18px; color: var(--black60); } .subscribeBox .cta-btn { min-width: 170px; } .cta-btn { font-size: 14px; line-height: 24px; font-family: proxima-nova-semibold; padding: 6px 22px; border-radius: 18px; } .cta-btn.cta-green { background: var(--primary-green); color: var(--white-color); } .cta-btn.cta-green:hover { background: var(--hover-primary-green); } .cta-md { font-size: 16px; padding: 12px 10px; min-width: 190px; border-radius: 30px; } .cta-outline { border: 1px solid var(--black90); background: none !important; } .cta-outline.cta-green { border-color: var(--primary-green); color: var(--primary-green); } .cta-outline.cta-green:hover { background: var(--primary-green) !important; color: var(--white-color); } @media(min-width:768px) and (max-width:991px) { .subscribeBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 15px 15px 20px 100px; background-size: 50% 100%; } .subscribeBox .info { max-width: 100%; } .subscribeBox .cta-btn { margin: 15px 0 0 20px; } .subscribeBox .bellIcon { width: 150px; height: 150px; } body.single-post .postDetail .subscribeBox .heading { font-size: 16px; } } @media(max-width:767px) { .cta-md { padding: 5px 10px; min-width: 130px; font-size: 15px; } .grayDetailbox h3 { font-size: 16px; line-height: 20px; } } /* ================== Icon row detail css start here================ */ .detailIcon-group { margin: 30px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comment_btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 20px; color: var(--black90); cursor: pointer; } .comment_btn .icon-comment-chat { margin-right: 5px; font-size: 20px; color: var(--black60); line-height: 20px; } .right-icon { margin-right: 0px; margin-left: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: top; } .right-icon .icon { margin-left: 30px; cursor: pointer; } @media(max-width:767px) { .detailIcon-group { margin: 20px 0 0; } .grayDetailbox { padding: 20px; } .grayDetailbox p { margin-bottom: 20px; } .likeUnlike_sec { margin-top: 20px; } .wpac-flat-btn .wpac-btn-label { font-size: 18px; } .subscribeBox { margin-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: var(--bg-green); } .subscribeBox .bellIcon { width: 141px; height: 141px; left: auto; right: -30px; bottom: -30px; top: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 0 0 10%; } .subscribeBox .info { padding: 0; max-width: 100%; } body.single-post .postDetail .subscribeBox .heading { font-size: 16px; line-height: 20px; } .subscribeBox p { max-width: 70%; } } /* ================== Comments section css start here================ */ body.overlay, body.blackoverlay { position: relative; overflow: hidden; } body.overlay:before, body.blackoverlay:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, .4); z-index: 10; } .comments-wrapper { position: fixed; right: 0; top: 0; height: 100%; background: var(--white-color); -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.18); width: 430px; max-width: 100%; z-index: 100; padding-top: 36px; -webkit-transform: translateX(430px); -ms-transform: translateX(430px); transform: translateX(430px); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; overflow-y: auto; } .comments-wrapper.slide { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .comment-respond { padding: 0 24px 30px; } .comments-wrapper form { margin: 18px 0 0; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15); border-radius: 4px; padding: 16px 8px 8px; } .comments-wrapper .comment-notes, .comments-wrapper .comment-form-cookies-consent, .comments-wrapper .logged-in-as { display: none; } body.single-post .comment-reply-title { text-align: left; margin: 0; font-size: 22px; line-height: 28px; color: var(--black90); font-family: cabinet-grotesk-bold; font-weight: normal; } .comments-wrapper .closebtn { color: var(--black60); width: 18px; height: 18px; position: absolute; top: 42px; right: 24px; font-size: 18px; cursor: pointer; } /*.comments-wrapper .closebtn:before { position: absolute; left: 0; top: 1px; border-left: 2px solid var(--black60); content: ''; height: 24px; -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .comments-wrapper .closebtn:after { position: absolute; right: 0; top: 1px; border-right: 2px solid var(--black60); content: ''; height: 24px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } */ .comment-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .comment-author span { font-size: 16px; line-height: 20px; color: var(--black90); text-transform: capitalize; margin: 4px 0 2px; display: block; } .comment-author .url { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #comments .comments-inner { padding: 0 24px; } #comments .comments-inner .comment { padding: 24px 0 20px; margin: 0; border-bottom: 1px solid var(--black10); } #comments .comments-inner .comment:last-child { border-bottom: none; } #comments .comment-content p { font-size: 16px; line-height: 24px; color: var(--black90); } .comment-meta { position: relative; } .comment-metadata { font-size: 14px; line-height: 18px; color: var(--black60) !important; margin: 0; position: absolute; top: 26px; left: 60px; } .comments-wrapper .styled-separator:before, .comments-wrapper .styled-separator:after { display: none; } .comments-wrapper .styled-separator { background: none; border-top: 1px solid var(--black10); margin: 0; } .comment-reply-link { background: none !important; font-size: 16px; line-height: 20px; padding: 0; color: var(--primary-green); } #commentform .error { font-size: 13px; line-height: 15px; } .comment-content { font-size: 16px; line-height: 1.5; color: var(--black90); } body.single-post .postDetail h2.comment-list-title { padding: 0 24px 15px; margin: 0; border-bottom: 1px solid var(--black10); font-size: 16px; line-height: 24px; } @media(max-width:767px) { .comments-wrapper { -webkit-transform: translateY(105%); -ms-transform: translateY(105%); transform: translateY(105%); } .comments-wrapper.slide { -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); } } /* ================== Social Share section css start here================ */ .social-icons-post .icon-copy { color: var(--primary-green); background: var(--white-color); display: flex; width: 34px; height: 34px; border-radius: 100%; align-items: center; justify-content: center } .social-icons-post { display:flex;} .social-icons-post li { display: inline-flex; cursor: pointer; margin-left:14px;} .social-icons-post li a { display: inline-grid; place-items:center; width: 24px; height: 24px; font-size:25px; line-height:1; background:var(--black3); border-radius:50%; position: relative;} /* Related Posts css start here */ .relatedposts.noPosts { padding: 0; } .relatedposts.noPosts .sec-title__group { display: none; } .relatedposts .sec-title__group { padding-bottom: 25px; } .postDetail { padding-bottom: 56px; } .bottomgraySec { background: var(--black3); padding: 80px 0 50px; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); } .relatedposts .related-title { font-size: 32px; line-height: 40px; color: var(--black90); margin: 0; font-family: cabinet-grotesk-bold; text-align: center; width: 100%; font-weight: normal; } .clipboard-message { background: #3a3a3a; padding: 14px; border-radius: 4px; width: 180px; position: fixed; bottom: 20px; z-index: 2; right: 50%; font-size: 14px; margin-right: -90px; color: var(--white-color); } .clipboard-message.hidden { display: none; } @media(max-width:767px) { .postDetail { padding-bottom: 20px; } .bottomgraySec { padding: 20px 0; } .relatedposts .related-title { font-size: 22px; line-height: 28px; margin: 0 0 20px; } .social-icons-post { right: auto; left: 0; } } /* Listing Page Css start here */ /*.catTagList { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); padding: 25px 0 5px; margin: 0 0 50px; } .catTagList p { font-size: 16px; line-height: 20px; color: var(--black90); font-family: proxima-nova-semibold; } .catTagList ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catTagList ul li { margin: 0 20px 20px 0; } .catTagList ul li { display: inline-block; vertical-align: top; font-size: 14px; line-height: 18px; color: #000; padding: 7px 27px; border-radius: 40px; border: 0.5px solid var(--primary-green); cursor: pointer; } .catTagList ul li:hover, .catTagList ul li.active { background: var(--primary-green); color: var(--white-color); } .catTagList.tabbed { padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .catTagList.tabbed li { margin: 0; } .catTagList.tabbed li { font-size: 18px; line-height: 22px; font-family: cabinet-grotesk-bold; padding: 0 17px 18px; border: none; border-bottom: 5px solid rgba(0, 0, 0, 0); border-radius: 0; } .catTagList.tabbed li span:hover, .catTagList.tabbed li.active{ background: none; color: #000; border-color: var(--primary-green); } */ .postTagList { padding-bottom: 90px; } /* .gridListing article .right-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 18px 15px; -webkit-box-shadow: 0px 0px 4px rgb(0 0 0 / 18%); box-shadow: 0px 0px 4px rgb(0 0 0 / 18%); min-height: 50px; } .gridListing article .right-icon .icon { margin-left: 20px; } */ .post-filter__nav { padding-bottom: 0; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; overflow-x: auto; } .post-filter__nav::-webkit-scrollbar { display: none !important; } .post-filter__nav li { margin: 0; cursor: pointer; white-space: nowrap; } .post-filter__nav li a { padding: 12px 25px 12px; color: var(--black90); font-size: 18px; line-height: 22px; font-family: cabinet-grotesk-bold; border: none; border-bottom: 3px solid rgba(0, 0, 0, 0); display: inline-block; font-weight: normal; } .post-filter__nav li.active a { color: var(--primary-green) } .post-filter__nav li a:hover, .post-filter__nav li.active a { color: var(--primary-green); border-color: var(--primary-green); } @media (min-width:768px) and (max-width:991px) { .post-filter__nav li a { padding: 10px 20px; font-size: 16px; } } @media (max-width:767px) { .post-filter__nav li a { font-size: 14px; line-height: 18px; padding: 6px 12px; border-bottom-width: 2px; } } /*Archive Page Header*/ .learn-archive_header { padding: 20px 0px 0px; background-color: var(--white-color); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); } .learn-archive_header .learn-archive_col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 28px; } .learn-archive_header .learn-archive__icon { width: 32px; height: 32px; background: var(--alice-blue); border-radius: 4px; margin-right: 16px; display: -ms-inline-grid; display: inline-grid; place-items: center; padding: 2px; } .learn-archive_header .learn-archive__icon img { max-width: 28px; font-size: 0; } .learn-archive_header .learn-archive__title { color: var(--black90); font-size: 22px; line-height: 32px; font-family: cabinet-grotesk-extrabold; margin: 0px; font-weight: normal; } .head-no-filter .learn-archive_col { padding-bottom: 20px; } .otherCategory { border-top: 1px solid var(--black10); padding: 40px 0 52px; } .otherCategory ul { margin-top: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .otherCategory ul li { margin: 0 10px 20px; } .otherCategory ul li a { background: var(--white-color); border-radius: 4px; border: 1px solid var(--black10); padding: 22px 10px 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 20px; color: var(--black90); min-width: 155px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .otherCategory ul li a:hover { -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; } .otherCategory ul li .icon { width: 38px; height: 38px; display: -ms-inline-grid; display: inline-grid; place-items: center; background: var(--bg-green); margin: 0 0 7px; } .subscribe_sec { background: var(--white-color) url('assets/images/subscribe.svg') no-repeat right bottom; padding: 63px 0 80px; text-align: center; } .subscribe_sec p { font-size: 18px; line-height: 24px; color: var(--black90); margin: 0 auto 40px; width: 533px; max-width: 100%; } .quatationBox { font-size: 16px; line-height: 24px; color: var(--black90); padding: 50px 0 0; } .quatationBox .content { width: 60%; background: url('assets/images/quote-green.svg') no-repeat top left; padding-left: 55px; min-height: 34px; } .quatationBox .content p { margin: 0; } .quatationBox .wrapper { position: relative; } /* .postCatList article { padding: 24px 24px 30px; border-top: 8px solid var(--primary-green); } .postCatList article .entry-title { font-size: 22px; margin: 0 0 8px; min-height: 64px; } .postCatList article p { font-size: 18px; line-height: 28px; color: var(--black90); } */ @media (min-width:768px) and (max-width:991px) { .quatationBox .content { width: 100%; } } @media (max-width:767px) { .learn-archive_header { border-top: 1px solid var(--black10); } .learn-archive_header .row-inner { padding: 0px; } .learn-archive_header .learn-archive_col { padding: 0px 20px 18px 20px; } .learn-archive_header .single-page_filter { padding-left: 12px; } .learn-archive_header .learn-archive__title { font-size: 18px; line-height: 22px; } .catTagList { margin-bottom: 0; } .catTagList ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; } .catTagList ul::-webkit-scrollbar { display: none !important; } .catTagList.tabbed li span { font-size: 14px; line-height: 18px; font-family: proxima-nova-regular; color: var(--black60); border-width: 3px; padding-bottom: 10px; } .archive-header .icon { margin-right: 12px; } .quatationBox { padding: 30px 0 2px; } .quatationBox .content { width: 100%; background-image: url('assets/images/quote-green.svg'); padding-left: 45px; } .quatationBox .wrapper:after { display: none; } .quatationBox .content p { font-size: 14px; line-height: 22px; } .postTagList { padding-bottom: 20px; } .postCatList { padding-bottom: 20px; } .otherCategory { padding: 20px 0 25px; } .otherCategory ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .otherCategory ul::-webkit-scrollbar { display: none !important; } .otherCategory ul li { margin: 0 6px; } .otherCategory ul li a { min-width: 100px; text-align: center; font-size: 12px; line-height: 16px; padding: 15px 5px; height: 100%; } .otherCategory ul li .icon { margin: 0 0 10px; } .subscribe_sec { padding: 25px 0 120px; background: var(--white-color) url('assets/images/subscribe-center.svg') no-repeat center bottom; } .subscribe_sec p { font-size: 14px; line-height: 18px; margin-bottom: 20px; } .catTagList ul li { margin: 0 10px 15px 0; } .catTagList ul li span { font-size: 13px; padding: 5px 15px; } .head-no-filter .learn-archive_col { padding-bottom: 16px; } .head-no-filter { padding-top: 16px; } } /**** Home CSS Start ****/ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { padding: 8px; position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .owl-nav { width: 100%; margin: 0px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; padding: 0px; } .owl-carousel .owl-next, .owl-carousel .owl-prev { margin-top: -15%; border: 1px solid var(--black10) !important; width: 40px; height: 40px; border-radius: 100%; z-index: 9; position: relative; background: var(--black3); } .owl-carousel .owl-next span, .owl-carousel .owl-prev span { color: transparent; position: absolute; left: 0px; width: 100%; height: 100%; top: 0px; display: inline-block; } .owl-carousel .owl-next span:before, .owl-carousel .owl-prev span:before { color: var(--primary-green) !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; position: absolute; font-size: 24px; line-height: 24px; font-family: 'etm-project-icons' !important; content: ''; overflow: hidden; } .owl-carousel .owl-prev span:before { content: '\e916'; } .owl-carousel .owl-next span:before { content: '\e919'; } .owl-carousel button.disabled { opacity: 0.6; cursor: not-allowed !important; } .owl-carousel { display: none; } .no-js .owl-carousel { display: block; } .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dots { display: none; } .owl-carousel { -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; opacity: 1; height: auto; } .owl-carousel.fadein-slides { -webkit-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; transition: opacity 1s ease-out; opacity: 0; height: 0; overflow: hidden; } /*----------- Button CSS -----------*/ .cta { font-family: proxima-nova-semibold; text-align: center; border-radius: 30px; font-size: 16px; line-height: 24px; padding: 11px 12px; display: inline-block; border: 1px solid transparent; -webkit-transition: all 200ms ease !important; -o-transition: all 200ms ease !important; transition: all 200ms ease !important; width: 100%; min-width: 100px; text-decoration: none !important; } .cta-hollow { border-color: var(--primary-green); background: transparent; color: var(--primary-green); cursor: pointer; } .cta-hollow:hover { background: var(--primary-green); color: var(--white-color); text-decoration: none; } .cta-primary { background: var(--primary-green); color: var(--white-color); border-color: var(--primary-green); } .cta-primary:hover, .cta-primary:focus { background: var(--hover-primary-green); color: var(--white-color); text-decoration: none; } .cta .cta-text-icon { position: relative; padding-right: 20px; padding-left: 20px; display: inline-block; } .cta .cta-text-icon [class*=" icon-"] { position: absolute; right: 0px; width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; top: 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cta-green-link { cursor: pointer; position: relative; font-size: 18px; line-height: 22px; color: var(--primary-green); display: inline-block; vertical-align: top; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-family: 'cabinet-grotesk-bold'; font-weight: normal; } .cta-green-link.cta-icon { padding-right: 22px; } .cta-green-link [class^="icon-"] { color: var(--black40); position: absolute; right: 0px; top: 0px; width: 24px; height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cta-green-link:hover [class^="icon-"] { color: var(--primary-green) !important; } .cta-green-link.cta-icon .icon-arrow-forward:before { font-weight: 700; font-size: 16px; line-height: 16px; } .cta-green-link.cta-icon .icon-caret-forward:before, .cta .cta-text-icon .icon-caret-forward:before, .cta .caret-forward:before { font-size: 20px; line-height: 20px; } .cta .caret-forward:before { content: '\e919'; font-family: 'etm-project-icons' !important; width: 20px; height: 20px; right: 0px; top: 3px; display: inline-block; position: absolute; } .cta.cta-sm { margin-left: 8px; font-size: 14px; line-height: 18px; padding: 8px 12px; min-width: 125px; } .cta.cta-sm .cta-text-icon { padding-right: 20px; padding-left: 14px } .cta.cta-sm .caret-forward:before { top: 2px; font-size: 16px; line-height: 16px; } @media (max-width:991px) { .cta-green-link { font-size: 14px; line-height: 18px; } .cta-green-link.cta-icon { padding-right: 20px; } .cta-green-link [class^=icon-] { height: 16px; } .cta { font-size: 14px; padding: 6px 12px; } .cta-green-link.cta-icon .icon-caret-forward:before, .cta .cta-text-icon .icon-caret-forward:before, .cta .caret-forward:before { font-size: 16px; line-height: 20px; } } /*-----------Visible Large Small-----------*/ .hide { display: none !important; } .show { display: block !important; } .visible-xs { display: none!important; } .visible-web { display: block !important; } .visible-mweb { display: none !important; } @media (max-width:991px) { .visible-lg { display: none !important; } .visible-xs { display: block !important; } .visible-web { display: none !important; } .visible-mweb { display: block !important; } } /*-----------Branding Backgrond Colors-----------*/ .bg-primary { background: var(--white-color); } .bg-apricot { background: var(--black3); } .bg-apricot-dark { background: var(--dark-baige); } .bg-alice-blue { background: var(--alice-blue); } /*-----------Container Shadow-----------*/ .sec-shadowed { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); } /*-----------Branding Colors-----------*/ .white { color: var(--white-color) !important } .dark-grey { color: var(--black60) !important; } .light-grey { color: var(--black40) !important; } .light-green { color: #03D000 !important } .dark-green, .dark-green:hover { color: var(--primary-green) !important } a, a:hover { cursor: pointer; color: var(--primary-green);} .green-text { color: #03D000 !important; } .red-text { color: #FF3B3B !important } /*-----------Title CSS-----------*/ .sec-title-lg { font-size: 32px; line-height: 40px; font-family: 'cabinet-grotesk-bold'; color: var(--black90); margin: 0px 0px 16px; font-weight: normal; } .sec-title-md { font-size: 28px; line-height: 34px; color: var(--black90); margin: 0px 0px 16px; font-family: 'cabinet-grotesk-bold'; font-weight: normal; } .sec-title-sm { font-size: 22px; line-height: 27px; margin: 0px 0px 15px; color: var(--black90); font-family: 'cabinet-grotesk-bold'; font-weight: normal; } .sec-title-xs { font-size: 14px; line-height: 18px; margin: 0px 0px 15px; color: var(--black90); font-family: proxima-nova-semibold; } .sec-subtitle { font-size: 16px; line-height: 20px; color: var(--black90); font-weight: 400; margin: 10px 0px 25px } .sec-title__group { padding-bottom: 40px; text-align: center; } .sec-title__group .sec-title-lg { margin-bottom: 10px; } .sec-title__group .sec-subtitle { margin: 0px auto; max-width: 600px; } .sec-title__group.left-aligned .sec-subtitle { font-size: 16px; line-height: 24px; } @media (min-width:992px) { .sec-title__group.left-aligned .sec-title-lg { font-size: 42px; line-height: 52px; } } @media (max-width:1024px) { .sec-title__group.left-aligned .sec-title-lg { font-size: 38px; line-height: 44px; } .sec-title__group .sec-title-lg br { display: none; } .sec-title-lg { font-size: 28px; line-height: 32px; margin-bottom: 10px } .sec-title-md { font-size: 18px; line-height: 24px; margin-bottom: 10px } .sec-title-sm { font-size: 18px; line-height: 22px; margin-bottom: 10px } .sec-subtitle { font-size: 14px; line-height: 18px; } } @media (max-width:991px) { .sec-title-lg, .sec-title__group.left-aligned .sec-title-lg { font-size: 18px; line-height: 22px; margin-bottom: 8px } .sec-title-md { font-size: 16px; line-height: 20px; margin-bottom: 10px } .sec-title-sm { font-size: 18px; line-height: 22px; margin-bottom: 10px } .sec-subtitle { font-size: 12px; line-height: 16px; } .sec-title__group { padding-bottom: 23px; } } /* ============= Container ============= */ .row-inner { width: 100%; margin-right: auto; margin-left: auto; position: relative; } @media (min-width:280px) { .row-inner { padding-right: 16px; padding-left: 16px; } } @media (min-width:992px) { .row-inner { padding-right: 20px; padding-left: 20px; } } @media (min-width:1240px) { .row-inner { max-width: 1240px; padding-right: 24px; padding-left: 24px; } } /*----------- Grid CSS -----------*/ .pt0 { padding-top: 0 !important; } .section { padding-top: 80px; padding-bottom: 80px; } .first-section.section { padding-top: 48px; } .row-flex, .justify-space { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-space { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } @media (min-width:992px) { .left-content { padding-right: 30px; } .right-content { padding-left: 30px; } .custom-gutter { margin-right: -16px; margin-left: -16px; } .custom-gutter > [class*="col-"]:first-child { padding-right: 16px; } .custom-gutter > [class*="col-"]:last-child { padding-left: 16px; } .column-left { width: 40%; padding-right: 10px } .column-right { width: 60%; margin-left: auto; padding-left: 10px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (max-width:1024px) { .section { padding-top: 48px; padding-bottom: 48px; } } @media (max-width:991px) { .pd-lr { padding-right: 16px; padding-left: 16px; } .row-xs-pd0 { padding-left: 0px; padding-right: 0px; } .mweb-coloum { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .reserve-coloum { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .left-content, .right-content { width: 100%; } .flex-wrap-sm { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } [class*="col-"] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } .border-devider { border-top: 1px solid var(--black10); height: 2px; } /*White Card With Icon CSS*/ .white-cards__listing { margin-right: -16px; margin-left: -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .white-cards__listing:before, .white-cards__listing:after { display: table; content: " "; } .white-cards__listing .white-card_body { text-align: center; padding-right: 16px; padding-left: 16px; } .white-cards__listing .white-card_body .white-card_link { height: 100%; display: block; padding: 32px 22px; border: 1px solid var(--black10); border-radius: 8px; background: var(--white-color); } .white-cards__listing .white-card__icon { width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px auto 24px; } .white-cards__listing .white-card__icon img { max-width: 35px; height: auto;} .white-cards__listing .white-card__title { white-space: normal; font-family: proxima-nova-semibold; font-size: 16px; line-height: 20px; color: var(--black90); margin: 0px; font-weight: normal; } .cards-icons-bg .white-card__icon { background: var(--alice-blue); border-radius: 100%; } .inner-footer_wrap { padding-top: 24px; text-align: center; } .inner-footer_wrap .cta-green-link.cta-icon { margin: 0px auto; background: transparent; padding: 0px 20px; } @media (min-width:992px) { .white-cards__listing.slides-wrapper { width: calc(100% + 32px) !important } .white-cards__listing .white-card_body .white-card_link:hover { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); } } @media (max-width:991px) { .white-cards__listing .white-card_body { padding: 0 16px 0px 0 } .white-cards__listing .white-card_body .white-card_link { padding: 16px 16px 20px; } .white-cards__listing .white-card__title { font-size: 12px; line-height: 16px; } .white-cards__listing .white-card__icon { width: 32px; height: 32px; margin-bottom: 12px; } .white-cards__listing .white-card__icon img { max-width: 25px; } } /*White Card With Icon CSS*/ .learn-cards__wrap:not(.owl-carousel) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .learn-cards__wrap .item { height: 100%; } .learn-cards__wrap li { margin: 0px; } .learn-cards__wrap .product-card_link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; height: 100%; margin: 0px 16px; border-radius: 8px; background: var(--white-color); padding: 32px 25px 32px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid var(--black10); } .learn-cards__wrap .item:last-child .product-card, .learn-cards__wrap li:last-child .product-card_link { margin-right: 0px; } .learn-cards__wrap .product-card_icon { background: var(--alice-blue); width: 64px; height: 64px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0px auto; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .learn-cards__wrap .product-card_icon img { max-width: 40px; height: auto;} .learn-cards__wrap .product-card_title { white-space: break-spaces; font-size: 18px; line-height: 22px; color: var(--black90); font-family: cabinet-grotesk-bold; margin: 24px auto 0px; font-weight: normal; } @media (min-width:992px) { .learn-cards__wrap .product-card_link:hover { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); } } @media(max-width:991px) { .learn-cards__wrap .product-card_link { width: 116px; padding: 16px 12px 20px; margin: 0px 12px 0px 0px } .learn-cards__wrap .product-card_icon { width: 45px; height: 45px; } .learn-cards__wrap .product-card_icon img { max-width: 32px; } .learn-cards__wrap .product-card_title { margin: 12px auto 0px; font-size: 12px; line-height: 16px; } } /*Static Slider*/ .learn-static__slides .slides-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; overflow-x: scroll !important; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none !important; overflow: -moz-scrollbars-none; -webkit-overflow-scrolling: touch; -webkit-box-pack: start !important; -ms-flex-pack: start !important;} .learn-static__slides .slides-wrapper.white-cards__listing{ justify-content:center !important;} .learn-static__slides .slides-wrapper::-webkit-scrollbar { display: none !important; -webkit-appearance: none !important; width: 0 !important; height: 0 !important; } .learn-static__slides .slides-wrapper::-webkit-scrollbar-thumb { background: var(--black3) !important; width: 0 !important; height: 0 !important; } @media(max-width:991px) { .learn-static__slides { overflow: hidden; position: relative; padding-left: 0px; } .learn-static__slides .slides-wrapper { padding: 1px 1px 0px 16px; margin:initial;} .learn-static__slides .slides-wrapper.white-cards__listing{ justify-content: flex-start!important;} } /*Home Listing*/ .sec-learn__postlisting { padding-top: 43px; } .sec-learn__postlisting.hv_trust_build, .first-section.hv_trust_build{ padding-bottom:1px;} .welcome-content_wrap .sec-title__group { text-align: left; padding-bottom: 0px; } .welcome-content_wrap .sec-title-lg { margin: 0 0 32px; } .welcome-content_wrap .sec-subtitle { font-size: 24px; line-height: 32px; margin: 0px; } .postListing .home-article__wrap { max-width: 375px } @media(max-width:768px) { .sec-learn__postlisting { padding-top: 32px; } .welcome-content_wrap .sec-subtitle { font-size: 18px; line-height: 22px; } } @media(max-width:569px) { .sec-learn__postlisting .alm-listing { /*-moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 0px; -webkit-column-gap: 0px; column-gap: 0px; */ } .sec-learn__postlisting .post-grid, .post-list__row .post-grid, .post-list__masonryrow .post-grid { margin-bottom: 16px; } } @media(max-width:767px) { .welcome-content_wrap .sec-title-lg { font-size: 18px; line-height: 22px; margin: 0 0 18px; } } /*Category Section*/ .learn-category__cards .product-card_link { height: 100%; } .learn-cards__wrap .owl-dots { display: none; } @media(min-width:992px) { .sec-learn__category .learn-cards__wrap { max-width: 856px; } .sec-learn__category .sec-title__group { text-align: left; } .sec-learn__category .owl-nav .owl-prev { margin-left: 4px; } .sec-learn__category .owl-nav .owl-next { margin-right: -10px; } } @media(max-width:991px) { .sec-learn__postlisting.hv_trust_build{ padding-bottom:20px;} .sec-learn__category .row-inner { padding: 0px; } .learn-category__cards { /*padding-bottom: 20px;*/ min-height: 140px; } .learn-cards__wrap .item { height: auto; } .learn-category__cards .learn-cards__wrap { position: relative; width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none !important; overflow: -moz-scrollbars-none; margin: initial; padding: 5px 5px 5px 16px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .learn-category__cards .learn-cards__wrap::-webkit-scrollbar { display: none !important; -webkit-appearance: none !important; width: 0 !important; height: 0 !important; } .learn-category__cards .learn-cards__wrap::-webkit-scrollbar-thumb { background: var(--black3) !important; width: 0 !important; height: 0 !important; } } /*Popular Section*/ /* .sec-learn__popular { border: 1px solid var(--black10); } */ .popular-type__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 0px !important; } .popular-type__body .article-feature_img img { -o-object-fit: fill; object-fit: fill; width: 100%; height: 211px; } .popular-type__body .article-feature_img { height: 211px; display: block; } .popular-type__video { padding-bottom: 32px; position: relative; } .popular-type__insight { padding-top: 32px; } /*Post list by count 3 Grid Layout*/ .postlist-grid__header { padding-bottom: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; align-items: center; } .postlist-grid__header .sec-title-lg { margin-bottom: 0px; } @media(min-width:992px) { .postlist-grid__header .sec-title-lg { font-size: 28px; line-height: 34px; } } @media(max-width:1024px) { .sec-learn__popular .post-grid .post-list_body .post-list__img { height: 170px; } .sec-learn__popular .post-grid .post-list_body .post-list__img:after { height: 150px; width: 85%; } } @media(max-width:991px) { .postlist-grid__header { padding-bottom: 18px;} .sec-learn__popular .post-grid .entry-title { font-size: 16px; line-height: 22px; } .sec-learn__popular .post-grid .entry-title a { white-space: normal; } .sec-learn__popular .post-grid .post-list_body .post-list__img { height: 152px; } .sec-learn__popular .post-grid .post-list_body .post-list__img:after { height: 132px } .popular-type__video { padding-bottom: 35px; } } /*Explore by topic*/ .explore-topic__wrap .white-card_body .white-card_link { max-width: 172px; height: 100%; } .explore-topic__wrap .white-cards__listing { -ms-flex-wrap: wrap; flex-wrap: wrap; } .explore-topic__wrap .slide-down { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .explore-topic__wrap .white-cards__listing .white-card__icon { background: var(--black3); border-radius: 100%; } @media(min-width:992px) { .explore-topic__wrap .white-card_body { width: 16.5%; padding-bottom: 32px; } .explore-topic__wrap .white-cards__listing { margin-bottom: -32px; } } @media(max-width:991px) { .explore-topic__wrap .white-card_body { padding-bottom: 16px; } .sec-learn__explore .inner-footer_wrap { display: none; } .explore-topic__wrap .white-cards__listing { padding-left: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; max-height: 145px; } .explore-topic__wrap .white-card_body .white-card_link { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; padding: 8px 24px 8px 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .explore-topic__wrap .white-cards__listing .white-card__icon { width: 32px; height: 32px; margin: 0px; border-radius: 100%; } .explore-topic__wrap .white-cards__listing .white-card__icon img { max-width: 25px; } .explore-topic__wrap .white-cards__listing .white-card__title { font-size: 14px; line-height: 18px; padding-left: 12px; text-align: left; margin: 0px; white-space: inherit; } .sec-learn__explore_topic .inner-footer_wrap { padding-top: 8px; } .explore-topic__wrap .white-card_body:first-child { padding-left: 0px; } .explore-topic__wrap .white-cards__listing { margin-bottom: -16px; } } /*Explore by topic*/ .sec-learn__explore_type .white-cards__listing { padding-bottom: 0px } .sec-learn__explore_type .white-card_link, .sec-learn__tools_calc .white-card_link { width: 172px; } @media(min-width:768px) and (max-width:992px) { .sec-learn__explore_type .learn-cards__wrap li { margin-bottom: 12px; } .sec-learn__explore_type .learn-cards__wrap .product-card_link { margin-right: 6px; margin-left: 6px; } .sec-learn__explore_type .white-cards__listing, .sec-learn__tools_calc .white-cards__listing { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media (min-width:800px) { .sec-learn__tools_calc .white-cards__listing { padding-bottom: 16px; } .sec-learn__tools_calc .white-cards__listing, .sec-learn__explore_type .white-cards__listing { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center !important; } } @media(max-width:991px) { .sec-learn__explore_type .white-card_body { padding-bottom: 0px !important; } .sec-learn__explore_type .white-card_link, .sec-learn__tools_calc .white-card_link { width: 116px; } .sec-learn__explore_type .white-card_body, .sec-learn__tools_calc .white-card_body { padding-right: 12px; } } /*Tools And Calculator*/ .sec-learn__tools_calc .white-cards__listing .white-card__title { max-width: 120px; margin: 0px auto; } /*Queries And Subscribe*/ .sec-learn__queries .cta-hollow, .sec-learn__subscribe .cta-hollow { max-width: 180px; } .sec-learn__subscribe { position: relative; padding-top: 60px; overflow: hidden; } .sec-learn__subscribe .mail-box-figure img { position: absolute; right: -38px; bottom: 0px; max-width: 235px; } .brand-logo img { vertical-align: top; } #wpadminbar { display: none; } @media(max-width:991px) { .sec-learn__subscribe { padding-bottom: 0px; padding-top: 40px; } .sec-learn__subscribe .mail-box-figure { position: relative; right: 0px; bottom: 0px; padding-top: 48px; } .sec-learn__subscribe .mail-box-figure img { right: auto; position: relative; max-width: 140px; display: block; margin: 0px auto; height: auto;} .brand-logo img { width: 120px; height: 24px; } } @media(min-width:768px) and (max-width:767px) { .brand-logo img { width: 130px; } } /* Dynamic Load more Posts */ /*.alm-listing{ -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; height: auto!important; padding:5px!important;} .alm-listing article{ display: inline-block; margin: 0 0 30px; width: 100%; background: var(--white-color); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.180392); border-radius: 8px; position: static!important;} */ .alm-btn-wrap .alm-load-more-btn.showmore-btn { background: none !important; padding: 0px 24px 0px 24px; position: relative; color: var(--primary-green); font-family: cabinet-grotesk-bold; font-size: 18px; line-height: 22px; height: auto; -webkit-box-shadow: none; box-shadow: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: normal; } .alm-btn-wrap .alm-load-more-btn.showmore-btn:hover, .alm-btn-wrap .alm-load-more-btn.showmore-btn.loading { background: none; -webkit-box-shadow: none; box-shadow: none; color: var(--primary-green); } .alm-btn-wrap .alm-load-more-btn.loading:before { display: none !important; } .alm-btn-wrap .alm-load-more-btn.showmore-btn:after { color: var(--black40); content: "\e917"; font-family: 'etm-project-icons' !important; font-size: 18px; line-height: 22px; display: inline-block; position: absolute; right: 0px; } .alm-btn-wrap .alm-load-more-btn.showmore-btn:hover:after { color: var(--primary-green); } @media(max-width:767px) { .alm-btn-wrap .alm-load-more-btn.showmore-btn { font-size: 14px; line-height: 18px; } .alm-btn-wrap .alm-load-more-btn.showmore-btn:after { font-size: 23px; } } /* Mweb Sidebar css start here */ .sidebar-mask { width: 100%; height: 100vh; z-index: 16; position: fixed; top: 0; left: 0; cursor: pointer; display: none; } .sidebars.slide { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .sidebars { position: fixed; height: 100%; left: 0; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); top: 0; background: var(--white-color); width: 90%; z-index: 9999999; } .sidebars.animateNow { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .sidebars .wrap { padding: 20px 0 80px; overflow-y: auto; max-height: 100%; } .sidebars .seprator { margin: 13px 0; border-top: 1px solid var(--border-black5); height: 1px; } .sidebars h3 { color: var(--black90); font-size: 16px; line-height: 20px; margin: 0; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: proxima-nova-semibold; } .sidebars h3 img { margin-right: 13px; width: 24px; font-size: 0; } .sidebars h3.lineheight { line-height: 18px; } .sidebars h3 a { color: var(--black90); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%;} .sidebars h3 a .badge { font-size: 10px; line-height: 14px; background-color: #fb4e5a; border-radius: 8px; color: var(--white-color); padding: 0 6px; display: inline-block; vertical-align: top; margin: 3px 1px; } .sidebars .menu-box.secondary h3 { font-size: 14px; line-height: 18px; } .sidebars .menu-box { padding: 15px 20px; } .sidebars .menu-box.blogcat { display: none; } .sidebars .menu-box ul { display: none; padding: 10px 35px 0; } .sidebars ul { margin: 0; } .sidebars ul li { font-size: 14px; line-height: 20px; margin: 0; padding: 10px 0; text-align: left; } .sidebars ul li:last-child { margin: 0; padding-bottom: 0; } .sidebars ul li a { color: var(--black60); } .sidebars ul li a:hover { color: var(--primary-green); } .sidebars ul li a .badge { border-radius: 2px; background-color: #fc8400; color: var(--white-color); font-family: proxima-nova-semibold; font-size: 11px; line-height: 14px; padding: 2px 5px; display: inline-block; vertical-align: top; } .sidebars h3.hasmenu { position: relative; } .sidebars h3.move.hasmenu:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 8px; } .sidebars h3.hasmenu:after { position: absolute; right: 0; width: 8px; height: 8px; border-left: 1px solid var(--black40); border-top: 1px solid var(--black40); content: ''; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); top: 3px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .productCompany-list { list-style: none; padding: 24px; margin: 0; position: fixed; bottom: 0; left: 0; background: var(--white-color); width: 100%; border-top: 1px solid var(--black10); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sidebars ul.productCompany-list li { padding: 0; } .sidebars .mweb-earn-upto-animi{ margin-left: 8px; width: 60px; height: 28px; border-radius: 25px; overflow: hidden; border: 0px; max-width:60px; } .productCompany-list li.item a { font-size: 14px; line-height: 18px; color: var(--black90); } .productCompany-list li.item.circles { width: 4px; height: 4px; border-radius: 50%; background: #c4c4c4; } .sidebars .login-btn { margin: 15px 20px; width: calc(100% - 40px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: var(--primary-green); color: var(--white-color); padding: 10px 15px; line-height: 16px; font-family: proxima-nova-semibold; font-size: 14px; } .sidebars .login-btn.hide { display: none; } .sidebars .login-btn:focus { outline: none; } .sidebars .login-btn .login-btn-text { padding-left: 26px; font-family: proxima-nova-semibold; font-size: 14px; } .sidebars .downloadApp-section { padding: 13px 23px 18px; border-top: 1px solid var(--black10); } .sidebars .downloadApp-section strong { font-size: 14px; line-height: 18px; font-weight: inherit; color: #666; margin-bottom: 9px; display: block; } .sidebars .downloadApp-list { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; } .sidebars .downloadApp-list li { margin: 0 6px 0 0; height: 32px; display: block; } .sidebars .downloadApp-list li img { max-width: 100%; } /*Category Filter*/ /*.postlist-bycategory .post-grid { display: none; }*/ .postlist-grid-layout { width: 100%; height: auto !important; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 25px; -webkit-column-gap: 25px; column-gap: 25px; } .postlist-flex-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .postlist-flex-layout .post-grid { -webkit-box-flex: 0; -ms-flex: 0 0 30.83%; flex: 0 0 30.83%; margin: 0 1.25% 30px; } @media(max-width:767px) { .postlist-flex-layout { padding: 0 15px !important; } .postlist-flex-layout .post-grid { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 0 16px; } } /*Colleection Post List*/ /*.category-see-more{display: none;}*/ .postby-taxonomyname_row { padding: 32px 0px; } .postby-taxonomyname_row:first-child { padding-top: 0px; } .postby-taxonomyname_row .post-list__row .post-grid { margin-bottom: 0px; } /* Custom Pagination */ .customPaging { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 20px; margin-top: 10px; } .customPaging a { color: var(--black60); margin: 0 10px; } .customPaging a:hover { color: var(--primary-green); } .customPaging span { margin: 0 10px; } .customPaging .current { color: var(--primary-green); font-family: proxima-nova-semibold; } .customPaging .prev, .customPaging .next { width: 32px; height: 32px; background: #fff; border: 1px solid var(--black10); border-radius: 50%; font-size: 0; display: -ms-inline-grid; display: inline-grid; place-items: center; position: relative; } .customPaging .prev:before, .customPaging .next:before { position: absolute; content: "\e919"; font-family: 'etm-project-icons' !important; font-size: 18px; } .customPaging .prev:before { content: "\e916"; } .customPaging .prev:hover, .customPaging .next:hover { border-color: var(--primary-green); } .customPaging .prev:hover:before, .customPaging .next:hover:before { color: var(--primary-green); } /*Search Result*/ .searchPage { padding: 10px 0; } .searchbar { max-width: 400px; } .searchbar .search-field { font-family: proxima-nova-regular; height: 45px; padding: 5px 15px; border-radius: 20px 0px 0px 20px; font-size: 16px; line-height: 20px; } .searchbar .search-submit { padding: 5px 10px; height: 45px; font-family: proxima-nova-semibold; border-radius: 0px 20px 20px 0px; width: 100px; font-size: 16px; line-height: 20px; } /*No Post Found*/ .no-post-grid { width: 100% !important; } .learn-nopost_content { -webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 10%); box-shadow: 0px 1px 2px rgb(0 0 0 / 10%); border-radius: 4px; background: var(--white-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 60vh; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 16px; width: 100%; } .learn-nopost_content .no-post__icon { margin-bottom: 28px; width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .learn-nopost_content .no-post__icon img { max-width: 80px; } .learn-nopost_content .no-post__info { max-width: 550px; margin: 0px auto; text-align: center; } /* 404 Page css start here */ .error-page { font-size: 16px; line-height: 20px; font-family: proxima-nova-regular; color: #666; background: #fff; padding: 55px 0 0 } .error-page .error-text { padding: 0 15px; margin: 0 auto; max-width: 530px; width: 100% } .not-found-img { text-align: center } .not-found-img img { vertical-align: top } .content-section { text-align: center; padding: 46px 0 } .not-found-heading { font-size: 28px; line-height: 34px; font-family: proxima-nova-bold; text-align: center; color: #222222; padding-bottom: 12px; text-transform: uppercase } .content-section .oops-text { font-size: 18px; line-height: 20px; color: #666 } .go-to-homeBtn { color: #fff !important; font-weight: 600; font-size: 16px; line-height: 24px; padding: 12px; width: 260px; height: 48px; background: var(--primary-green); border-radius: var(--radius30); display: block; margin: 32px auto 0 } @media(max-width:767px) { .not-found-heading { font-size: 22px; line-height: 25px; padding-bottom: 10px; } .content-section .oops-text { font-size: 15px } } @media(max-width:991px) { .postby-taxonomyname_row .post-list__row .post-grid { margin-bottom: 16px; } .postby-taxonomyname_row{ padding:0 0 20px;} } /* IsApp css start here */ .wv-container .sec-learn__subscribe, .wv-container .subscribeBox { display: none !important; } .apppage .right-nav_content, .apppage .mainHeader-leftSide, .apppage .mainHeader-rightSide, .apppage #mainFooter{ display: none !important; } .apppage .learn-inApp__logo { display: block; font-size: 18px; line-height: 24px; font-family: 'cabinet-grotesk-bold'; font-weight: normal; color: #fff; background: var(--primary-black); padding: 15px 0; } .apppage.home #learn-inApp__back-btn { display: none; } /* .apppage #site-header .backBar { display: flex; align-items: center; padding: 5px 0; background: var(--primary-black); height: 54px; }*/ .apppage #learn-inApp__back-btn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 54px; height: 54px; position: relative; font-size: 28px; color: #fff; line-height: 28px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*#site-header .backBar .backbtnApp:after { position: absolute; top: calc(50% - 2px); left: 0; width: 20px; height: 2px; background: #fff; content: ''; } #site-header .backBar .backbtnApp:before { position: absolute; top: calc(50% - 7px); left: 0; width: 12px; height: 12px; border-top: 2px solid #fff; border-left: 2px solid #fff; content: ''; transform: rotate(-45deg); }*/ .apppage .breadcrumbBar { display: none; } /* Post detial Page content formate css */ .view-all-btn { border-radius: 24px; padding: 12px 24px; font-size: 16px; line-height: 1.5; font-family: 'proxima-nova-semibold'; } .view-all-btn:hover { background: var(--hover-primary-green); } .postDetail .entry-content ul { list-style: none; } .postDetail .entry-content ul > li { position: relative; padding-left: 20px; margin-bottom: 20px; } .postDetail .entry-content ul > li:before { position: absolute; left: 0; top: 9px; content: ''; border-radius: 50%; width: 8px; height: 8px; background: var(--primary-green); } .postDetail .entry-content ol { list-style: decimal; margin: 0 0 0 15px; } .postDetail .entry-content ol li { margin-bottom: 20px; } .postDetail .entry-content ol li ul, .postDetail .entry-content ol li ol, .postDetail .entry-content ul li ul, .postDetail .entry-content ul li ol { margin-top: 20px; margin-left: 10px; } .postDetail .entry-content ul > li h3 { margin: 0 0 5px; line-height: 28px; } /* Detail FAQ css design */ .schema-faq { margin-left: 25px; } .schema-faq .schema-faq-section { position: relative; margin-bottom: 10px; } .schema-faq .schema-faq-section:after { color: var(--black40); content: "\e917"; font-family: 'etm-project-icons' !important; font-size: 20px; line-height: 22px; position: absolute; right: 0; top: 20px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; pointer-events: none; } .schema-faq .schema-faq-section.open::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .schema-faq .schema-faq-question { padding: 15px 25px 15px 0; font-size: 16px; line-height: 28px; font-family: 'proxima-nova-semibold'; display: block; position: relative; cursor: pointer; font-weight: normal; } .schema-faq .schema-faq-question strong{ font-weight:normal;} .schema-faq-question:hover::before, .schema-faq-question:hover::after { position: absolute; content: ''; left: 0; right: 0; bottom: 0; background-color: rgba(177, 177, 0, .25); border-radius: 50%; -webkit-box-shadow: rgba(0, 0, 0, .3) 5px 2px 10px; box-shadow: rgba(0, 0, 0, .3) 5px 2px 10px; clip: rect(20px, auto, 50px, 0); top: 6px; height: 16px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .schema-faq-question:hover::after { top: calc(100% - 20px); height: 16px; -webkit-transform: none; -ms-transform: none; transform: none; } .schema-faq .schema-faq-answer { font-size: 16px; line-height: 1.5; color: var(--black60); padding: 15px 0; margin: 0; display: none; } @media(max-width:767px) { .view-all-btn { font-size: 13px; padding: 8px 15px; } .postDetail .entry-content ul li, .postDetail .entry-content ol li { margin-bottom: 10px; } .postDetail .entry-content ul li:last-child, .postDetail .entry-content ol li:last-child { margin-bottom: 0; } .postDetail .entry-content ol li ul, .postDetail .entry-content ol li ol, .postDetail .entry-content ul li ul, .postDetail .entry-content ul li ol { margin-top: 10px; } .postDetail .entry-content ul li:before { width: 5px; height: 5px; top: 8px; } .postDetail .entry-content ul > li { padding-left: 15px; } .schema-faq { margin-left: 0; } .schema-faq .schema-faq-question { font-size: 15px; line-height: 20px; padding: 10px 25px 10px 0; } .schema-faq .schema-faq-section:after { top: 10px; } .schema-faq .schema-faq-answer { font-size: 14px; } } .global-login-wrapper .cta-primary { min-width: 86px; width: auto !important; } /* Subscribe Success Modal CSS */ .subscribe-success-wrapper { /* font-family: proxima-nova; */ width: 100%; height: 100%; z-index: 9999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 10px; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; position: fixed; } .subscribe-success-wrapper:before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: rgba(34, 34, 34, 0.6); width: 100%; height: 100%; } .subscribe-success-wrapper .subscribed-content { background: #ffffff; padding: 55px 20px 35px; max-width: 520px; width: 100%; -webkit-box-shadow: 0px 0px 24px 4px rgb(0 0 0 / 9%); box-shadow: 0px 0px 24px 4px rgb(0 0 0 / 9%); border-radius: 12px; position: relative; margin: 0px auto; } .subscribe-success-wrapper .close-box-icons { position: absolute; right: 0; top: 0; margin: 24px; cursor: pointer; z-index: 999; } .subscribe-success-wrapper img { max-width: 100%; height: auto; } .subscribe-success-wrapper .subscrice-title { font-weight: bold; font-size: 24px; line-height: 34px; color: #000000; margin: 10px 0px 18px !important; } .subscribe-success-wrapper p { font-size: 16px; line-height: 20px; color: #666666 } @media (max-width:768px) { .subscribe-success-wrapper .subscribed-content { padding: 30px 18px } .subscribe-success-wrapper .subscrice-title { font-size: 18px; line-height: 24px; } .subscribe-success-wrapper p { font-size: 14px; } } .subscribe-hide { display: none !important; } /* Web story list page CSS */ .web-stories-list__story { margin-bottom: 32px; padding-right: 16px; padding-left: 16px; } .web-stories__poster { min-height: 375px; } .web-stories__poster img { display: block; } .sec-learn__web-stories .web-stories__overlay { padding: 20px; background: var(--white-color); border-top: 1px solid var(--black3); } .sec-learn__web-stories .web-stories__title { font-family: 'cabinet-grotesk-bold'; color: var(--black90); font-size: 18px; line-height: 22px; margin-bottom: 8px; } .web-stories-list__story:hover .web-stories__title { color: var(--primary-green) } .sec-learn__web-stories .web-stories__date { color: var(--black60); font-size: 14px; line-height: 18px; margin-bottom: 0px; } /* author Design in detail page css start here */ .postDetail .author-bio-detail{ border-top:1px solid var(--black10); border-bottom:1px solid var(--black10); margin-top:33px; padding-top:21px;} .author-bio-detail .author_bio{ width:100%;} .author-bio-detail .author_head .profilePic img{ width:60px; height:60px; vertical-align: top;} .author-bio-detail .author_head .name{ font-size:18px; line-height:22px; color:var(--black90); font-family: 'cabinet-grotesk-bold';} .author-bio-detail .author_head .name a{ color:var(--black90);} .author-bio-detail .author_head .name a:hover{ color:var(--primary-green);} /* author page css start here */ .author_post_list{ padding-top:20px;} .noThumbCard .post-list__row .post-grid .post-list_body{ border-top:4px solid var(--primary-green);} .noThumbCard .postListing .post-list_details{ padding-top:20px;} .noThumbCard .artical__content{ margin-bottom: 0; font-size: 14px; line-height: 22px; color: var(--black90);} .noThumbCard .postListing .post-list_body .entry-title{ margin:0 0 12px;} .publish_info{ padding-bottom:19px;} .publish_info p{ font-size:16px; line-height:20px; font-family: proxima-nova-semibold; color:var(--black-color); margin: 0;} .author_head{ display: flex; padding:17px 0 13px; align-items: flex-start;} .author_head .profilePic{ margin-right:20px;} .author_head .profilePic img{ border-radius:50%;} .author_head .name{ font-size:22px; line-height:32px; color:var(--black90); margin:0 0 6px; font-family: cabinet-grotesk-extrabold; text-transform: capitalize;} .author_head .social_info ul{ display: flex;} .author_head .social_info ul li{ margin-right:20px;} .author_head .social_info ul li a{ display: inline-grid; place-items:center; vertical-align: top; width:32px; height:32px; background:var(--black3); border-radius:50%; font-size:26px;} .author_head .social_info ul li .linkedin:hover{ background:#2a66bc;} .author_head .social_info ul li .twitter:hover{ background:#489be9;} .author_head .social_info ul li a:hover i:before{ color:#fff;} .author_head .social_info ul li img{ width:32px; vertical-align:top;} .author_bio{ padding-bottom:20px; font-size:14px; line-height:22px; color:var(--black60); width:60%;} @media (max-width:991px) { .post-info__box .dateShare{ margin-top:8px; flex-direction: column; align-items: stretch;} .leftInfo .share-story{ display:flex; border: none; border-radius:0; border-top:1px dashed var(--black10); margin:22px 0 0; padding:10px 15px 17px 0;} .meta-info .name{ font-size:12px; line-height:16px;} .postDetail .author-bio-detail{ margin-top:11px; padding-top:20px;} body.author .learn-archive_header .row-inner{ padding-left:16px; padding-right:16px;} .author-bio-detail .author_head .profilePic img{ width:48px; height:48px;} .author-bio-detail .author_bio{ font-size:12px; line-height:16px;} .author-bio-detail .author_bio:empty{ padding-bottom:4px;} .author-bio-detail .author_head .name{ font-size:14px; line-height:18px;} .author_bio{ padding-bottom:24px; width:100%;} .author_head{ padding:0 0 16px;} .author_head .name{ font-size:16px; line-height:20px; font-family: proxima-nova-semibold;} .author_head .profilePic{ margin-right:14px;} .author_head .profilePic img{ width:52px; height:52px;} .author_head .social_info ul li a{ width:28px; height:28px;} } /* Trust Builder css start here */ .listing-trust-builder{ padding:10px 0;} .trust-builder.medium{ margin:60px 0 70px} .video-trust-builder .trust-builder.medium{ margin-bottom:15px;} .apppage .home-trust-builder, .apppage .listing-trust-builder, .apppage .video-trust-builder{ display:none;} .apppage .sec-learn__postlisting.hv_trust_build, .apppage .first-section.hv_trust_build{ padding-bottom:80px;} .apppage .postDetail .trust-builder{ display:none;} .section.ajaxPost_listing{ padding-bottom:0;} @media (max-width: 991px){ .apppage .sec-learn__postlisting.hv_trust_build{ padding-bottom:48px;} .section.ajaxPost_listing{ padding-bottom:20px;} } /* Custom Accordion css start here */ .custom-accordion .qa-row{margin-bottom:20px } .custom-accordion .question{background-color:var(--black3);position:relative;cursor:pointer;padding:15px;font-size:20px;line-height:25px;font-family:cabinet-grotesk-bold; margin:0!important;} .custom-accordion .question::after{content:'\002B';position:absolute;right:15px;top:15px;font-size:160%} .custom-accordion .qa-row.active .question::after{content:"\2212"} .custom-accordion .answer{font-size:16px;line-height:1.5;color:var(--black90);padding-top:15px; display:none;} .custom-accordion .answer p{margin:0} @media (max-width: 991px){ .custom-accordion .qa-row{ margin:0 0 15px;} .custom-accordion .question{ font-size:16px; line-height:20px; padding:10px 15px;} .custom-accordion .answer{ font-size:14px; line-height:22px;} }