/* Theme Name: QuickBooks Training Theme URI: https://uncannyowl.com Description: QuickBooks Training child theme for Salient Author: Uncanny Owl Author URI: https://uncannyowl.com Template: salient Version: 1.9.2 */ /** * Custom Fonts */ @font-face { font-family: 'AvenirNext forINTUIT'; font-style: normal; font-weight: 400; src: url( 'fonts/avenir-400.eot' ); /* IE9 Compat Modes */ src: url( 'fonts/avenir-400.woff2' ) format( 'woff2' ), /* Super Modern Browsers */ url( 'fonts/avenir-400.woff' ) format( 'woff' ), /* Pretty Modern Browsers */ url( 'fonts/avenir-400.ttf' ) format( 'truetype' ), /* Safari, Android, iOS */ url( 'fonts/avenir-400.svg' ) format( 'svg' ); /* Legacy iOS */ font-display: swap; } @font-face { font-family: 'AvenirNext forINTUIT'; font-style: normal; font-weight: 500; src: url( 'fonts/avenir-500.eot' ); /* IE9 Compat Modes */ src: url( 'fonts/avenir-500.woff2' ) format( 'woff2' ), /* Super Modern Browsers */ url( 'fonts/avenir-500.woff' ) format( 'woff' ), /* Pretty Modern Browsers */ url( 'fonts/avenir-500.ttf' ) format( 'truetype' ), /* Safari, Android, iOS */ url( 'fonts/avenir-500.svg' ) format( 'svg' ); /* Legacy iOS */ font-display: swap; } @font-face { font-family: 'AvenirNext forINTUIT'; font-style: normal; font-weight: 600; src: url( 'fonts/avenir-600.eot' ); /* IE9 Compat Modes */ src: url( 'fonts/avenir-600.woff2' ) format( 'woff2' ), /* Super Modern Browsers */ url( 'fonts/avenir-600.woff' ) format( 'woff' ), /* Pretty Modern Browsers */ url( 'fonts/avenir-600.ttf' ) format( 'truetype' ), /* Safari, Android, iOS */ url( 'fonts/avenir-600.svg' ) format( 'svg' ); /* Legacy iOS */ font-display: swap; } @font-face { font-family: 'AvenirNext forINTUIT'; font-style: normal; font-weight: 700; src: url( 'fonts/avenir-700.eot' ); /* IE9 Compat Modes */ src: url( 'fonts/avenir-700.woff2' ) format( 'woff2' ), /* Super Modern Browsers */ url( 'fonts/avenir-700.woff' ) format( 'woff' ), /* Pretty Modern Browsers */ url( 'fonts/avenir-700.ttf' ) format( 'truetype' ), /* Safari, Android, iOS */ url( 'fonts/avenir-700.svg' ) format( 'svg' ); /* Legacy iOS */ font-display: swap; } @font-face { font-family: 'QuickBooks Training Icons'; src: url('fonts/uncannyowl-qbt-icons.ttf') format('truetype'), url('fonts/uncannyowl-qbt-icons.woff') format('woff'), url('fonts/uncannyowl-qbt-icons.svg') format('svg'); font-weight: normal; font-style: normal; } .qbt-icon { font-family: 'QuickBooks Training Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .qbt-icon.qbt-icon--glass-martini:before{ content:'\f000' } .qbt-icon.qbt-icon--search:before{ content:'\f002' } .qbt-icon.qbt-icon--heart:before{content:'\f004'} .qbt-icon.qbt-icon--star:before{content:'\f005'} .qbt-icon.qbt-icon--user:before{content:'\f008'} .qbt-icon.qbt-icon--check,.qbt-icon.qbt-icon--check-bold:before{content:'\f00d'} .qbt-icon.qbt-icon--times:before{content:'\f00e'} .qbt-icon.qbt-icon--search-plus:before{content:'\f00f'} .qbt-icon.qbt-icon--search-minus:before{content:'\f010'} .qbt-icon.qbt-icon--cog:before{content:'\f013'} .qbt-icon.qbt-icon--home:before{content:'\f015'} .qbt-icon.qbt-icon--clock:before{content:'\f017'} .qbt-icon.qbt-icon--download:before{content:'\f019'} .qbt-icon.qbt-icon--inbox:before{content:'\f01c'} .qbt-icon.qbt-icon--redo:before{content:'\f01e'} .qbt-icon.qbt-icon--sync:before{content:'\f021'} .qbt-icon.qbt-icon--lock:before{content:'\f023'} .qbt-icon.qbt-icon--flag:before{content:'\f024'} .qbt-icon.qbt-icon--volume-off:before{content:'\f026'} .qbt-icon.qbt-icon--volume-down:before{content:'\f027'} .qbt-icon.qbt-icon--volume-up:before{content:'\f028'} .qbt-icon.qbt-icon--qrcode:before{content:'\f029'} .qbt-icon.qbt-icon--tag:before{content:'\f02b'} .qbt-icon.qbt-icon--tags:before{content:'\f02c'} .qbt-icon.qbt-icon--book:before{content:'\f02d'} .qbt-icon.qbt-icon--bookmark:before{content:'\f02e'} .qbt-icon.qbt-icon--print:before{content:'\f02f'} .qbt-icon.qbt-icon--camera:before{content:'\f030'} .qbt-icon.qbt-icon--video:before{content:'\f03d'} .qbt-icon.qbt-icon--image:before{content:'\f03e'} .qbt-icon.qbt-icon--pencil:before{content:'\f040'} .qbt-icon.qbt-icon--map-marker:before{content:'\f041'} .qbt-icon.qbt-icon--tint:before{content:'\f043'} .qbt-icon.qbt-icon--edit:before{content:'\f044'} .qbt-icon.qbt-icon--arrows:before{content:'\f047'} .qbt-icon.qbt-icon--step-backward:before{content:'\f048'} .qbt-icon.qbt-icon--fast-backward:before{content:'\f049'} .qbt-icon.qbt-icon--backward:before{content:'\f04a'} .qbt-icon.qbt-icon--play1:before{content:'\f04d'} .qbt-icon.qbt-icon--pause:before{content:'\f04e'} .qbt-icon.qbt-icon--stop:before{content:'\f04f'} .qbt-icon.qbt-icon--forward:before{content:'\f050'} .qbt-icon.qbt-icon--fast-forward:before{content:'\f051'} .qbt-icon.qbt-icon--step-forward:before{content:'\f052'} .qbt-icon.qbt-icon--eject:before{content:'\f053'} .qbt-icon.qbt-icon--plus-circle:before{content:'\f055'} .qbt-icon.qbt-icon--minus-circle:before{content:'\f056'} .qbt-icon.qbt-icon--times-circle:before{content:'\f057'} .qbt-icon.qbt-icon--check-circle:before{content:'\f058'} .qbt-icon.qbt-icon--question-circle:before{content:'\f059'} .qbt-icon.qbt-icon--info-circle:before{content:'\f05a'} .qbt-icon.qbt-icon--crosshairs:before{content:'\f05b'} .qbt-icon.qbt-icon--ban:before{content:'\f05e'} .qbt-icon.qbt-icon--arrow-left:before{content:'\f060'} .qbt-icon.qbt-icon--arrow-right:before{content:'\f061'} .qbt-icon.qbt-icon--arrow-up:before{content:'\f062'} .qbt-icon.qbt-icon--arrow-down:before{content:'\f063'} .qbt-icon.qbt-icon--share:before{content:'\f064'} .qbt-icon.qbt-icon--expand:before{content:'\f065'} .qbt-icon.qbt-icon--compress:before{content:'\f066'} .qbt-icon.qbt-icon--plus:before{content:'\f067'} .qbt-icon.qbt-icon--minus:before{content:'\f068'} .qbt-icon.qbt-icon--asterisk:before{content:'\f069'} .qbt-icon.qbt-icon--exclamation-circle:before{content:'\f06a'} .qbt-icon.qbt-icon--gift:before{content:'\f06b'} .qbt-icon.qbt-icon--leaf:before{content:'\f06c'} .qbt-icon.qbt-icon--fire:before{content:'\f06d'} .qbt-icon.qbt-icon--eye:before{content:'\f06e'} .qbt-icon.qbt-icon--eye-slash:before{content:'\f070'} .qbt-icon.qbt-icon--exclamation-triangle1:before{content:'\f071'} .qbt-icon.qbt-icon--plane:before{content:'\f072'} .qbt-icon.qbt-icon--calendar-alt:before{content:'\f073'} .qbt-icon.qbt-icon--random:before{content:'\f074'} .qbt-icon.qbt-icon--comment:before{content:'\f075'} .qbt-icon.qbt-icon--magnet:before{content:'\f076'} .qbt-icon.qbt-icon--retweet:before{content:'\f079'} .qbt-icon.qbt-icon--shopping-cart:before{content:'\f07a'} .qbt-icon.qbt-icon--folder:before{content:'\f07b'} .qbt-icon.qbt-icon--folder-open:before{content:'\f07c'} .qbt-icon.qbt-icon--sign-out:before{content:'\f08b'} .qbt-icon.qbt-icon--external-link:before{content:'\f08e'} .qbt-icon.qbt-icon--sign-in:before{content:'\f090'} .qbt-icon.qbt-icon--trophy:before{content:'\f091'} .qbt-icon.qbt-icon--upload:before{content:'\f093'} .qbt-icon.qbt-icon--phone:before{content:'\f097'} .qbt-icon.qbt-icon--unlock:before{content:'\f09c'} .qbt-icon.qbt-icon--credit-card:before{content:'\f09e'} .qbt-icon.qbt-icon--rss:before{content:'\f09f'} .qbt-icon.qbt-icon--hdd:before{content:'\f0a0'} .qbt-icon.qbt-icon--bullhorn:before{content:'\f0a1'} .qbt-icon.qbt-icon--certificate:before{content:'\f0a3'} .qbt-icon.qbt-icon--wrench:before{content:'\f0ad'} .qbt-icon.qbt-icon--tasks:before{content:'\f0ae'} .qbt-icon.qbt-icon--filter:before{content:'\f0b0'} .qbt-icon.qbt-icon--briefcase:before{content:'\f0b1'} .qbt-icon.qbt-icon--arrows-alt:before{content:'\f0b2'} .qbt-icon.qbt-icon--users:before{content:'\f0c0'} .qbt-icon.qbt-icon--link:before{content:'\f0c1'} .qbt-icon.qbt-icon--cloud:before{content:'\f0c2'} .qbt-icon.qbt-icon--cut:before{content:'\f0c4'} .qbt-icon.qbt-icon--copy:before{content:'\f0c5'} .qbt-icon.qbt-icon--save:before{content:'\f0c7'} .qbt-icon.qbt-icon--square:before{content:'\f0c8'} .qbt-icon.qbt-icon--bars:before{content:'\f0c9'} .qbt-icon.qbt-icon--list-ul:before{content:'\f0ca'} .qbt-icon.qbt-icon--list-ol:before{content:'\f0cb'} .qbt-icon.qbt-icon--table:before{content:'\f0ce'} .qbt-icon.qbt-icon--magic:before{content:'\f0d0'} .qbt-icon.qbt-icon--columns:before{content:'\f0db'} .qbt-icon.qbt-icon--envelope:before{content:'\f0e0'} .qbt-icon.qbt-icon--undo:before{content:'\f0e2'} .qbt-icon.qbt-icon--tachometer:before{content:'\f0e4'} .qbt-icon.qbt-icon--bolt:before{content:'\f0e7'} .qbt-icon.qbt-icon--sitemap:before{content:'\f0e8'} .qbt-icon.qbt-icon--exchange:before{content:'\f0ec'} .qbt-icon.qbt-icon--angle-left:before{content:'\f104'} .qbt-icon.qbt-icon--angle-right:before{content:'\f105'} .qbt-icon.qbt-icon--angle-up:before{content:'\f106'} .qbt-icon.qbt-icon--angle-down:before{content:'\f107'} .qbt-icon.qbt-icon--desktop:before{content:'\f108'} .qbt-icon.qbt-icon--laptop:before{content:'\f109'} .qbt-icon.qbt-icon--quote-left:before{content:'\f10d'} .qbt-icon.qbt-icon--quote-right:before{content:'\f10e'} .qbt-icon.qbt-icon--info:before{content:'\f129'} .qbt-icon.qbt-icon--exclamation:before{content:'\f12a'} .qbt-icon.qbt-icon--microphone:before{content:'\f130'} .qbt-icon.qbt-icon--microphone-slash:before{content:'\f131'} .qbt-icon.qbt-icon--shield:before{content:'\f133'} .qbt-icon.qbt-icon--calendar:before{content:'\f134'} .qbt-icon.qbt-icon--ellipsis-h:before{content:'\f141'} .qbt-icon.qbt-icon--ellipsis-v:before{content:'\f142'} .qbt-icon.qbt-icon--share-square:before{content:'\f14d'} .qbt-icon.qbt-icon--sort-alpha-down:before{content:'\f15f'} .qbt-icon.qbt-icon--sort-alpha-u1:before{content:'\f164'} .qbt-icon.qbt-icon--sort-amount-down:before{content:'\f165'} .qbt-icon.qbt-icon--sort-amount-up:before{content:'\f166'} .qbt-icon.qbt-icon--sort-numeric-down:before{content:'\f167'} .qbt-icon.qbt-icon--sort-numeric-up:before{content:'\f168'} .qbt-icon.qbt-icon--long-arrow-down:before{content:'\f175'} .qbt-icon.qbt-icon--long-arrow-up:before{content:'\f176'} .qbt-icon.qbt-icon--long-arrow-left:before{content:'\f177'} .qbt-icon.qbt-icon--long-arrow-right:before{content:'\f178'} .qbt-icon.qbt-icon--archive:before{content:'\f187'} .qbt-icon.qbt-icon--university:before{content:'\f19c'} .qbt-icon.qbt-icon--graduation-cap:before{content:'\f19d'} .qbt-icon.qbt-icon--language:before{content:'\f1ab'} .qbt-icon.qbt-icon--tree:before{content:'\f1bb'} .qbt-icon.qbt-icon--paper-plane:before{content:'\f1d8'} .qbt-icon.qbt-icon--share-alt:before{content:'\f1e0'} .qbt-icon.qbt-icon--bomb:before{content:'\f1e2'} .qbt-icon.qbt-icon--tty:before{content:'\f1e4'} .qbt-icon.qbt-icon--newspaper:before{content:'\f1ea'} .qbt-icon.qbt-icon--wifi:before{content:'\f1eb'} .qbt-icon.qbt-icon--calculator:before{content:'\f1ec'} .qbt-icon.qbt-icon--bell-slash:before{content:'\f1f6'} .qbt-icon.qbt-icon--trash:before{content:'\f1f8'} .qbt-icon.qbt-icon--copyright:before{content:'\f1f9'} .qbt-icon.qbt-icon--at:before{content:'\f1fa'} .qbt-icon.qbt-icon--eye-dropper:before{content:'\f1fb'} .qbt-icon.qbt-icon--paint-brush:before{content:'\f1fc'} .qbt-icon.qbt-icon--birthday-cake:before{content:'\f1fd'} .qbt-icon.qbt-icon--cart-plus:before{content:'\f217'} .qbt-icon.qbt-icon--cart-arrow-down:before{content:'\f218'} .qbt-icon.qbt-icon--user-secret:before{content:'\f21b'} .qbt-icon.qbt-icon--street-view:before{content:'\f21d'} .qbt-icon.qbt-icon--heartbeat:before{content:'\f21e'} .qbt-icon.qbt-icon--server:before{content:'\f233'} .qbt-icon.qbt-icon--map-pin:before{content:'\f276'} .qbt-icon.qbt-icon--map-signs:before{content:'\f278'} .qbt-icon.qbt-icon--map:before{content:'\f279'} .qbt-icon.qbt-icon--shopping-bag:before{content:'\f290'} .qbt-icon.qbt-icon--shopping-basket:before{content:'\f291'} .qbt-icon.qbt-icon--user-circle:before{content:'\f2bd'} .qbt-icon.qbt-icon--watch:before{content:'\f2e1'} .qbt-icon.qbt-icon--volume-slash:before{content:'\f2e2'} .qbt-icon.qbt-icon--utensils-alt:before{content:'\f2e6'} .qbt-icon.qbt-icon--utensils:before{content:'\f2e7'} .qbt-icon.qbt-icon--usd-circle:before{content:'\f2e8'} .qbt-icon.qbt-icon--trash-alt:before{content:'\f2ed'} .qbt-icon.qbt-icon--poo:before{content:'\f2fe'} .qbt-icon.qbt-icon--pencil-alt:before{content:'\f304'} .qbt-icon.qbt-icon--pen:before{content:'\f305'} .qbt-icon.qbt-icon--pen-alt:before{content:'\f306'} .qbt-icon.qbt-icon--calendar-edit:before{content:'\f333'} .qbt-icon.qbt-icon--calendar-exclamation:before{content:'\f334'} .qbt-icon.qbt-icon--browser:before{content:'\f37e'} .qbt-icon.qbt-icon--cloud-download-alt:before{content:'\f381'} .qbt-icon.qbt-icon--cloud-upload-alt:before{content:'\f382'} .qbt-icon.qbt-icon--desktop-alt:before{content:'\f390'} .qbt-icon.qbt-icon--gem:before{content:'\f3a5'} .qbt-icon.qbt-icon--lock-open:before{content:'\f3c1'} .qbt-icon.qbt-icon--lock-open-alt:before{content:'\f3c2'} .qbt-icon.qbt-icon--map-marker-alt:before{content:'\f3c5'} .qbt-icon.qbt-icon--microphone-alt:before{content:'\f3c9'} .qbt-icon.qbt-icon--mobile-android:before{content:'\f3ce'} .qbt-icon.qbt-icon--phone-slash:before{content:'\f3dd'} .qbt-icon.qbt-icon--plane-alt:before{content:'\f3de'} .qbt-icon.qbt-icon--reply:before{content:'\f3e5'} .qbt-icon.qbt-icon--shield-alt:before{content:'\f3ee'} .qbt-icon.qbt-icon--sliders-h-square:before{content:'\f3f0'} .qbt-icon.qbt-icon--sliders-v:before{content:'\f3f1'} .qbt-icon.qbt-icon--sliders-v-square:before{content:'\f3f2'} .qbt-icon.qbt-icon--spinner-third:before{content:'\f3f4'} .qbt-icon.qbt-icon--tablet-alt:before{content:'\f3fa'} .qbt-icon.qbt-icon--tablet-android:before{content:'\f3fb'} .qbt-icon.qbt-icon--tablet-android-alt:before{content:'\f3fc'} .qbt-icon.qbt-icon--user-alt:before{content:'\f406'} .qbt-icon.qbt-icon--basketball-ball:before{content:'\f434'} .qbt-icon.qbt-icon--basketball-hoop:before{content:'\f435'} .qbt-icon.qbt-icon--bowling-ball:before{content:'\f436'} .qbt-icon.qbt-icon--box:before{content:'\f466'} .qbt-icon.qbt-icon--box-check:before{content:'\f467'} .qbt-icon.qbt-icon--boxes:before{content:'\f468'} .qbt-icon.qbt-icon--briefcase-medical:before{content:'\f469'} .qbt-icon.qbt-icon--burn:before{content:'\f46a'} .qbt-icon.qbt-icon--capsules:before{content:'\f46b'} .qbt-icon.qbt-icon--clipboard-check:before{content:'\f46c'} .qbt-icon.qbt-icon--clipboard-list:before{content:'\f46d'} .qbt-icon.qbt-icon--dolly:before{content:'\f472'} .qbt-icon.qbt-icon--dolly-empty:before{content:'\f473'} .qbt-icon.qbt-icon--dolly-flatbed:before{content:'\f474'} .qbt-icon.qbt-icon--dolly-flatbed-alt:before{content:'\f475'} .qbt-icon.qbt-icon--dolly-flatbed-empty:before{content:'\f476'} .qbt-icon.qbt-icon--box-heart:before{content:'\f49d'} .qbt-icon.qbt-icon--box-open:before{content:'\f49e'} .qbt-icon.qbt-icon--comment-alt-check:before{content:'\f4a2'} .qbt-icon.qbt-icon--comment-alt-dots:before{content:'\f4a3'} .qbt-icon.qbt-icon--comment-alt-edit:before{content:'\f4a4'} .qbt-icon.qbt-icon--comment-alt-exclamation:before{content:'\f4a5'} .qbt-icon.qbt-icon--comment-alt-lines:before{content:'\f4a6'} .qbt-icon.qbt-icon--comment-alt-minus:before{content:'\f4a7'} .qbt-icon.qbt-icon--comment-alt-plus:before{content:'\f4a8'} .qbt-icon.qbt-icon--comment-alt-slash:before{content:'\f4a9'} .qbt-icon.qbt-icon--comment-alt-smile:before{content:'\f4aa'} .qbt-icon.qbt-icon--comment-alt-times:before{content:'\f4ab'} .qbt-icon.qbt-icon--hand-holding:before{content:'\f4bd'} .qbt-icon.qbt-icon--hand-holding-heart:before{content:'\f4be'} .qbt-icon.qbt-icon--phone-plus:before{content:'\f4d2'} .qbt-icon.qbt-icon--sign:before{content:'\f4d9'} .qbt-icon.qbt-icon--truck-container:before{content:'\f4dc'} .qbt-icon.qbt-icon--truck-couch:before{content:'\f4dd'} .qbt-icon.qbt-icon--video-plus:before{content:'\f4e1'} .qbt-icon.qbt-icon--video-slash:before{content:'\f4e2'} .qbt-icon.qbt-icon--user-alt-slash:before{content:'\f4fa'} .qbt-icon.qbt-icon--user-astronaut:before{content:'\f4fb'} .qbt-icon.qbt-icon--user-check:before{content:'\f4fc'} .qbt-icon.qbt-icon--user-clock:before{content:'\f4fd'} .qbt-icon.qbt-icon--user-cog:before{content:'\f4fe'} .qbt-icon.qbt-icon--user-edit:before{content:'\f4ff'} .qbt-icon.qbt-icon--user-friends:before{content:'\f500'} .qbt-icon.qbt-icon--user-graduate:before{content:'\f501'} .qbt-icon.qbt-icon--user-lock:before{content:'\f502'} .qbt-icon.qbt-icon--user-minus:before{content:'\f503'} .qbt-icon.qbt-icon--user-ninja:before{content:'\f504'} .qbt-icon.qbt-icon--user-shield:before{content:'\f505'} .qbt-icon.qbt-icon--user-slash:before{content:'\f506'} .qbt-icon.qbt-icon--user-tag:before{content:'\f507'} .qbt-icon.qbt-icon--user-tie:before{content:'\f508'} .qbt-icon.qbt-icon--book-open:before{content:'\f518'} .qbt-icon.qbt-icon--chalkboard:before{content:'\f51b'} .qbt-icon.qbt-icon--chalkboard-teacher:before{content:'\f51c'} .qbt-icon.qbt-icon--money-check:before{content:'\f53c'} .qbt-icon.qbt-icon--money-check-alt:before{content:'\f53e'} .qbt-icon.qbt-icon--palette:before{content:'\f53f'} .qbt-icon.qbt-icon--store:before{content:'\f54e'} .qbt-icon.qbt-icon--store-alt:before{content:'\f54f'} .qbt-icon.qbt-icon--award:before{content:'\f559'} .qbt-icon.qbt-icon--file-download:before{content:'\f56d'} .qbt-icon.qbt-icon--file-invoice:before{content:'\f570'} .qbt-icon.qbt-icon--file-invoice-dollar:before{content:'\f571'} .qbt-icon.qbt-icon--file-prescription:before{content:'\f572'} .qbt-icon.qbt-icon--file-signature:before{content:'\f573'} .qbt-icon.qbt-icon--file-upload:before{content:'\f574'} .qbt-icon.qbt-icon--fingerprint:before{content:'\f577'} .qbt-icon.qbt-icon--globe-africa:before{content:'\f57c'} .qbt-icon.qbt-icon--globe-americas:before{content:'\f57d'} .qbt-icon.qbt-icon--globe-asia:before{content:'\f57e'} .qbt-icon.qbt-icon--headphones-alt:before{content:'\f58f'} .qbt-icon.qbt-icon--headset:before{content:'\f590'} .qbt-icon.qbt-icon--plane-arrival:before{content:'\f5af'} .qbt-icon.qbt-icon--plane-departure:before{content:'\f5b0'} .qbt-icon.qbt-icon--signature:before{content:'\f5b7'} .qbt-icon.qbt-icon--file-certificate:before{content:'\f5f3'} .qbt-icon.qbt-icon--laptop-code:before{content:'\f5fc'} .qbt-icon.qbt-icon--map-marker-smile:before{content:'\f60d'} .qbt-icon.qbt-icon--tachometer-alt-average:before{content:'\f624'} .qbt-icon.qbt-icon--tachometer-alt-fast:before{content:'\f625'} .qbt-icon.qbt-icon--bullseye-arrow:before{content:'\f648'} .qbt-icon.qbt-icon--bullseye-pointer:before{content:'\f649'} .qbt-icon.qbt-icon--business-time:before{content:'\f64a'} .qbt-icon.qbt-icon--file-chart-pie:before{content:'\f65a'} .qbt-icon.qbt-icon--file-user:before{content:'\f65c'} .qbt-icon.qbt-icon--lightbulb-dollar:before{content:'\f670'} .qbt-icon.qbt-icon--lightbulb-exclamation:before{content:'\f671'} .qbt-icon.qbt-icon--lightbulb-on:before{content:'\f672'} .qbt-icon.qbt-icon--lightbulb-slash:before{content:'\f673'} .qbt-icon.qbt-icon--presentation:before{content:'\f685'} .qbt-icon.qbt-icon--tilde:before{content:'\f69f'} .qbt-icon.qbt-icon--wifi-slash:before{content:'\f6ac'} .qbt-icon.qbt-icon--cat:before{content:'\f6be'} .qbt-icon.qbt-icon--chair-office:before{content:'\f6c1'} .qbt-icon.qbt-icon--dog:before{content:'\f6d3'} .qbt-icon.qbt-icon--hammer:before{content:'\f6e3'} .qbt-icon.qbt-icon--knife-kitchen:before{content:'\f6f5'} .qbt-icon.qbt-icon--leaf-maple:before{content:'\f6f6'} .qbt-icon.qbt-icon--scroll:before{content:'\f70e'} .qbt-icon.qbt-icon--scroll-old:before{content:'\f70f'} .qbt-icon.qbt-icon--ballot:before{content:'\f732'} .qbt-icon.qbt-icon--ballot-check:before{content:'\f733'} .qbt-icon.qbt-icon--calendar-star:before{content:'\f736'} .qbt-icon.qbt-icon--clipboard-list-check:before{content:'\f737'} .qbt-icon.qbt-icon--person-sign:before{content:'\f757'} .qbt-icon.qbt-icon--vote-yea:before{content:'\f772'} .qbt-icon.qbt-icon--tools:before{content:'\f7d9'} .qbt-icon.qbt-icon--books-medical:before{content:'\f7e8'} .qbt-icon.qbt-icon--home-lg:before{content:'\f80b'} .qbt-icon.qbt-icon--home-lg-alt:before{content:'\f80c'} .qbt-icon.qbt-icon--mailbox:before{content:'\f813'} .qbt-icon.qbt-icon--play-solid:before{content:'\f04b'} .qbt-icon.qbt-icon--phone-bold:before{content:'\f096'} .qbt-icon.qbt-icon--spinner-third-bold:before{content: '\e912';} /** * Global */ :root { line-height: 1.4; font-weight: 400; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; } body { margin: 0; display: flex; place-items: center; min-width: 320px; min-height: 100vh; color: var(--text-emphasis); font-family: "AvenirNext forINTUIT", "Avenir Next", Futura, sans-serif; overflow: initial; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body input, body textarea, body select, body button, body h1, body h2, body h3, body h4, body h5, body h6, body * { font-family: "AvenirNext forINTUIT", "Avenir Next", "Futura", sans-serif; } :root { --fz-8px: 0.5rem; --fz-10px: 0.625rem; --fz-12px: 0.75rem; --fz-14px: 0.875rem; --fz-16px: 1rem; --fz-18px: 1.125rem; --fz-20px: 1.25rem; --fz-22px: 1.375rem; --fz-24px: 1.5rem; --fz-26px: 1.625rem; --fz-28px: 1.75rem; --fz-30px: 1.875rem; --fz-32px: 2rem; --fz-34px: 2.125rem; --fz-36px: 2.25rem; --fz-38px: 2.375rem; --fz-40px: 2.5rem; --fz-42px: 2.625rem; --fz-44px: 2.75rem; --fz-46px: 2.875rem; --fz-48px: 3rem; --fz-50px: 3.125rem; --fz-52px: 3.25rem; --fz-54px: 3.375rem; --fz-56px: 3.5rem; --fz-58px: 3.625rem; --fz-60px: 3.75rem; --fz-62px: 3.875rem; --fz-64px: 4rem; --fw-thin: 100; --fw-ultralight: 200; --fw-light: 300; --fw-normal: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-ultrabold: 800; --fw-heavy: 900; /* Primitives */ --black: #000; --white: #fff; --beige: #F3F2EF; /* Beige */ --beige-100: #E2E0DB; /* Gray */ --gray-50: #282828; --gray-100: #393a3d; --gray-200: #6B6C72; --gray-300: #8D9096; --gray-400: #BABEC5; --gray-500: #D4D7DC; --gray-600: #E3E5E8; --gray-700: #ECEEF1; --gray-800: #F4F5F8; /* Blue */ --blue-0: #09222a; --blue-50: #0d333f; --blue-100: #055393; --blue-200: #0077C5; --blue-300: #0097E6; --blue-400: #21ABF6; --blue-500: #34BFFF; --blue-800: #bfdaef; --blue-rw-darker:var(--blue-0); --blue-rw-dark:var(--blue-50); --blue-rw-sky: #dbedee; --blue-rw-light:var(--blue-900); --blue-icom-light-blue:var(--blue-800); --blue-rw-light-blue:var(--teal-400); --blue-link: var(--blue-200); /* Green */ --green-50: #086d37; --green-100: #0a8543; --green-200: #2ca01c; --green-300: #0FD46C; --green-500: #94f8ba; --green-800: #e8f5e3; --green-rw-mint: var(--green-500); --green-rw-green: var(--green-300); --green-rw-dark: var(--green-100); --green-rw-darker: var(--green-50); --green-rw-light: var(--green-800); /* Red */ --red-100: #B80000; --red-200: #D52B1E; --red-300: #E43834; --red-400: #F25A52; --red-500: #FF8979; /* Orange */ --orange-100: #F95700; --orange-200: #FF6A00; --orange-300: #FF8000; --orange-400: #FF9331; --orange-500: #FFAC61; /* Yellow */ --yellow-100: #FFAD00; --yellow-200: #FFBB00; --yellow-300: #FFCA00; --yellow-400: #FFDC00; --yellow-500: #FFEE00; /* Pink */ --pink-100: #9C005E; --pink-200: #C9007A; --pink-300: #E31C9E; --pink-400: #FF59CC; --pink-500: #FF88EC; /* Purple */ --purple-100: #4E2B8F; --purple-200: #6436AF; --purple-300: #7A3DD8; --purple-400: #9457FA; --purple-500: #A898FF; /* Teal */ --teal-100: #008481; --teal-200: #00A6A4; --teal-300: #07C4D9; --teal-400: #00D7D7; --teal-500: #15EFE9; --teal-800: #d8eaeb; /* Spacing */ --spacing-05: 4px; --spacing-10: 8px; --spacing-15: 16px; --spacing-20: 20px; --spacing-30: 28px; --spacing-40: 36px; --spacing-50: 48px; --spacing-55: 52px; --spacing-60: 56px; --spacing-70: 72px; --spacing-80: 80px; --spacing-90: 90px; --spacing-100: 100px; --spacing-120: 120px; --spacing-140: 140px; /* Radius */ --radius--rounded-xs: 4px; --radius--rounded-sm: 8px; --radius--rounded-md: 12px; --radius--rounded-lg: 16px; --radius--rounded-xl: 20px; --font-size--01: var(--fz-12px); --font-size--02: var(--fz-14px); --font-size--03: var(--fz-16px); --font-size--04: var(--fz-16px); --font-size--05: var(--fz-20px); --font-size--06: var(--fz-20px); --font-size--07: var(--fz-24px); --font-size--08: var(--fz-28px); --font-size--09: var(--fz-28px); --font-size--10: var(--fz-34px); --font-size--11: var(--fz-34px); --font-size--12: var(--fz-40px); --font-size--13: var(--fz-48px); --font-size--14: var(--fz-60px); --component-card-padding: 1.5rem 1rem; /* Input defaults */ --input-border: var(--gray-300); --input-border-focus: var(--green-100); /* Button Defaults */ --button-bg-default: transparent; --button-text-default: var(--blue-rw-dark); --button-bg-hover: var(--blue-rw-dark); --button-text-hover: var(--white); /* Button Primary */ --button-primary-bg-default: var(--green-rw-dark); --button-primary-bg-hover: var(--green-rw-darker); --button-primary-bg-active: var(--green-rw-darker); --button-primary-text-default: var(--white); --button-primary-text-hover: var(--white); /* Button Secondary */ --button-secondary-bg-default: var(--blue-rw-dark); --button-secondary-bg-hover: var(--blue-rw-darker); --button-secondary-bg-active: var(--blue-rw-darker); --button-secondary-text-default: var(--white); --button-secondary-text-hover: var(--white); /* Button White */ --button-white-bg-default: var(--white); --button-white-bg-hover: var(--gray-700); --button-white-bg-active: var(--white); --button-white-text-default: var(--blue-rw-dark); --button-white-text-hover: var(--blue-rw-dark); --bg-primary: var(--white); --bg-primary-elevated: var(--white); --bg-secondary: var(--beige); --bg-secondary-elevated: var(--white); --bg-tertiary: var(--blue-rw-sky); --bg-tertiary-elevated: var(--white); --bg-brand: var(--green-300); --border-divider: var(--gray-500); --border-divider-emphasis: var(--gray-400); --text-emphasis: var(--black); --text-primary: var(--gray-100); --text-secondary: var(--gray-200); --text-disabled: var(--gray-300); --text-disabled-hint: var(--gray-400); --text-inverse: var(--white); --text-success: var(--green-100); --bg-dark-primary: var(--gray-100); --bg-dark-secondary: var(--blue-50); --border-divider-dark: var(--gray-200); --border-divider-dark-emphasis: var(--gray-300); --text-dark-emphasis: var(--white); --text-dark-primary: var(--gray-700); --text-dark-secondary: var(--gray-400); --text-dark-disabled: var(--gray-300); --text-dark-disabled-hint: var(--gray-200); --text-dark-inverse: var(--gray-50); --component-icon-accent: var(--bg-dark-primary); --component-icon-accent-contrast: var(--text-dark-emphasis); --component-card-accent: var(--green-100); --component-card-accent-contrast: var(--white); --component-card-bg: var(--bg-primary-elevated); --component-card-contrast: var(--gray-200); --component-card-contrast-emphasis: var(--black); --component-card-separator: rgba(0, 0, 0, 0.2); } @media (min-width: 481px) and (max-width: 992px) { :root { --font-size--01: var(--fz-12px); --font-size--02: var(--fz-14px); --font-size--03: var(--fz-16px); --font-size--04: var(--fz-16px); --font-size--05: var(--fz-20px); --font-size--06: var(--fz-24px); --font-size--07: var(--fz-24px); --font-size--08: var(--fz-28px); --font-size--09: var(--fz-34px); --font-size--10: var(--fz-40px); --font-size--11: var(--fz-40px); --font-size--12: var(--fz-48px); --font-size--13: var(--fz-60px); --font-size--14: var(--fz-72px); --component-card-padding: 1.5rem; } } @media (min-width: 992px) { :root { --font-size--01: var(--fz-12px); --font-size--02: var(--fz-14px); --font-size--03: var(--fz-16px); --font-size--04: var(--fz-20px); --font-size--05: var(--fz-20px); --font-size--06: var(--fz-24px); --font-size--07: var(--fz-28px); --font-size--08: var(--fz-34px); --font-size--09: var(--fz-40px); --font-size--10: var(--fz-48px); --font-size--11: var(--fz-48px); --font-size--12: var(--fz-60px); --font-size--13: var(--fz-72px); --font-size--14: var(--fz-84px); --component-card-padding: 2rem; } } a { font-weight: 600; color: var(--blue-200); text-decoration: underline; } a:hover { color: var(--blue-300); } blockquote { font-size: var(--font-size--06); font-weight: var(--fw-semibold); line-height: 1.3; color: var(--component-card-contrast-emphasis); } blockquote cite { font-size: var(--font-size--03); color: var(--component-card-contrast); } blockquote::before { content: "\201C"; display: inline-block; border-radius: 100%; font-size: 2.5em; width: 1em; height: 1em; line-height: 1.4em; text-align: center; background-color: var(--component-card-contrast); color: var(--component-card-bg); font-weight: var(--fw-bold); margin-bottom: var(--spacing-20); } blockquote:last-child { margin-bottom: 0; } :root p { padding-bottom: 0 !important; margin-bottom: 1em; line-height: 1.48; } body h1, body h2, body h3, body h4, body h5, body h6 { font-weight: 600; line-height: 1.3; } h1, body h1 { font-size: var(--font-size--10); line-height: 1.25; } h2, body h2 { font-size: var(--font-size--09); } h3, body h3 { font-size: var(--font-size--08); } h4, body h4 { font-size: var(--font-size--07); font-weight: 500; } h5, body h5 { font-size: var(--font-size--06); font-weight: 500; } h6, body h6 { font-size: var(--font-size--05); font-weight: 500; line-height: 1.4; } @media (prefers-color-scheme: light) { :root { color: #213547; background-color: #ffffff; } } .has-font-size-xx-small, .has-font-size-xx-small .fl-heading { font-size: var(--font-size--01); } .has-font-size-x-small, .has-font-size-x-small .fl-heading { font-size: var(--font-size--02); } .has-font-size-small, .has-font-size-small .fl-heading { font-size: var(--font-size--03); } .has-font-size-base, .has-font-size-base .fl-heading { font-size: var(--font-size--04); } .has-font-size-medium, .has-font-size-medium .fl-heading { font-size: var(--font-size--05); } .has-font-size-large, .has-font-size-large .fl-heading { font-size: var(--font-size--06); } .has-font-size-x-large, .has-font-size-x-large .fl-heading { font-size: var(--font-size--07); } .has-font-size-xx-large, .has-font-size-xx-large .fl-heading { font-size: var(--font-size--08); } [class*=has-text-style-display], [class*=has-text-style-display] .fl-heading-text { font-weight: 700; line-height: 1.25; } .has-text-style-display-01, .has-text-style-display-01 .fl-heading-text { font-size: var(--font-size--14); } .has-text-style-display-02, .has-text-style-display-02 .fl-heading-text { font-size: var(--font-size--13); } .has-text-style-display-03, .has-text-style-display-03 .fl-heading-text { font-size: var(--font-size--12); } .has-text-style-display-04, .has-text-style-display-04 .fl-heading-text { font-size: var(--font-size--11); } [class*=has-text-style-headline] { font-weight: 600; line-height: 1.3; } .has-text-style-headline-01, .has-text-style-headline-01 { font-size: var(--font-size--10); line-height: 1.25; } .has-text-style-headline-02, .has-text-style-headline-02 .fl-heading-text { font-size: var(--font-size--09); } .has-text-style-headline-03, .has-text-style-headline-03 .fl-heading-text { font-size: var(--font-size--08); } .has-text-style-headline-04, .has-text-style-headline-04 .fl-heading-text { font-size: var(--font-size--07); font-weight: 500; } .has-text-style-headline-05, .has-text-style-headline-05 .fl-heading-text { font-size: var(--font-size--06); font-weight: 500; } .has-text-style-headline-06, .has-text-style-headline-06 .fl-heading-text { font-size: var(--font-size--05); font-weight: 500; line-height: 1.4; } .has-text-style-regular, .has-text-style-regular > *, .has-text-style-regular .fl-heading-text { font-weight: 400; } .has-text-style-medium, .has-text-style-medium > *, .has-text-style-medium .fl-heading-text { font-weight: 500; } .has-text-style-demi, .has-text-style-demi > *, .has-text-style-demi .fl-heading-text { font-weight: 600; } .has-text-style-bold, .has-text-style-bold > *, .has-text-style-bold .fl-heading-text { font-weight: 700; } .has-text-style-heavy, .has-text-style-heavy > *, .has-text-style-heavy .fl-heading-text { font-weight: 900; } .has-text-style-subheading, .has-text-style-subheading .fl-heading-text { text-transform: uppercase; font-weight: var(--fw-medium); } .has-background-default { --component-table-bg: var(--beige); --checklist-icon-color: var(--green-100); } .has-background-secondary { background-color: var(--bg-secondary); --component-table-bg: var(--white); --checklist-icon-color: var(--green-200); } .has-background-light { background-color: var(--bg-tertiary); } .has-theme-dark { --component-icon-accent: var(--blue-0); --component-icon-accent-contrast: var(--white); --component-card-accent: var(--green-300); --component-card-bg: var(--blue-50); --component-card-contrast: var(--white); --component-card-contrast-emphasis: var(--component-card-accent); --component-card-separator: rgba(15, 212, 108, 0.2); --component-cta-bg: var(--blue-50); --component-cta-text-emphasis: var(--green-300); --component-cta-text: var(--white); --checklist-icon-color: var(--green-300); } .has-theme-primary { --component-icon-accent: var(--green-300); --component-icon-accent-contrast: var(--white); --component-card-accent: var(--green-300); --component-cta-bg: var(--bg-brand); --component-card-contrast: var(--black); --component-cta-text-emphasis: var(--black); --component-cta-text-accent: var(--green-100); --component-cta-text: var(--black); } .has-theme-secondary { --component-icon-accent: var(--teal-300); --component-icon-accent-contrast: var(--white); --component-cta-bg: var(--teal-300); --component-cta-text-emphasis: var(--black); --component-cta-text: var(--black); --component-card-contrast: var(--black); } .has-theme-light { --component-icon-accent: var(--blue-rw-sky); --component-icon-accent-contrast: var(--blue-50); --component-card-bg: var(--blue-rw-sky); --component-card-contrast: var(--black); --component-cta-bg: var(--blue-rw-sky); --component-cta-text-emphasis: var(--blue-50); --component-cta-text: var(--black); } .has-theme-primary-inverted { --component-icon-accent: var(--white); --component-icon-accent-contrast: var(--green-100); } .has-theme-primary-beige { --component-icon-accent: var(--beige); --component-icon-accent-contrast: var(--green-100); --checklist-icon-color: var(--green-200); } .has-theme-white { --component-icon-accent: var(--white); --component-icon-accent-contrast: var(--blue-50); --component-cta-bg: var(--white); --component-cta-text-emphasis: var(--blue-50); --component-cta-text: var(--black); } .has-theme-intuit { --component-card-contrast: var(--white); --component-card-bg: #236CFF; --component-cta-text: var(--white); } .has-alignment-left { align-items: flex-start; text-align: left; } .has-alignment-center { align-items: center; text-align: center; } .has-alignment-right { align-items: flex-end; text-align: right; } .has-style-card { border-radius: var(--radius--rounded-sm); padding: var(--component-card-padding); background-color: var(--component-card-bg); color: var(--component-cta-text); } .has-style-card-elevated { border-radius: var(--radius--rounded-sm); padding: var(--component-card-padding); background-color: var(--component-card-bg); color: var(--component-card-contrast); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); } .has-style-outline { color: var(--component-card-contrast); background-color: var(--component-card-bg); box-shadow: var(--button-bg-default) 0px 0px 0px 2px inset; } .has-text-style-emphasis, .has-text-style-emphasis .fl-module-content > .fl-heading { color: var(--component-cta-text-emphasis); } .has-text-style-accent { color: var(--component-cta-text-accent); } .has-width-full { width: 100%; margin: auto; } .has-width-xl { max-width: 1200px; margin: auto; } .has-width-lg { max-width: 900px; margin: auto; } .has-width-md { max-width: 768px; margin: auto; } .has-width-sm { max-width: 500px; margin: auto; } /* ** Icon */ .icon__frame span.icon__glyph, .icon__frame .fl-icon i { background-color: var(--component-icon-accent); color: var(--component-icon-accent-contrast); width: 2.34375em; height: 2.34375em; aspect-ratio: 1; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius--rounded-xs); } .icon__glyph { color: var(--component-icon-accent); } /*.icon__frame .icon__glyph { color: inherit; }*/ .icon__frame--circle span.icon__glyph, .icon__frame--circle .fl-icon i { border-radius: 100%; } .icon__frame--square span.icon__glyph, .icon__frame span.icon__glyph, .icon__frame .fl-icon { font-size: 1.5em; } /* ** Button */ button { cursor: pointer; } .button, .fl-module-button a.fl-button, .fl-module-button a.fl-button:visited, input[type=submit], button[type=submit] { font-weight: 600; font-family: AvenirNext forINTUIT, Avenir Next, Futura, sans-serif; text-decoration: none; text-align: center; border: 0; border-radius: 0.25rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1; padding: 1.25em 1.75em; font-size: 16px; transition-property: box-shadow background-color color; transition: 0.3s cubic-bezier(0.35, 0, 0.25, 1); color: var(--button-text-default); background-color: var(--button-bg-default); box-shadow: transparent 0px 0px 0px 2px inset; } .button:hover, .button:focus, .fl-module-button a.fl-button:hover, .fl-module-button a.fl-button:focus, .fl-module-button a.fl-button:visited:hover, .fl-module-button a.fl-button:visited:focus, input[type=submit]:hover, input[type=submit]:focus, button[type=submit]:hover, button[type=submit]:focus { text-decoration: none !important; } .button[disabled], .fl-module-button a.fl-button[disabled], .fl-module-button a.fl-button:visited[disabled], input[type=submit][disabled], button[type=submit][disabled] { opacity: 0.5; pointer-events: none; } .button.button--style-outline, .fl-module-button a.fl-button.button--style-outline, .fl-module-button a.fl-button:visited.button--style-outline, input[type=submit].button--style-outline, button[type=submit].button--style-outline { color: var(--button-bg-default); background-color: transparent; box-shadow: var(--button-bg-default) 0px 0px 0px 2px inset; } .button.button--style-outline:hover, .button .button--style-outline:focus, .fl-module-button a.fl-button.button--style-outline:hover, .fl-module-button a.fl-button .button--style-outline:focus, .fl-module-button a.fl-button:visited.button--style-outline:hover, .fl-module-button a.fl-button:visited .button--style-outline:focus, input[type=submit].button--style-outline:hover, input[type=submit] .button--style-outline:focus, button[type=submit].button--style-outline:hover, button[type=submit] .button--style-outline:focus { background-color: var(--button-bg-hover); color: var(--button-text-hover); box-shadow: var(--button-bg-hover) 0px 0px 0px 2px inset; } .button--style-link { -webkit-appearance: none; appearance: none; border: 0; background: none; color: var(--blue-link); font-size: var(--font-size--04); gap: 8px; display: inline-flex; align-items: center; } .button--style-link .button__icon { text-decoration: none; color: inherit; } .button.button--style-underline-link { -webkit-appearance: none; appearance: none; border: 0; background: none; color: var(--blue-50); font-size: var(--font-size--03); gap: 8px; display: inline-flex; align-items: center; text-decoration: underline; padding: 1.25em 0.5em; } .button--style-none { -webkit-appearance: none; appearance: none; border: 0; background: none; color: inherit; font-size: inherit; font-weight: inherit; display: inline; gap: 8px; display: inline-flex; align-items: center; } .button--style-link .button__icon { color: inherit; } .fl-module-button a.fl-button .fl-button-text, .fl-module-button a.fl-button .fl-button-icon, .fl-module-button a.fl-button:visited .fl-button-text, .fl-module-button a.fl-button:visited .fl-button-icon { color: inherit; } .fl-module-button.button--style-outline a.fl-button, .fl-module-button.button--style-outline a.fl-button:visited { color: var(--button-bg-default); background-color: transparent; box-shadow: var(--button-bg-default) 0px 0px 0px 2px inset; } .fl-module-button.button--style-outline:hover a.fl-button, .fl-module-button.button--style-outline:hover a.fl-button:visited, .fl-module-button .button--style-outline:focus a.fl-button, .fl-module-button .button--style-outline:focus a.fl-button:visited { background-color: var(--button-bg-hover); color: var(--button-text-hover); box-shadow: var(--button-bg-hover) 0px 0px 0px 2px inset; } .button__icon { font-weight: normal; font-size: 1.25em; color: inherit; transition: color 0.3s cubic-bezier(0.35, 0, 0.25, 1); } .button:hover, .fl-module-button a.fl-button:hover, .fl-module-button a.fl-button:focus { background-color: var(--button-bg-hover); color: var(--button-text-hover); box-shadow: transparent 0px 0px 0px 2px inset; } .button--theme-primary { --button-text-default: var(--button-primary-text-default); --button-bg-default: var(--button-primary-bg-default); --button-text-hover: var(--button-primary-text-hover); --button-bg-hover: var(--button-primary-bg-hover); } .button--theme-secondary { --button-text-default: var(--button-secondary-text-default); --button-bg-default: var(--button-secondary-bg-default); --button-text-hover: var(--button-secondary-text-hover); --button-bg-hover: var(--button-secondary-bg-hover); } .button--theme-white { --button-text-default: var(--button-white-text-default); --button-bg-default: var(--button-white-bg-default); --button-text-hover: var(--button-white-text-hover); --button-bg-hover: var(--button-white-bg-hover); } .button--x-small:not(.fl-module), .button--x-small.fl-module-button a.fl-button { padding: 0.75em 1.25em; } .button--small:not(.fl-module), .button--small.fl-module-button a.fl-button { padding: 0.75em 1.45em; } .button--large:not(.fl-module) { padding: 1.6em 2.1em; } .button--icon:not(.fl-module), .button--icon.fl-module-button a.fl-button { padding: 0.2em 0.2em; font-size: var(--fz-20px); min-width: 1.3em; min-height: 1.3em; } /* * Form */ body[data-form-submit=regular] .container-wrap .gform_footer input[type=submit].gform_button.button { --button-text-default: var(--button-primary-text-default); --button-bg-default: var(--button-primary-bg-default); --button-text-hover: var(--button-primary-text-hover); --button-bg-hover: var(--button-primary-bg-hover); font-family: AvenirNext forINTUIT, Avenir Next, Futura, sans-serif; font-weight: 600; text-decoration: none; text-align: center; border: 0; border-radius: 0.25rem !important; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1; padding: 1rem 1.75rem !important; font-size: 16px; transition-property: box-shadow background-color color; transition: 0.3s cubic-bezier(0.35, 0, 0.25, 1); color: var(--button-text-default) !important; background-color: var(--button-bg-default) !important; box-shadow: transparent 0px 0px 0px 2px inset; } body[data-form-submit=regular] .container-wrap .gform_footer input[type=submit].gform_button.button:hover, body[data-form-submit=regular] .container-wrap .gform_footer input[type=submit].gform_button.button:focus { background-color: var(--button-bg-hover) !important; color: var(--button-text-hover); box-shadow: transparent 0px 0px 0px 2px inset !important; } .qbt-email-form .gform_legacy_markup_wrapper .top_label label.gfield_label { font-size: 14px !important; font-weight: 400 !important; line-height: 20px; color: var(--text-primary) !important; } .qbt-email-form .gform_legacy_markup_wrapper ul.gform_fields { display: flex; flex-wrap: wrap; gap: var(--spacing-20); } .qbt-email-form li { flex: 1; } .qbt-email-form #field_2_4.field_description_below { flex: auto; width: 100%; } .qbt-email-form input[type=submit] { font-weight: 600; text-decoration: none; text-align: center; border: 0; border-radius: 0.25rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1; padding: 1.25em 1.75em; font-size: 16px; transition-property: box-shadow background-color color; transition: 0.3s cubic-bezier(0.35, 0, 0.25, 1); color: var(--button-text-default); background-color: var(--button-bg-default) !important; box-shadow: transparent 0px 0px 0px 2px inset; } .qbt-email-form input[type=submit]:hover, .qbt-email-form input[type=submit]:focus { text-decoration: none !important; } .qbt-email-form input[type=submit].button--style-outline { color: var(--button-bg-default); background-color: transparent; box-shadow: var(--button-bg-default) 0px 0px 0px 2px inset; } .qbt-email-form input[type=submit].button--style-outline:hover, .qbt-email-form input[type=submit] .button--style-outline:focus { background-color: var(--button-bg-hover); color: var(--button-text-hover); box-shadow: var(--button-bg-hover) 0px 0px 0px 2px inset; } .has-no-list-style ul { margin: 0; } .has-no-list-style ul li { list-style: none; } .qbt-image { background-color: var(--bg-primary); max-width: 230px; border-radius: 100%; overflow: hidden; } .qbt-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; aspect-ratio: 1; transition: all 0.5s ease-in-out; } .two-column { column-count: 2; } .two-column li { break-inside: avoid; } @media (max-width: 600px) { .two-column { column-count: 1; } } .qbt-checklist .fl-rich-text ul, .qbt-checklist ul { list-style-type: none; margin: 0; } .qbt-checklist .fl-rich-text li, .qbt-checklist li { list-style: none; position: relative; padding-left: 2em; margin-bottom: 0.5em; text-align: left; line-height: 1.48; } .qbt-checklist .fl-rich-text li::before, .qbt-checklist li::before { content: "\e93b"; color: var(--checklist-icon-color); font-family: "qbt-icons" !important; font-size: var(--font-size--07); line-height: 1; position: absolute; left: 0; top: 0; } .qbt-substeps .fl-rich-text ul { list-style-type: none; margin: 0; } .qbt-substeps .fl-rich-text li { list-style: none; position: relative; padding-left: 2em; margin-bottom: 0.5em; } .qbt-substeps .fl-rich-text li::before { content: "\e912"; font-family: "qbt-icons" !important; font-size: var(--font-size--06); position: absolute; left: 0; top: 0; } /* Grid Column Utilities */ .grid-cols::before { display: none; } .grid-cols { display: grid; grid-template-columns: minmax(0, 1fr); -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 1rem; } @media screen and (min-width: 0) { .grid-cols.grid-xs-col-1 { grid-template-columns: minmax(0, 1fr); } .grid-cols.grid-xs-col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols.grid-xs-col-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols.grid-xs-col-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-cols.grid-xs-col-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-cols.grid-xs-col-6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } } @media screen and (min-width: 576px) { .grid-cols.grid-sm-col-1 { grid-template-columns: minmax(0, 1fr); } .grid-cols.grid-sm-col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols.grid-sm-col-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols.grid-sm-col-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-cols.grid-sm-col-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-cols.grid-sm-col-6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } } @media screen and (min-width: 768px) { .grid-cols.grid-md-col-1 { grid-template-columns: minmax(0, 1fr); } .grid-cols.grid-md-col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols.grid-md-col-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols.grid-md-col-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-cols.grid-md-col-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-cols.grid-md-col-6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } } @media screen and (min-width: 1025px) { .grid-cols.grid-lg-col-1 { grid-template-columns: minmax(0, 1fr); } .grid-cols.grid-lg-col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols.grid-lg-col-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols.grid-lg-col-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-cols.grid-lg-col-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-cols.grid-lg-col-6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } } @media screen and (min-width: 1200px) { .grid-cols.grid-xl-col-1 { grid-template-columns: minmax(0, 1fr); } .grid-cols.grid-xl-col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols.grid-xl-col-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols.grid-xl-col-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-cols.grid-xl-col-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-cols.grid-xl-col-6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } } /* Fix beaver builder */ .fl-builder-edit header, .fl-builder-edit #uo-livechat-button, .fl-builder-edit #header-secondary-outer { display: none !important; } .fl-builder .container-wrap .container.main-content { max-width: none; padding: 0; } .fl-builder .container-wrap { padding: 0; } #ajax-content-wrap { width: 100%; } .fl-module-rich-text:first-child .fl-module-content, .fl-module-heading:first-child .fl-module-content { margin-block-start: 0; } .fl-module-rich-text:last-child .fl-module-content, .fl-module-heading:last-child .fl-module-content { margin-block-end: 0; } .fl-builder #ajax-content-wrap { width: 100%; } .fl-rich-text p:first-child, .fl-rich-text p:empty { margin-top: 0; } .fl-rich-text p:last-child, .fl-rich-text p:empty { margin-bottom: 0; } .has-row-spacing .fl-row-content-wrap { padding-top: var(--spacing-100); padding-bottom: var(--spacing-100); } .has-row-spacing--bottom .fl-row-content-wrap { padding-bottom: var(--spacing-100); } .has-row-spacing--top .fl-row-content-wrap { padding-top: var(--spacing-100); } .has-row-spacing:not([class*=has-background]) + .has-row-spacing:not([class*=has-background]) .fl-row-content-wrap { padding-top: 0; } @media (max-width: 768px) { .has-row-spacing .fl-row-content-wrap { padding-top: var(--spacing-60); padding-bottom: var(--spacing-60); } .has-row-spacing--bottom .fl-row-content-wrap { padding-bottom: var(--spacing-60); } .has-row-spacing--top .fl-row-content-wrap { padding-top: var(--spacing-60); } } @media (max-width: 600px) { .has-row-spacing .fl-row-content-wrap { padding-top: var(--spacing-40); padding-bottom: var(--spacing-40); } .has-row-spacing--bottom .fl-row-content-wrap { padding-bottom: var(--spacing-40); } .has-row-spacing--top .fl-row-content-wrap { padding-top: var(--spacing-40); } } .stack-top > * { position: relative; z-index: 2; } .has-row-style-card .fl-row-content-wrap, .has-col-style-card > .fl-col-content { border-radius: var(--radius--rounded-sm); padding: var(--component-card-padding); background-color: var(--component-card-bg); color: var(--component-card-text); } .has-col-style-card--pb-0 > .fl-col-content { padding-bottom: 0; } /* QoL Beaver Builder */ .fl-builder-edit .uo-modal, .fl-builder-edit .uo-dev-notice { display: none; } .fl-col:not(.has-col-style-card) .fl-col-group { margin-inline: calc(-1 * var(--spacing-20)); width: calc(100% + var(--spacing-20) + var(--spacing-20)); } .fl-col-content { padding: var(--spacing-15) var(--spacing-20); } .fl-row-content-wrap .fl-row-content > *:not(:last-child) { margin-bottom: var(--spacing-30); } @media (max-width: 768px) { .fl-row-content-wrap .fl-row-content > *:not(:last-child) { margin-bottom: var(--spacing-20); } .fl-col-content { padding: var(--spacing-10) var(--spacing-15); } } @media (max-width: 500px) { .fl-row-content-wrap .fl-row-content > *:not(:last-child) { margin-bottom: var(--spacing-10); } .fl-col-content { padding: var(--spacing-05) var(--spacing-10); } } /* Footer Styles */ #footer-outer, #nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap { background-color: var(--gray-100); } #footer-outer .container .row { padding: 0; } #footer-outer .container .row div:last-child { margin-right: 0; } #footer-outer .container .row div:first-child { margin-left: 0; } @media (max-width: 999px) { #footer-outer #footer-widgets > .container { max-width: 100%; } } #footer-outer #footer-widgets > .container .menu-item a[href] { padding-inline: 0; padding-block: 4px !important; line-height: 1.5; color: var(--white); font-weight: unset; } #footer-outer #footer-widgets > .container .menu-item a[href]:hover, #footer-outer #footer-widgets > .container .menu-item a[href]:focus { color: var(--green-300) !important; } #footer-outer #footer-widgets .site-footer .footer__menu--main .menu { display: grid; grid-template-columns: 1fr; column-gap: var(--spacing-10); text-align: left; } #footer-outer #footer-widgets .site-footer .footer__menu--main .menu .sub-menu { background: unset; box-shadow: none; } #footer-outer #footer-widgets .site-footer .footer__menu--main .menu > .menu-item > a, #footer-outer #footer-widgets .site-footer .footer__menu--main .menu > .menu-item > .fl-has-submenu-container > a { font-weight: var(--fw-semibold); } #footer-outer #footer-widgets .site-footer .footer__menu--main .menu::before, #footer-outer #footer-widgets .site-footer .footer__menu--main .menu::after { display: none !important; } @media (max-width: 991px) { #footer-outer #footer-widgets .site-footer .footer__menu--main .menu > .menu-item { border-bottom: 1px solid var(--border-divider-dark); padding-block: var(--spacing-10) !important; } #footer-outer #footer-widgets .site-footer .footer__menu--main .menu > .menu-item:last-child { margin-bottom: var(--spacing-10); } #footer-outer #footer-widgets .site-footer .footer__menu--main .menu .sub-menu { margin-bottom: var(--spacing-15); } } @media (min-width: 992px) { #footer-outer #footer-widgets .site-footer .footer__menu--main .menu { grid-template-columns: 2fr 1fr; border-bottom: 1px solid var(--border-divider-dark); padding-bottom: var(--spacing-40); margin-bottom: var(--spacing-40); } #footer-outer #footer-widgets .site-footer .footer__menu--main .menu > .menu-item { grid-column: 2; } #footer-outer #footer-widgets .site-footer .footer__menu--main .menu > .menu-item:first-child { grid-column: 1; grid-row: 1/span 4; } #footer-outer #footer-widgets .site-footer .footer__menu--main .menu .sub-menu { display: grid !important; grid-template-columns: repeat(2, 1fr); } #footer-outer #footer-widgets .site-footer .footer__menu--main .menu .fl-menu-toggle { display: none !important; } } #footer-outer #footer-widgets .site-footer .footer__menu--terms .menu::before, #footer-outer #footer-widgets .site-footer .footer__menu--terms .menu::after { display: none !important; } #footer-outer #footer-widgets .site-footer .footer__menu--terms .menu-item { display: flex; align-items: center; gap: var(--spacing-10); } #footer-outer #footer-widgets .site-footer .footer__menu--terms .menu-item:not(:last-child)::after { content: ""; display: inline-block; width: 1px; background-color: var(--border-divider-dark); height: 1.5em; } #footer-outer #footer-widgets .site-footer .footer__menu--terms .menu-item a { text-decoration: underline; } #footer-outer #footer-widgets .site-footer .footer__menu--terms .fl-menu .menu { gap: var(--spacing-10); align-items: center; } #footer-outer #footer-widgets .site-footer .footer__menu--about .menu::before, #footer-outer #footer-widgets .site-footer .footer__menu--about .menu::after { display: none !important; } @media (max-width: 991px) { #footer-outer #footer-widgets .site-footer .footer__menu--about .menu { display: flex; gap: var(--spacing-10); } #footer-outer #footer-widgets .site-footer .footer__menu--about .menu .menu-item { display: flex; align-items: center; gap: var(--spacing-10); } #footer-outer #footer-widgets .site-footer .footer__menu--about .menu .menu-item a { text-decoration: underline; } #footer-outer #footer-widgets .site-footer .footer__menu--about .menu .menu-item:not(:last-child)::after { content: ""; display: inline-block; width: 1px; background-color: var(--border-divider-dark); height: 1.5em; } } #footer-outer #footer-widgets .site-footer .footer__logo img { margin-bottom: 0; } #footer-outer #footer-widgets .col ul li { border: unset; padding: unset; } body { --header-main-height: 80px; --header-secondary-height: 80px; --notice-height: 0; --menu-text: var(--blue-05); --menu-text-hover: var(--green-100); } @media only screen and (min-width: 1230px) { body .container, body body[data-header-format=left-header] .container, body .woocommerce-tabs .full-width-content .tab-container, body .nectar-recent-posts-slider .flickity-page-dots, body .post-area.standard-minimal.full-width-content .post .inner-wrap, body .material #search-outer #search { max-width: 1400px; } } body.admin-bar { --notice-height: 48px; } @media (min-width: 782px) { body.admin-bar { --notice-height: 32px; } } #uo-livechat-button, #chatbot-chat { z-index: 999 !important; } @media (min-width: 1230px) { .show-mobile { display: none !important; } } @media (max-width: 1229px) { .show-desktop { display: none !important; } } /* Header Styles */ #header-outer:not([data-format=left-header]) { top: var(--notice-height) !important; } #header-outer:not([data-format=left-header]).small-nav { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15); } #header-outer:not([data-format=left-header]) .site-header__title { font-size: clamp(1.25rem, calc(0.2083rem + 1.6667vw), 1.5rem); font-weight: var(--fw-bold); color: var(--menu-text); text-decoration: none; } #header-outer:not([data-format=left-header]) .site-header__title:hover, #header-outer:not([data-format=left-header]) .site-header__title:focus { color: var(--menu-text-hover); text-decoration: none !important; } #header-outer:not([data-format=left-header]) #top .container { padding: 0 var(--spacing-20); } #header-outer:not([data-format=left-header]) #top .container .row { padding: var(--spacing-10) 0; min-height: var(--header-main-height); align-items: center; display: flex; } #header-outer:not([data-format=left-header]) #top .container .row:last-child { min-height: var(--header-secondary-height); } #header-outer:not([data-format=left-header]) #top .container .col { gap: var(--spacing-20); } #header-outer:not([data-format=left-header]) #top .container .col_last { margin-left: auto; float: none !important; position: static !important; } #header-outer:not([data-format=left-header]) #top .container .col::after { display: none; } #header-outer:not([data-format=left-header]) #top .container .tt-cart-icon.woocommerce-cart-link { display: none; } #header-outer:not([data-format=left-header]) #top .sf-menu > .sf-with-ul > a { padding-right: 10px !important; } #header-outer:not([data-format=left-header]) #top nav > ul.sf-menu { line-height: inherit; } @media (min-width: 1320px) { #header-outer:not([data-format=left-header]) #top nav > ul.sf-menu { gap: 20px; margin-right: 30px; } } #header-outer:not([data-format=left-header]) #top nav > ul.sf-menu > li.menu-item a { color: var(--menu-text); font-size: var(--fz-16px); line-height: 1.4; font-weight: var(--fw-medium); background: unset; display: inline-flex; align-items: center; gap: 0.5em; } #header-outer:not([data-format=left-header]) #top nav > ul.sf-menu > li.menu-item a:hover, #header-outer:not([data-format=left-header]) #top nav > ul.sf-menu > li.menu-item a:focus { color: var(--menu-text-hover) !important; text-decoration: none !important; } #header-outer:not([data-format=left-header]) #top nav > ul.sf-menu > li.menu-item:not(.megamenu) .sub-menu > .menu-item.current-menu-item > a, #header-outer:not([data-format=left-header]) #top nav > ul.sf-menu > li.menu-item:not(.megamenu) .sub-menu > .menu-item a:hover, #header-outer:not([data-format=left-header]) #top nav > ul.sf-menu > li.menu-item:not(.megamenu) .sub-menu > .menu-item a:focus { background: unset !important; color: var(--menu-text-hover) !important; } #header-outer:not([data-format=left-header]) .sf-sub-indicator { display: inline-flex; width: 1em; height: 1em; position: static; vertical-align: middle; } #header-outer:not([data-format=left-header]) .sf-sub-indicator .icon-in-menu { display: none; } #header-outer:not([data-format=left-header]) .sf-sub-indicator::before { content: ""; display: inline-block; border-top-width: 0; border-right-width: 0; border-left-width: 2px; border-bottom-width: 2px; border-style: solid; border-bottom-left-radius: 2px; transform-origin: 50% 50%; rotate: -45deg; width: 0.625em !important; height: 0.625em !important; } #header-outer:not([data-format=left-header]) .sub-menu { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15), 0px 10px 40px 0px rgba(0, 0, 0, 0.15); border-top: 0; border-radius: var(--radius--rounded-xs); padding: 34px; width: 29em; max-width: 100vw; margin-top: 11px; } .logged-in #header-outer:not([data-format=left-header]) #top nav > ul.sf-menu { margin-right: 0; } #header-space { height: calc(var(--header-main-height) + var(--header-secondary-height)); } .uo-login-logout-menu-item a { --button-text-default: var(--button-secondary-text-default); --button-bg-default: var(--button-secondary-bg-default); --button-text-hover: var(--button-secondary-text-hover); --button-bg-hover: var(--button-secondary-bg-hover); color: var(--button-bg-default); background-color: transparent; box-shadow: var(--button-bg-default) 0px 0px 0px 2px inset; font-weight: 600; text-decoration: none; text-align: center; border: 0; border-radius: 0.25rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1; padding: 1em 1.5em; font-size: 16px; transition-property: box-shadow, background-color, color; transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1); transition-duration: 0.3s; } .uo-login-logout-menu-item a:hover, .uo-login-logout-menu-item a:focus { background-color: var(--button-bg-hover); color: var(--button-text-hover); box-shadow: var(--button-bg-hover) 0px 0px 0px 2px inset; text-decoration: none !important; } #slide-out-widget-area { top: calc(var(--header-main-height) + var(--header-secondary-height)) !important; } #top .span_9 > .slide-out-widget-area-toggle > div { transform: unset; } .slide-out-widget-area-toggle .mobile-menu-trigger { font-size: var(--fz-32px); color: var(--black); width: 1em; height: 0.7567em; display: inline-flex; justify-content: space-between; flex-direction: column; align-items: flex-end; } .slide-out-widget-area-toggle .mobile-menu-trigger::before, .slide-out-widget-area-toggle .mobile-menu-trigger::after, .slide-out-widget-area-toggle .mobile-menu-trigger > .mobile-menu-trigger__lines { background: currentcolor; display: block; height: 4px; border-radius: 99px; width: 100%; transition-property: rotate, opacity, transform, width; transition-duration: 0.2s; transition-timing-function: ease-in-out; } .slide-out-widget-area-toggle .mobile-menu-trigger::before { content: ""; transform-origin: 100% 50%; transition-delay: 0.3s; } .slide-out-widget-area-toggle .mobile-menu-trigger::after { content: ""; width: 80%; transform-origin: 100% 50%; transition-delay: 0.3s; } .slide-out-widget-area-toggle .mobile-menu-trigger.open > .mobile-menu-trigger__lines { opacity: 0; transition-delay: 0.3s; } .slide-out-widget-area-toggle .mobile-menu-trigger.open::before { rotate: -45deg; transform: translate(-0.075em, -0.125em); transition-delay: 0; } .slide-out-widget-area-toggle .mobile-menu-trigger.open::after { rotate: 45deg; width: 100%; transform: translate(-0.065em, 0.125em); transition-delay: 0; } .mobile-icon { height: auto; } #header-outer #mobile-menu .below-menu-items-wrap { margin-top: auto; display: flex; align-items: center; border-top: 1px solid var(--gray-500); padding: var(--spacing-20); } #header-outer #mobile-menu .below-menu-items-wrap .widget_nav_menu { margin-left: auto; margin-bottom: unset !important; } #header-outer #mobile-menu .below-menu-items-wrap .widget_nav_menu .uo-login-logout-menu-item a { padding: 1em 1.5em; font-size: 16px; color: var(--button-bg-default); display: inline-flex; align-items: center; justify-content: center; gap: 8px; } #header-outer #mobile-menu .below-menu-items-wrap .widget_nav_menu .uo-login-logout-menu-item a:hover, #header-outer #mobile-menu .below-menu-items-wrap .widget_nav_menu .uo-login-logout-menu-item a:focus { color: var(--button-text-hover); } @media (max-width: 1229px) { #header-outer:not([data-format=left-header]) { padding: 0; } #header-outer:not([data-format=left-header]) #top #mobile-menu { height: calc(100vh - var(--header-main-height) - var(--header-secondary-height) - var(--notice-height)); top: 100%; } #header-outer:not([data-format=left-header]) #top #mobile-menu .inner { height: 100%; display: flex; flex-direction: column; } #header-outer:not([data-format=left-header]) #top #mobile-menu .menu-items-wrap { padding: var(--spacing-20); } #header-outer:not([data-format=left-header]) #top #mobile-menu .menu-items-wrap .menu-item { font-size: var(--fz-20px); border: unset; } #header-outer:not([data-format=left-header]) #top #mobile-menu .menu-items-wrap .menu-item::before { display: none; } #header-outer:not([data-format=left-header]) #top #mobile-menu .menu-items-wrap .menu-item a { font-size: inherit; color: var(--black); text-decoration: none; } #header-outer:not([data-format=left-header]) #top #mobile-menu .menu-items-wrap .menu-item a:hover, #header-outer:not([data-format=left-header]) #top #mobile-menu .menu-items-wrap .menu-item a:focus { color: var(--wp--preset--color--green-100); text-decoration: none !important; } #header-outer:not([data-format=left-header]) #top #mobile-menu .menu-items-wrap .menu-item-has-children > a { margin-right: 3em; } #header-outer:not([data-format=left-header]) #top #mobile-menu .menu-items-wrap .menu-item a > .sf-sub-indicator { transform: unset; padding: 0; left: calc(100% + 1em); transform: translateY(-50%); right: auto; } #header-outer:not([data-format=left-header]) #top #mobile-menu .menu-items-wrap .menu-item.current-open-item a > .sf-sub-indicator::before { rotate: -225deg; } #header-outer:not([data-format=left-header]) #top #mobile-menu .menu-items-wrap .menu-item.current-menu-item > a, #header-outer:not([data-format=left-header]) #top #mobile-menu .menu-items-wrap .menu-item.current-menu-parent > a { color: var(--wp--preset--color--green-100); } #header-outer:not([data-format=left-header]) #top #mobile-menu .menu-items-wrap .sub-menu { box-shadow: unset; border: unset; border-radius: unset; padding-top: 0; } #header-outer:not([data-format=left-header]) #top .container { padding: 0; max-width: 100%; } #header-outer:not([data-format=left-header]) #top .container .row { border-bottom: 1px solid var(--gray-500); padding: var(--spacing-10); padding: var(--spacing-20); } #header-outer:not([data-format=left-header]) #top .container .row .col.span_3 { width: 25%; line-height: inherit !important; } #header-outer:not([data-format=left-header]) #top .container:first-child .sf-menu { display: none; } } #header-outer:not([data-format=left-header]).small-nav { box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); } @media (min-width: 1230px) { #header-outer:not([data-format=left-header]).small-nav .site-header > .container > .row:first-child { display: none !important; } } body #top #logo img, #header-outer[data-permanent-transparent=false] #logo .dark-version, body #header-outer.small-nav #logo img, body #header-outer.small-nav .logo-spacing img { height: 40px !important; } #header-outer #mobile-menu .secondary-header-items { display: none !important; } #header-outer:not([data-format=left-header]) #top #mobile-menu .sf-sub-indicator::before{ rotate: -135deg; transition: rotate 0.3s ease-in-out } #header-outer:not([data-format=left-header]) #top #mobile-menu .menu-items-wrap .menu-item.current-open-item a > .sf-sub-indicator::before{ rotate: -45deg; } #header-outer[data-using-secondary="1"]:not([data-format="left-header"]){ z-index:9999999; } #header-outer #mobile-menu > .inner > .menu-items-wrap { position: relative; overflow-y: auto; overflow-x: hidden; padding: 0; z-index: 1001; min-height: 200px; } .sidebar.sticky-col { position: relative; } .hero { --component-media-width: 436px; } @media (max-width: 768px) { .hero { --component-media-width: 350px; } } .hero .hero--media-right .fl-row-content > .fl-col-group > .hero__text { min-width: 400px; flex: 1 1 auto; } .hero .hero--media-right .fl-row-content > .fl-col-group > .hero__media { min-width: 350px; max-width: 436px; width: auto; } @media (max-width: 768px) { .hero .hero--media-right .fl-row-content > .fl-col-group > .hero__media.fl-col-small:not(.fl-col-small-full-width) { width: var(--component-media-width); max-width: var(--component-media-width); } } /** * Steps Style */ .qbt-substeps__item table, .qbt-substeps__item.fl-module .fl-module-content table { margin: 0; padding: 0; width: 100%; border-spacing: 0.5rem; width: 100%; border-collapse: separate !important; border-spacing: 0 !important; border: 0 !important; background: none !important; } .qbt-substeps__item table tr, .qbt-substeps__item.fl-module .fl-module-content table tr { position: relative; background: none !important; } .qbt-substeps__item table tr > th, .qbt-substeps__item table tr td, .qbt-substeps__item.fl-module .fl-module-content table tr > th, .qbt-substeps__item.fl-module .fl-module-content table tr td { border: none; width: 50%; } .qbt-substeps__item table tr:not(:last-child) > th, .qbt-substeps__item table tr:not(:last-child) > td, .qbt-substeps__item.fl-module .fl-module-content table tr:not(:last-child) > th, .qbt-substeps__item.fl-module .fl-module-content table tr:not(:last-child) > td { border-bottom: 1px solid var(--gray-400); } .section__steps { --component-counter-size: 60px; --component-counter-spacing: var(--spacing-20); --component--counter-border-color: rgba(102, 102, 114, .25); counter-reset: steps; } .section__steps.fl-row > .fl-row-content-wrap > .fl-row-content > .fl-col-group:has(.section__steps__item):not(:last-child), .section__steps.fl-row > .fl-row-content-wrap > .fl-row-content > .fl-col-group:has(.section__steps__item):only-child > .fl-col:not(:last-child) > .fl-col-content, .section__steps.fl-col > .fl-col-content > .fl-col-group:has(.section__steps__item):not(:last-child), .section__steps.fl-col > .fl-col-content > .fl-col-group:has(.section__steps__item):only-child > .fl-col:not(:last-child) > .fl-col-content { position: relative; } .section__steps.fl-row > .fl-row-content-wrap > .fl-row-content > .fl-col-group:has(.section__steps__item):not(:last-child)::before, .section__steps.fl-row > .fl-row-content-wrap > .fl-row-content > .fl-col-group:has(.section__steps__item):only-child > .fl-col:not(:last-child) > .fl-col-content::before, .section__steps.fl-col > .fl-col-content > .fl-col-group:has(.section__steps__item):not(:last-child)::before, .section__steps.fl-col > .fl-col-content > .fl-col-group:has(.section__steps__item):only-child > .fl-col:not(:last-child) > .fl-col-content::before { content: ""; display: block; width: 2px; position: absolute; top: calc(var(--component-counter-size) + var(--spacing-10) + var(--spacing-15)); bottom: calc(-1 * var(--spacing-15) + var(--spacing-10)); left: 48px; background-color: var(--component--counter-border-color); } @media (max-width: 768px) { .section__steps.fl-row > .fl-row-content-wrap > .fl-row-content > .fl-col-group:has(.section__steps__item):not(:last-child)::before, .section__steps.fl-row > .fl-row-content-wrap > .fl-row-content > .fl-col-group:has(.section__steps__item):only-child > .fl-col:not(:last-child) > .fl-col-content::before, .section__steps.fl-col > .fl-col-content > .fl-col-group:has(.section__steps__item):not(:last-child)::before, .section__steps.fl-col > .fl-col-content > .fl-col-group:has(.section__steps__item):only-child > .fl-col:not(:last-child) > .fl-col-content::before { left: 40px; } } @media (max-width: 475px) { .section__steps.fl-row > .fl-row-content-wrap > .fl-row-content > .fl-col-group:has(.section__steps__item):not(:last-child)::before, .section__steps.fl-row > .fl-row-content-wrap > .fl-row-content > .fl-col-group:has(.section__steps__item):only-child > .fl-col:not(:last-child) > .fl-col-content::before, .section__steps.fl-col > .fl-col-content > .fl-col-group:has(.section__steps__item):not(:last-child)::before, .section__steps.fl-col > .fl-col-content > .fl-col-group:has(.section__steps__item):only-child > .fl-col:not(:last-child) > .fl-col-content::before { top: calc(var(--component-counter-size) + var(--spacing-10) + var(--component-counter-spacing)); left: 28px; bottom: calc(-1 * var(--spacing-05) + var(--spacing-10)); } } .section__steps.fl-row > .fl-row-content-wrap > .fl-row-content > .fl-col-group:has(.section__steps__item) .fl-module:not(.fl-module-tangible-module-975b1dcf438644489076314c84eaff6d) .fl-module-content, .section__steps.fl-col > .fl-col-content > .fl-col-group:has(.section__steps__item) .fl-module:not(.fl-module-tangible-module-975b1dcf438644489076314c84eaff6d) .fl-module-content { padding-left: calc(var(--component-counter-size) + var(--component-counter-spacing)); } .section__steps.fl-row > .fl-row-content-wrap > .fl-row-content > .fl-col-group:has(.section__steps__item) .fl-module-tangible-module-975b1dcf438644489076314c84eaff6d .fl-module-content, .section__steps.fl-col > .fl-col-content > .fl-col-group:has(.section__steps__item) .fl-module-tangible-module-975b1dcf438644489076314c84eaff6d .fl-module-content { margin-top: 0; } .section__steps .section__steps__item { counter-increment: steps; } .section__steps .section__steps__item__number--auto::after { content: counter(steps); } @media (min-width: 992px) { .section__steps.section__steps--stacked.fl-row > .fl-row-content-wrap > .fl-row-content > .fl-col-group .fl-module:not(.fl-module-tangible-module-975b1dcf438644489076314c84eaff6d) .fl-module-content, .section__steps.section__steps--stacked.fl-col > .fl-col-content > .fl-col-group .fl-module:not(.fl-module-tangible-module-975b1dcf438644489076314c84eaff6d) .fl-module-content { padding-left: unset; } .section__steps.section__steps--stacked.fl-row > .fl-row-content-wrap > .fl-row-content > .fl-col-group:not(.step-heading):only-child .fl-col:not(:last-child) > .fl-col-content::before, .section__steps.section__steps--stacked.fl-col > .fl-col-content > .fl-col-group:not(.step-heading):only-child .fl-col:not(:last-child) > .fl-col-content::before { content: ""; display: block; height: 2px; width: auto; bottom: auto; position: absolute; left: calc(50% + var(--component-counter-size) / 2 + var(--spacing-10)); right: calc(-50% + var(--component-counter-size) / 2 + var(--spacing-10)); top: 48px; background-color: var(--component--counter-border-color); } } @media (max-width: 768px) { .section__steps { --component-counter-size:40px; } } @media (max-width: 500px) { .section__steps { --component-counter-spacing: 10px; } } .fl-row-has-layers .fl-builder-shape-global-shapes-semicircle { top: auto; bottom: calc(100% - 1px); overflow: visible; } .fl-row-has-layers .fl-builder-shape-global-shapes-semicircle svg { bottom: 0; top: auto; height: auto !important; } @media (max-width: 1200px) { .fl-row-has-layers .fl-builder-shape-global-shapes-semicircle svg { left: auto; right: auto; } } @media (min-width: 1200px) { .fl-row-has-layers .fl-module:first-of-type { margin-top: -10%; } } /** * Overview */ .overview__wrapper { --button-bg-default: #E2E0DB; --component-overview-border: rgba(0, 0, 0, 0.2); border-radius: var(--radius--rounded-sm); box-shadow: var(--button-bg-default) 0px 0px 0px 1px inset; } .overview__wrapper > .fl-col-content { padding: var(--spacing-20); margin: var(--spacing-20); } .overview__wrapper.has-theme-dark .overview__content { --component-overview-border: rgba(15, 212, 108, 0.2); } .overview__wrapper.has-style-card-elevated { box-shadow: 0px 1px 4px 0px var(--button-bg-default); padding: 1.25rem; } .overview__wrapper.has-style-card-elevated.fl-col { padding: 0; } .overview__content { padding: 0 var(--spacing-20); flex: 1; max-width: unset; } .overview__content:not(:last-child) { border-right: 1px solid var(--component-overview-border); } .overview__content > .fl-col-content { padding: 0 var(--spacing-20); } .overview__content ul > li a { font-weight: 500; } .overview__heading { color: var(--component-card-contrast-emphasis); } .overview__heading .heading-decoration { position: relative; padding: 0 0 3px; } .overview__heading .heading-decoration::after { content: ""; width: 100%; position: absolute; height: 3px; background-color: var(--green-100); bottom: 0; left: 0; border-radius: 5px; } .overview__description { font-size: 0.8rem; font-weight: 500; margin-top: 0.5em; color: var(--component-card-contrast); } @media (max-width: 768px) { .overview__wrapper { flex-direction: column !important; max-width: 500px; } .overview__wrapper > .fl-col-content { margin: 0 20px; } .overview__content { padding: var(--spacing-20) 0; } .overview__content.fl-col { max-width: 100%; } .overview .has-theme-dark .overview__content:not(:last-child) { border: none; border-bottom: 1px solid var(--component-overview-border); } } /* * Infobox */ .section__infobox--spacing-lg { --infobox-spacing: var(--spacing-15) var(--spacing-30); } .section__infobox--spacing-md { --infobox-spacing: var(--spacing-15) var(--spacing-20); } .section__infobox--spacing-sm { --infobox-spacing: var(--spacing-10); } .section__infobox > .fl-col-content > .fl-col-group > .fl-col > .fl-col-content { padding: var(--infobox-spacing); } .section__infobox .fl-module { height: 100%; width: 100%; } .section__infobox .fl-module > .fl-module-content { display: flex; height: 100%; width: 100%; margin: 0; } @media (max-width: 990px) { .section__infobox--spacing-lg, .section__infobox--spacing-md { --infobox-spacing: var(--spacing-15); } .section__infobox--spacing-sm { --infobox-spacing: var(--spacing-15) var(--spacing-10); } .section__infobox > .fl-col-content > .fl-col-group > .fl-col { width: 100%; } .section__infobox .infobox { max-width: 450px; } } @media (max-width: 768px) { .section__infobox .fl-col-small:not(.fl-col-small-full-width) { max-width: 100%; } } /* * User Benefits */ .section__user-benefits .fl-col-group.fl-col-group-nested .fl-col-small:not(.fl-col-small-full-width) { max-width: 100%; } /* * Features */ .section__features .fl-col-group { gap: 1rem; } .section__features .fl-col-group .fl-col { flex: 1; } /*@media(max-width: 980px) { .features .fl-col-group.fl-col-group-equal-height{ flex-direction: column; } }*/ @media (max-width: 768px) { .features .fl-col-group.fl-col-group-equal-height { flex-direction: column; } } /** * CTA */ .cta:not(.has-style-card) .cta__content { padding: 2.4rem 1rem 2.4rem; min-height: 200px; } @media (max-width: 500px) { .cta:not(.has-style-card) .cta__content { padding: 1rem; } } .cta:not(.has-style-card) .cta__content > * { position: relative; z-index: 1; max-width: 940px; margin-inline: auto; } .cta .button { max-width: max-content; } /** * Form elements */ label { font-size: 14px; font-weight: 600; color: #6b6c72; transition: color 150ms ease-in-out; } textarea { padding: 8px !important; height: auto; } :root input[type=date], :root input[type=datetime-local], :root input[type=file], :root input[type=text], :root input[type=password], :root input[type=time], :root input[type=email], :root input[type=tel], :root input[type=week], :root input[type=month], :root input[type=number], :root input[type=url], :root input[type=search], :root select, :root textarea, :root .woocommerce form .form-row.woocommerce-validated input.input-text, :root .woocommerce form .form-row.woocommerce-validated select, :root .woocommerce form .form-row.woocommerce-validated textarea, :root .woocommerce-checkout #payment div.payment_box input.input-text { width: 100%; font-size: 15px; font-weight: 500; height: 36px; outline: 0; line-height: 1; color: #393a3d; padding: 4px 8px; border-radius: var(--radius--rounded-xs); border: 1px solid var(--input-border); border-color: var(--input-border); background-color: #fff; box-shadow: 0 0 0 2px transparent; transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out, color 150ms ease-in-out, background 150ms ease-in-out; } :root input[type=date]:disabled, :root input[type=datetime-local]:disabled, :root input[type=file]:disabled, :root input[type=text]:disabled, :root input[type=password]:disabled, :root input[type=time]:disabled, :root input[type=email]:disabled, :root input[type=tel]:disabled, :root input[type=week]:disabled, :root input[type=month]:disabled, :root input[type=number]:disabled, :root input[type=url]:disabled, :root input[type=search]:disabled, :root select:disabled, :root textarea:disabled, :root .woocommerce form .form-row.woocommerce-validated input.input-text:disabled, :root .woocommerce form .form-row.woocommerce-validated select:disabled, :root .woocommerce form .form-row.woocommerce-validated textarea:disabled, :root .woocommerce-checkout #payment div.payment_box input.input-text:disabled { background-color: #f3f3f3; color: #979797; } :root input[type=date]:focus, :root input[type=datetime-local]:focus, :root input[type=file]:focus, :root input[type=text]:focus, :root input[type=password]:focus, :root input[type=time]:focus, :root input[type=email]:focus, :root input[type=tel]:focus, :root input[type=week]:focus, :root input[type=month]:focus, :root input[type=number]:focus, :root input[type=url]:focus, :root input[type=search]:focus, :root select:focus, :root textarea:focus, :root .woocommerce form .form-row.woocommerce-validated input.input-text:focus, :root .woocommerce form .form-row.woocommerce-validated select:focus, :root .woocommerce form .form-row.woocommerce-validated textarea:focus, :root .woocommerce-checkout #payment div.payment_box input.input-text:focus { border-color: var(--input-border-focus); background-color: #fff !important; box-shadow: 0 0 0 2px rgba(10, 133, 67, 0.5); outline: 1px solid transparent; } .select2-container .select2-selection--single { border: 1px solid #8d9096; border-radius: 4px; height: 36px; box-shadow: 0 0 0 2px transparent; transition: box-shadow 150ms ease-in-out, border 150ms ease-in-out; } .select2-container.select2-container--focus .select2-selection--single { border-color: #197f12; background-color: #fff !important; box-shadow: 0 0 0 2px #0077c6; outline: 0 !important; } .select2-container .select2-selection--single, .select2-container .select2-selection--single .select2-selection__rendered { height: 36px !important; line-height: 36px !important; } .select2-container .select2-selection--single .select2-selection__arrow, .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__arrow { height: calc(36px - 2px) !important; } .select2-container .select2-selection--single .select2-selection__rendered { font-size: 15px; font-weight: 500; color: #393a3d; } .select2-container--focus { outline: none; } .select2-results { padding: 0; } .select2-dropdown { border: 0 !important; font-size: 14px; margin-top: -2rem; } .select2-search--dropdown { padding: 0 !important; box-shadow: none; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #8d9096; background: #fff; box-shadow: none; font-size: 15px; font-weight: 500; position: relative; z-index: 10; height: 36px; line-height: 1; color: #393a3d; padding: 4px 8px; } .select2-container--default .select2-search--dropdown .select2-search__field:hover { border-color: #8d9096; } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: #197f12; background-color: #fff !important; box-shadow: 0 0 0 2px #8cbf88; } .select2-dropdown:not(.select2-dropdown--above) .select2-search--dropdown .select2-search__field { border-radius: 0; } .select2-dropdown.select2-dropdown--below .select2-search--dropdown .select2-search__field { margin-top: -1px; /* WordPress tries to overwrite this */ margin-left: 0; margin-right: 0; margin-bottom: 0; } .select2-dropdown.select2-dropdown--above .select2-search--dropdown .select2-search__field { border-radius: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; } .select2-results { border: 1px solid #8d9096; border-top: 0; } .select2-dropdown.select2-dropdown--above .select2-results { border-bottom: 0; } .select2-dropdown:not(.select2-dropdown--above) .select2-results { border-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 0; } .select2-results__option { padding: 7px 15px !important; /* WordPress tries to overwrite this */ margin: 0 !important; } .select2-results__option:not(:last-child) { border-bottom: 1px solid #ececec; } .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar { width: 10px; background-color: rgba(0, 0, 0, 0.09); border-radius: 150px; } .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:vertical { background: rgba(0, 0, 0, 0.3); border-radius: 150px; background-clip: padding-box; border: 2px solid rgba(0, 0, 0, 0); min-height: 10px; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { margin-bottom: 0; } .select2-container--default .select2-results__option { color: #000 !important; } .select2-container--default .select2-results__option:not(.select2-results__option--highlighted)[aria-selected=true] { background: #fff !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #f3f3f3 !important; } .select2-container { z-index: 10000; } /** * Forms */ .uo-form-row { display: flex; justify-content: space-between; } .uo-form-col-1 { width: 100%; } .uo-form-col-2 { width: calc(50% - 10px); } .uo-form-col-3 { width: calc(100% / 3 - 20px / 3); } .uo-form-field { display: flex; align-items: center; } .uo-form-field label { width: 100%; display: block; } .uo-form-field__label { width: 100%; font-size: 14px; font-weight: 600; line-height: 18px; color: #6b6c72; margin-bottom: 4px; } .uo-form-field--error .uo-form-field__label { color: #d52b1e; } .uo-form-field__field { position: relative; margin: 4px 0px; } input.uo-form-field-field__text, textarea.uo-form-field-field__text { width: 100%; height: 34px; font-family: inherit; font-weight: 500; font-size: 16px; line-height: 1; padding: 4px 8px; color: #393a3d; box-shadow: none; border: 1px solid #8d9096; border-radius: 4px; background-color: #fff !important; transition: background 150ms ease-in-out, border 150ms ease-in-out, box-shadow 150ms ease-in-out; } input.uo-form-field-field__text:focus, textarea.uo-form-field-field__text:focus { border-color: #197f12; box-shadow: 0 0 0 2px #8cbf88; } .uo-form-field--error input.uo-form-field-field__text, .uo-form-field--error textarea.uo-form-field-field__text { background-color: #faeae9 !important; border-color: #d52b1e; } .uo-form-field--error input.uo-form-field-field__text:focus, .uo-form-field--error textarea.uo-form-field-field__text:focus { border-color: #d52b1e; box-shadow: 0 0 0 2px #f5cac9; background-color: #fcf0f0 !important; } /** * Woocommerce Form */ .woocommerce-invalid input:not([type=checkbox]):not([type=radio]):not([type=file]), .woocommerce-invalid select, .woocommerce-invalid textarea, .woocommerce-invalid input:not([type=checkbox]):not([type=radio]):not([type=file]):hover, .woocommerce-invalid select:hover, .woocommerce-invalid textarea:hover, .woocommerce-checkout #payment div.payment_box .woocommerce-invalid input.input-text, .woocommerce-checkout #payment div.payment_box .woocommerce-invalid input.input-text:hover { border-color: #d52b1e !important; background-color: #faeae9 !important; } .woocommerce-invalid input:not([type=checkbox]):not([type=radio]):not([type=file]):focus, .woocommerce-invalid select:focus, .woocommerce-invalid textarea:focus, .woocommerce-checkout #payment div.payment_box .woocommerce-invalid input.input-text:focus { border-color: #d52b1e !important; box-shadow: 0 0 0 2px #f4cac9 !important; } .woocommerce-invalid label { color: #6b6c72 !important; } /** * Gravity Form */ .gform_wrapper { margin: 0 !important; } .gform_fields { list-style: none !important; padding: 0 !important; margin: 0 !important; } .gfield { list-style: none !important; padding: 0 !important; margin: 0 !important; } .gfield_label { font-size: 14px !important; font-weight: 600 !important; color: #6b6c72 !important; transition: color 150ms ease-in-out !important; margin-top: 0 !important; margin-bottom: 2 !important; } .ginput_container { margin-top: 0 !important; } .gform_footer { margin-top: 12px !important; padding: 0 !important; display: flex !important; } body[data-form-submit=regular] .container-wrap input[type=submit].gform_button.button { width: auto !important; height: auto !important; font-family: inherit !important; font-size: 16px !important; font-weight: 600 !important; padding: 6px 20px !important; line-height: 1 !important; display: inline-block !important; border: 2px solid #35a11c !important; background: #35a11c !important; color: #fff !important; margin-right: 0 !important; transition: background 150ms ease-in-out !important; border-radius: 150px !important; transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; } body[data-form-submit=regular] .container-wrap input[type=submit].gform_button.button:hover, body[data-form-submit=regular] .container-wrap input[type=submit].gform_button.button:focus { background: #0f8000 !important; border-color: #0f8000 !important; box-shadow: none !important; } .gform_wrapper .validation_message { font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; color: #d52b1e !important; } .gform_wrapper .gfield_error input:not([type=checkbox]):not([type=radio]):not([type=file]), .gform_wrapper .gfield_error textarea.textarea { border-color: #d52b1e !important; background: #faeceb !important; } .gform_ajax_spinner { display: none !important; } .gform_wrapper--loading .gform_wrapper__submit-button { display: inline-block; position: relative; } body[data-form-submit=regular] .container-wrap .gform_wrapper--loading input[type=submit].gform_button.button { color: transparent !important; } .gform_wrapper--loading .gform_wrapper__submit-button:before { content: "\e912"; /* Updated */ font-family: "QuickBooks Training Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: opacity 150ms ease-in-out; color: #fff; animation: rotating-centered 2s linear infinite; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); } .gform_wrapper div.validation_error { display: none !important; } .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; } .gform_wrapper.gform_validation_error .gform_body ul li { border: 0 !important; background: transparent !important; } .gform_wrapper .field_description_below .gfield_description { padding-top: 0 !important; } .gform_wrapper textarea { margin-bottom: 0 !important; } .uo-gf-upload input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .uo-gf-upload input + label { display: inline-flex; align-items: center; cursor: pointer; font-size: 15px; font-weight: 500; color: #393a3d; border: 1px solid #8d9096; border-radius: 4px; padding: 4px 12px; } .uo-gf-upload input + label span { color: inherit !important; } .uo-gf-upload input + label, .uo-gf-upload input + label span { max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .uo-gf-upload input + label:before { content: "\f382"; font-family: "QuickBooks Training Icons" !important; speak: none; font-size: 14px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #393a3d; margin-right: 8px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .uo-gf-upload input:focus + label { border-color: #2ca01c; box-shadow: 0 0 0 2px #8cbf88; background: #fff; } .uo-gf-upload input + label * { pointer-events: none; } /** * Global from old theme */ body a, .uo-fake-link { color: #0077c5; cursor: pointer; } body a:hover, .uo-fake-link:hover { color: #0077c5; text-decoration: underline !important; } body:not(.uo-livechat-is-ready) header#top .tt-open-chat-wrapper.menu-item{ display: none !important; } .uo-chat-conditional-text--show-if-online { display: none; } .uo-chat-conditional-text--show-if-offline { transition: background 150ms ease-in-out; } body:not(.uo-livechat--agents-not-available) .uo-chat-conditional-text--show-if-offline { color: transparent; background: #ebedf0; animation: placeHolderShimmer 1s steps(10) 1s infinite alternate; } .uo-livechat--agents-not-available .uo-chat-conditional-text--show-if-offline { opacity: 1; display: none; } .uo-livechat--agents-not-available .uo-chat-conditional-text--show-if-online { display: none; } .uo-livechat--agents-available .uo-chat-conditional-text--show-if-offline { display: none; } .uo-livechat--agents-available .uo-chat-conditional-text--show-if-online { opacity: 1; display: inline; } /** * Responsive */ @media screen and (min-width: 1001px){ .uo-responsive-hide-on-desktop { display: none !important; } } @media screen and (max-width: 1000px){ .uo-responsive-hide-on-mobile { display: none !important; } .uo-header-product-select__notice{ /* right: 0; */ } } .container, body[data-header-format="left-header"] .container, .woocommerce-tabs .full-width-content .tab-container, .nectar-recent-posts-slider .flickity-page-dots, .post-area.standard-minimal.full-width-content .post .inner-wrap, .material #search-outer #search { padding: 0 var(--spacing-20); } /* Colors */ .uo-call-to-action--green { color: #fff; } .uo-call-to-action--green a { color: #ffeb06; } .uo-call-to-action--green a:hover { color: #ffeb06; } .uo-call-to-action--green .nectar-button { color: #fff; border-color: #fff; padding-top: 13px; padding-bottom: 13px; padding-left: 30px; padding-right: 30px; } @media screen and (max-width: 1000px){ .uo-call-to-action--green .nectar-button { padding-top: 11px; padding-bottom: 11px; padding-left: 25px; padding-right: 25px; } } /** * Animations */ @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } @keyframes rotating-centered { from { transform: translate(-50%,-50%) rotate(0deg); } to { transform: translate(-50%,-50%) rotate(360deg); } } @keyframes add_attendee_summary_highlight { 0% { opacity: 0; } 25% { opacity: 1; } 40% { opacity: 0; } 60% { opacity: 1; } 100% { opacity: 0; } } @keyframes placeHolderShimmer { 0% { opacity: 1; } 100% { opacity: .25; } } /** * Buttons */ .nectar-button { text-transform: none; letter-spacing: 0px; font-family: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; font-size: 16px; font-weight: 500; } .nectar-button.medium { font-size: 16px; } /** * Tables */ .uo-table, .woocommerce-orders-table, .shop_table { background: #fff; border-radius: 4px; margin-top: 20px; padding: 10px; font-size: 16px; } .uo-table table, table.woocommerce-orders-table, .woocommerce_account_subscriptions table, table.shop_table, .alg-mowc-suborder-details table { box-shadow: none; border: 0; background: transparent; border-radius: 4px; } .uo-table table tfoot, table.woocommerce-orders-table tfoot, .woocommerce_account_subscriptions table tfoot, table.shop_table tfoot, .alg-mowc-suborder-details table tfoot { display: none; } .uo-table tr, .woocommerce-orders-table tr, .woocommerce_account_subscriptions tr, .shop_table tr, .alg-mowc-suborder-details table tr {} .uo-table th, .woocommerce-orders-table th, .woocommerce_account_subscriptions th, .shop_table th, .alg-mowc-suborder-details th { background: #fff; color: #32373c !important; font-size: 14px; font-weight: 600 !important; padding-top: 12px; padding-bottom: 12px; } .uo-table th, .woocommerce-orders-table th, .woocommerce_account_subscriptions th, .shop_table th, .alg-mowc-suborder-details th { border-bottom: 1px solid #d4d7dc; box-shadow: 0 4px 0 0 #f6f7f9; } .uo-table th:not(:last-child), .woocommerce-orders-table th:not(:last-child), .woocommerce_account_subscriptions th:not(:last-child), .shop_table th:not(:last-child), .alg-mowc-suborder-details th:not(:last-child) { border-right: 1px solid #d5d7dc; } .woocommerce-orders-table th .nobr, .woocommerce_account_subscriptions th .nobr, .shop_table th .nobr, .alg-mowc-suborder-details .nobr { font-weight: 600 !important; } .uo-table tbody tr, .woocommerce-orders-table tbody tr, .woocommerce_account_subscriptions tbody tr, .shop_table tbody tr, .alg-mowc-suborder-details tbody tr { background-color: transparent !important; } .uo-table td, .woocommerce-orders-table td, .woocommerce_account_subscriptions td, .shop_table td, .alg-mowc-suborder-details td { color: #393a3d; font-size: 16px !important; min-height: 32px; vertical-align: middle; text-align: left; border-bottom: 1px solid #dadada; } .uo-table td:not(:last-child), .woocommerce-orders-table td:not(:last-child), .woocommerce_account_subscriptions td:not(:last-child), .shop_table td:not(:last-child), .alg-mowc-suborder-details td:not(:last-child) { border-right: 1px dotted #c7c7c7; } .shop_table .button, .shop_table a.button, .shop_table button.button, .alg-mowc-suborder-details .button, .alg-mowc-suborder-details a.button, .alg-mowc-suborder-details button.button { background: #393a3d !important; color: #fff !important; border-radius: 150px !important; padding-top: 6px !important; padding-bottom: 6px !important; padding-left: 15px !important; padding-right: 15px !important; font-size: 13px !important; font-weight: 600 !important; margin: 0 !important; } .shop_table .button:not(:last-child), .alg-mowc-suborder-details .button:not(:last-child) { margin-right: 10px !important; } .shop_table .button:hover, .shop_table a.button:hover, .shop_table button.button:hover, .alg-mowc-suborder-details .button:hover, .alg-mowc-suborder-details a.button:hover, .alg-mowc-suborder-details button.button:hover { background: #000 !important; text-decoration: none !important; } /** * Dashboard */ /** * Global modules (dashboard) */ /* Accordion */ .uo-accordion-item { width: 100%; color: #393a3d; padding-bottom: 20px; border-top: 1px solid #d4d7dc; } .uo-accordion-item:last-child { border-bottom: 1px solid #d4d7dc; } .uo-accordion-item__header { display: flex; padding-top: 20px; cursor: pointer; } .uo-accordion-item__question { flex: 1 1 auto; font-size: 19px; line-height: 26px; font-weight: 500; padding-right: 20px; } /* .uo-accordion-item--open-on-load .uo-accordion-item__question, .uo-accordion-item--open .uo-accordion-item__question { font-weight: 600; } */ .uo-accordion-item__icon { width: 15px; height: 15px; flex: 0 0 auto; margin-top: 4px; position: relative; } .uo-accordion-item__icon:before, .uo-accordion-item__icon:after { content: ''; width: 100%; height: 2px; border-radius: 150px; background: #2ca01c; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: transform 500ms ease-in-out; } .uo-accordion-item__icon:before { transform: translate(-50%,-50%) rotate(180deg); } .uo-accordion-item__icon:after { transform: translate(-50%,-50%) rotate(90deg); } .uo-accordion-item--open-on-load .uo-accordion-item__icon:before, .uo-accordion-item--open .uo-accordion-item__icon:before { transform: translate(-50%,-50%) rotate(0deg); } .uo-accordion-item--open-on-load .uo-accordion-item__icon:after, .uo-accordion-item--open .uo-accordion-item__icon:after { transform: translate(-50%,-50%) rotate(0deg); } .uo-accordion-item__answer { padding-top: 8px; padding-right: 35px; font-size: 16px; font-weight: 400; line-height: 1.4; display: none; } .uo-accordion-item--open-on-load .uo-accordion-item__answer { display: block; } .uo-accordion-item__answer ol, .uo-accordion-item__answer ul, .uo-accordion-item__answer p { padding-bottom: 0 !important; margin-bottom: 10px !important; } .uo-accordion-item__answer ol:last-child, .uo-accordion-item__answer ul:last-child, .uo-accordion-item__answer p:last-child { margin-bottom: 0 !important; } /* Tabs */ .uo-tabs--disabled { pointer-events: none; } .uo-tabs-buttons { width: 100%; /*background: #f9f9f9; border-bottom: 1px solid #e4e4e4;*/ } .uo-tabs-buttons-container:after { content: ''; display: table; clear: both; } .uo-tabs-buttons-container { display: flex; width: 60%; overflow-x: auto; box-shadow: 0 5px 0 0 #eceef1; border-bottom: 1px solid #dee0e4; } @media (max-width: 1000px){ .uo-tabs-buttons-container { width: unset; } } @media (max-width: 730px){ .uo-tabs-buttons-container { width: 100%; } } .uo-tabs-button { font-size: 16px; font-weight: 500; color: #6b6c72; display: flex; align-items: center; position: relative; white-space: nowrap; padding: 15px 30px; transition: color 150ms ease-in-out, box-shadow 150ms ease-in-out; cursor: pointer; } .uo-tabs-button:hover { text-decoration: none !important; } .uo-tabs-button:before { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0px; height: 25px; border-right: 1px dotted #babec5; } .uo-tabs-button--selected { color: #393a3d; box-shadow: inset 0 -4px 0 0 #329e28; font-weight: 600; } .uo-tabs-actions { /* flex: 1 1 auto; */ display: flex; justify-content: flex-end; align-items: center; padding-left: 20px; padding-top: 15px; } .uo-tabs__action { font-size: 16px; font-weight: 600; padding: 6px 20px; line-height: 1; display: inline-block; white-space: nowrap; color: #393a3d; background: transparent; border: 2px solid #393a3d; border-radius: 150px; transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; } .uo-tabs__action:not(:last-child){ margin-right: 10px; } .uo-tabs__action:hover { background: transparent; border-color: #000; color: #000; text-decoration: none !important; } .uo-tabs-content-container { padding-top: 40px; } .uo-tabs-content { display: none; } .uo-tabs-content--selected { display: block; } @media screen and (max-width: 1100px){ .uo-tabs-button { padding-left: 20px; padding-right: 20px; } } /* Team */ .uo-team-grid {} .uo-team-grid-container { width: auto; display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-bottom: -40px; } .uo-team-grid-item { width: 16.666%; padding-left: 15px; padding-right: 15px; padding-bottom: 40px; display: flex; flex-direction: column; align-items: center; } .uo-team-grid-item__photo { width: 100%; max-width: 175px; position: relative; } .uo-team-grid-item__photo-img { width: 100%; padding-top: 100%; border-radius: 50%; background-color: #bbbec3; background-repeat: no-repeat; background-position: center; background-size: cover; } .uo-team-grid-item__data { width: 100%; max-width: 100%; padding-top: 20px; } /* .uo-team-grid-item__full-name, .uo-team-grid-item__position { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } */ .uo-team-grid-item__full-name { font-size: 18px; font-weight: 500; } .uo-team-grid-item__position { font-size: 16px; line-height: 22px; color: #2ca01c; margin-top: 2px; } @media screen and (max-width: 1024px){ .uo-team-grid-item { width: 25%; } } @media screen and (max-width: 768px){ .uo-team-grid-item { width: 50%; } } @media screen and (max-width: 480px){ .uo-team-grid { overflow: auto; padding-bottom: 20px; } .uo-team-grid::-webkit-scrollbar { height: 10px; background-color: rgba(0,0,0,.09); border-radius: 150px; } .uo-team-grid::-webkit-scrollbar-thumb:horizontal { background: rgba(0,0,0,.3); border-radius: 150px; background-clip: padding-box; border: 2px solid rgba(0,0,0,0); min-width: 10px; } .uo-team-grid-container { flex-wrap: nowrap; margin-bottom: 0; } .uo-team-grid-item { min-width: 200px; max-width: 200px; padding-bottom: 0; } } /* Steps */ .uo-steps {} .uo-step { width: 100%; display: flex; } .uo-step:not(:last-child) { padding-bottom: 30px; } .uo-step-counter { flex: 0 0 auto; position: relative; } .uo-step-counter:before { content: ''; width: 3px; height: calc( 100% + 40px ); border-radius: 150px; background: #2da11c; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1; } .uo-step:last-child .uo-step-counter:before { height: 100%; } .uo-step-number { width: 35px; height: 35px; font-size: 20px; line-height: 35px; text-align: center; font-weight: 700; color: #fff; background: #2ca01c; border-radius: 50%; position: relative; z-index: 2; } .uo-step-content { flex: 1 1 auto; min-width: 0px; padding-left: 25px; padding-top: 3px; } .uo-step-content__title { font-size: 24px; font-weight: 600; } .uo-step-content__description { font-size: 19px; line-height: 26px; } .uo-step-content__title + .uo-step-content__description { padding-top: 10px; } .uo-step-content__description p:not(:last-child) { padding-bottom: 8px; } .uo-step-content__description ol, .uo-step-content__description ul { margin-bottom: 0 !important; padding-bottom: 0 !important; } .uo-step-content__actions {} .uo-step-content__description + .uo-step-content__actions, .uo-step-content__title + .uo-step-content__actions { padding-top: 15px; } .uo-step-content__btn { font-size: 16px; font-weight: 600; padding: 6px 20px; line-height: 1; display: inline-block; border: 2px solid #393a3d; background: #393a3d; color: #fff; border-radius: 150px; transition: background 150ms ease-in-out; } .uo-step-content__btn:hover { color: #fff; background: #000; text-decoration: none !important; } @media screen and (max-width: 1000px){ .uo-step-content__title { font-size: 20px; } .uo-step-content__description { font-size: 16px; line-height: 22px; } } /* Notification */ .uo-notification { width: 300px; position: fixed; right: 20px; bottom: 20px; background: #fff; border-radius: 4px; box-shadow: 0 0 25px 5px rgba(0,0,0,.1); border: 1px solid #e5e7e8; padding: 20px; z-index: 2147483638; } .uo-notification__header { display: flex; } .uo-notification__title { flex: 1 1 auto; font-size: 18px; font-weight: 500; } .uo-notification__title:before { content: '\f05a'; font-size: 16px; margin-right: 5px; font-family: 'QuickBooks Training Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .uo-notification--success .uo-notification__title { color: #329d28; } .uo-notification--success .uo-notification__title:before { content: '\f058'; } .uo-notification--error .uo-notification__title { color: #e43834; } .uo-notification--error .uo-notification__title:before { content: '\f057'; } .uo-notification__close { flex: 0 0 auto; padding: 20px; margin: -20px; font-size: 16px; color: #4d4e51; cursor: pointer; } .uo-notification__content { font-size: 16px; line-height: 22px; } .uo-subpage-header { width: 100%; } .uo-subpage-header-title { font-size: var(--font-size--08); margin-bottom: 0.5em; font-weight: var(--fw-semibold); } .uo-subpage-header-title--small { font-size: var(--font-size--07); } .uo-subpage-header-subtitle { font-size: var(--font-size--04); line-height: 1.5; font-weight: 400; } .uo-subpage-header-subtitle br + br { display: none; } .uo-tabs-buttons { display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 1000px) { .uo-tabs-buttons { flex-direction: column-reverse; gap: 20px 0; } } @media screen and (max-width: 479px) { .uo-tabs-buttons { flex-direction: column-reverse; gap: 25px 0; } } .tt-version-selector-contained { display: flex; justify-content: flex-end; align-items: center; } @media screen and (max-width: 346px) { .tt-version-selector-contained { flex-direction: column-reverse; gap: 20px 0; } .uo-tabs-actions { padding: 0; } } .uo-dashboard { padding-bottom: 20px; } .uo-dashboard-placeholder { background: #ebedf0; opacity: 1; animation: placeHolderShimmer 1s steps(10) 1s infinite alternate; /* background: #f4f5f8; */ } .uo-dashboard-button, .uo-tabs__action { --button-text-default: var(--button-secondary-text-default); --button-bg-default: var(--button-secondary-bg-default); --button-text-hover: var(--button-secondary-text-hover); --button-bg-hover: var(--button-secondary-bg-hover); font-weight: 600; text-decoration: none; text-align: center; border: 0; border-radius: 50px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1; padding: 0.5em 1.4em; font-size: 16px; transition-property: box-shadow background-color color; transition: 0.3s cubic-bezier(0.35, 0, 0.25, 1); color: var(--button-bg-default); background-color: transparent; box-shadow: var(--button-bg-default) 0px 0px 0px 2px inset; } .uo-dashboard-button:hover, .uo-dashboard-button:focus, .uo-tabs__action:hover, .uo-tabs__action:focus { background-color: var(--button-bg-hover); color: var(--button-text-hover); box-shadow: var(--button-bg-hover) 0px 0px 0px 2px inset; } .uo-dashboard-courses-item__actions, .uo-dashboard-webinar__actions { gap: var(--spacing-10); margin-top: var(--spacing-10); } /* Buttons */ .uo-dashboard-courses-item__action, .uo-dashboard-webinar__action, .uo-dashboard-no-access__action { --button-text-default: var(--button-primary-text-default); --button-bg-default: var(--button-primary-bg-default); --button-text-hover: var(--button-primary-text-hover); --button-bg-hover: var(--button-primary-bg-hover); position: relative; font-weight: 600; text-decoration: none; text-align: center; border: 0; border-radius: 50px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1; padding: 0.5em 1.4em; font-size: 16px; transition-property: box-shadow background-color color; transition: 0.3s cubic-bezier(0.35, 0, 0.25, 1); color: var(--button-text-default); background-color: var(--button-bg-default); box-shadow: transparent 0px 0px 0px 2px inset; } .uo-dashboard-courses-item__action:hover, .uo-dashboard-courses-item__action:focus, .uo-dashboard-webinar__action:hover, .uo-dashboard-webinar__action:focus, .uo-dashboard-no-access__action:hover, .uo-dashboard-no-access__action:focus { text-decoration: none !important; color: var(--button-text-hover); background-color: var(--button-bg-hover); } .uo-dashboard-courses-item__action[disabled], .uo-dashboard-webinar__action[disabled], .uo-dashboard-no-access__action[disabled] { opacity: 0.5; pointer-events: none; } .uo-dashboard-courses-item__action--secondary, .uo-dashboard-webinar__action--secondary, .uo-dashboard-no-access__action--secondary { --button-text-default: var(--button-secondary-text-default); --button-bg-default: var(--button-secondary-bg-default); --button-text-hover: var(--button-secondary-text-hover); --button-bg-hover: var(--button-secondary-bg-hover); } .uo-dashboard-courses-item__action--danger, .uo-dashboard-webinar__action--danger, .uo-dashboard-no-access__action--danger { --button-text-default: #e53834; --button-bg-default: #e53834; --button-text-hover: #fff; --button-bg-hover: #e53834; color: var(--button-bg-default); background-color: transparent; box-shadow: var(--button-bg-default) 0px 0px 0px 2px inset; } .uo-dashboard-courses-item__action--danger:hover, .uo-dashboard-courses-item__action--danger:focus, .uo-dashboard-webinar__action--danger:hover, .uo-dashboard-webinar__action--danger:focus, .uo-dashboard-no-access__action--danger:hover, .uo-dashboard-no-access__action--danger:focus { background-color: var(--button-bg-hover); color: var(--button-text-hover); box-shadow: var(--button-bg-hover) 0px 0px 0px 2px inset; } .uo-dashboard-courses-item__action--loading, .uo-dashboard-webinar__action--loading, .uo-dashboard-no-access__action--loading { color: transparent !important; pointer-events: none; } .uo-dashboard-courses-item__action--loading::before, .uo-dashboard-webinar__action--loading::before, .uo-dashboard-no-access__action--loading::before { content: "\e912"; color: var(--button-text-default); font-size: 16px; font-family: "QuickBooks Training Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: rotating-centered 2s linear infinite; } .uo-dashboard-placeholder-text { height: 8px; border-radius: 150px; display: inline-block; } .uo-dashboard-placeholder-text:not(:last-child) { margin-right: 6px; } .uo-dashboard-placeholder-button { width: 80px; height: 32px; border-radius: 150px; } .uo-dashboard-placeholder-button:not(:last-child) { margin-right: 10px; } .uo-dashboard-tabs { margin-top: 20px; } @media screen and (max-width: 700px) { .uo-dashboard-tabs { margin-top: 30px; } } .uo-dashboard-tabs-button__vip-tag { display: inline-block; font-size: 12px; font-weight: 500; line-height: 1; background: #35a01c; color: #fff; border-radius: 150px; padding: 4px 8px; margin-left: 8px; } @media (max-width: 1000px) { .uo-dashboard-page .select2-container.uo-header-product-selector-absolute .select2-dropdown.select2-dropdown--above { margin-top: -2px; } .uo-dashboard-page .select2-container.uo-header-product-selector-absolute .select2-dropdown.select2-dropdown--below { margin-top: 5px; } } @media (max-width: 782px) { .uo-dashboard-page .select2-container.uo-header-product-selector-absolute .select2-dropdown.select2-dropdown--above { margin-top: 44px; } .uo-dashboard-page .select2-container.uo-header-product-selector-absolute .select2-dropdown.select2-dropdown--below { margin-top: 50px; } } /* Subsections */ .uo-dashboard__section:not(:first-child) { margin-top: 30px; } .uo-dashboard-section__title { font-size: 24px; font-weight: 600; } .uo-dashboard-section__subtitle { font-size: 17px; line-height: 1.4; padding-top: 5px; } .uo-dashboard-section__content { padding-top: 15px; } /* Courses grid */ .uo-dashboard-courses-items { width: auto; flex: 1 1 auto; margin-left: -15px; margin-right: -15px; margin-bottom: -30px; display: flex; flex-wrap: wrap; } .uo-dashboard-courses-item { width: 33.333%; padding: 0 15px 30px; } .uo-dashboard-courses-item--completed .uo-dashboard-courses-item__info { background-image: url("img/other/confetti.svg"); background-repeat: no-repeat; background-size: contain; background-position: bottom center; } .uo-dashboard-courses-item__box { width: 100%; height: 100%; border: 1px solid var(--border-divider); box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); background: #fff; border-radius: var(--radius--rounded-xs); display: flex; flex-direction: column; } .uo-dashboard-courses-item__image { display: block; flex: 0 0 auto; background-color: #f4f5f8; background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 40%; border-top-left-radius: 4px; border-top-right-radius: 4px; } .uo-dashboard-courses-item__info { padding: 20px; flex: 1 1 auto; display: flex; flex-direction: column; } .uo-dashboard-courses-item__title { flex: 0 0 auto; } .uo-dashboard-courses-item__title h2 { font-size: 17px; font-weight: 600; line-height: 1.4; } .uo-dashboard-courses-item__price { flex: 0 0 auto; font-size: 17px; font-weight: 500; line-height: 1.4; margin-bottom: 4px; color: #2ca01c; } .uo-dashboard-courses-item__description { flex: 0 0 auto; font-size: 16px; color: #5f6165; line-height: 1.5; } .uo-dashboard-courses-item__manual { flex: 0 0 auto; border-top: 1px solid var(--border-divider); border-bottom: 1px solid var(--border-divider); margin-top: 15px; padding: 10px 0; font-size: 16px; line-height: 1.5; font-weight: 500; display: flex; } .uo-dashboard-courses-item__manual:empty { display: none; } .uo-dashboard-courses-item-manual__icon { padding-top: 1px; padding-right: 8px; } .uo-dashboard-courses-item-manual__content { color: #5f6165; } .uo-dashboard-courses-item__actions { flex: 1 1 auto; display: flex; align-items: flex-end; } .uo-dashboard-courses-item__status { flex: 0 0 auto; background: var(--bg-secondary); display: flex; align-items: center; padding: 5px 20px; border-radius: 0 0 var(--radius--rounded-xs) var(--radius--rounded-xs); } .uo-dashboard-courses-item-status__bar-container { flex: 1 1 auto; } .uo-dashboard-courses-item-status__bar { width: 100%; height: 6px; background: var(--beige-100); border-radius: 150px; overflow: hidden; } .uo-dashboard-courses-item-status__progress { height: 100%; background: var(--green-200); } .uo-dashboard-courses-item-status__number { position: relative; flex: 0 0 auto; padding-left: 15px; font-size: 15px; font-weight: 500; } @media screen and (max-width: 1150px) { .uo-dashboard-courses-item { width: 50%; } } @media screen and (max-width: 1000px) { .uo-dashboard-courses-item { width: 100%; } } /* No access */ .uo-dashboard-no-access { font-size: 16px; line-height: 24px; } .uo-dashboard-no-access__content { width: auto; margin: 0 -15px; padding-top: 20px; display: flex; } .uo-dashboard-no-access__info, .uo-dashboard-no-access__features { width: 50%; padding: 0 15px; } .uo-dashboard-no-access__info { display: flex; } .uo-dashboard-no-access__info-img { flex: 0 0 auto; width: 175px; padding-right: 20px; } .uo-dashboard-no-access__info-content { flex: 1 1 auto; } .uo-dashboard-no-access__info-content p { padding-bottom: 0px; } .uo-dashboard-no-access__info-content a { font-weight: 500; } .uo-dashboard-no-access__features-title { font-size: 17px; font-weight: 500; } .uo-dashboard-no-access__features-list { margin: 0; padding: 10px 0 15px 0; margin-left: 10px; } @media screen and (max-width: 1000px) { .uo-dashboard-no-access__content { flex-wrap: wrap; } .uo-dashboard-no-access__info, .uo-dashboard-no-access__features { width: 100%; } .uo-dashboard-no-access__features { padding-top: 15px; } } @media screen and (max-width: 690px) { .uo-dashboard-no-access__info-img { display: none; } } /* Webinar lists */ .uo-dashboard-webinars { background: #fff; border: 1px solid #e5e7e8; box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.04); border-radius: 4px; } .uo-dashboard-webinar { display: flex; align-items: center; border-bottom: 1px solid #e5e7e8; padding: 20px 20px 16px 20px; } .uo-dashboard-webinar:last-child { border-bottom: 0; } .uo-dashboard-webinar__info { flex: 1 1 auto; } .uo-dashboard-webinar__title { font-weight: 600; font-size: 18px; } .uo-dashboard-webinar__title-inside { padding-right: 15px; } .uo-dashboard-webinar__live-now { white-space: nowrap; font-size: 14px; } .uo-dashboard-webinar__live-now .support-live__indicator { font-size: 16px; } .uo-dashboard-webinar__date { color: #7f7f7f; font-weight: 500; } .uo-dashboard-webinar__calendar, .uo-dashboard-webinar__relative { display: inline-block; } .uo-dashboard-webinar__calendar .qbt-icon { font-size: 13px; } .uo-dashboard-webinar--urgent .uo-dashboard-webinar__relative { color: #e53834; } .uo-dashboard-webinar--moderated .uo-dashboard-webinar__relative { color: #ff8000; } .uo-dashboard-webinar--normal .uo-dashboard-webinar__relative { color: #359f1c; } .uo-dashboard-webinar__important-notice { font-weight: 500; color: #e53834; } .uo-dashboard-webinar__info .woocommerce-error { margin-top: 10px; margin-bottom: 0 !important; } .uo-dashboard-webinar__actions { flex: 0 0 auto; padding-left: 20px; display: flex; } @media screen and (max-width: 1000px) { .uo-dashboard-webinar { flex-wrap: wrap; padding-bottom: 20px; } .uo-dashboard-webinar__info, .uo-dashboard-webinar__actions { width: 100%; } .uo-dashboard-webinar__actions { padding-top: 15px; padding-left: 0; } } /* My courses */ .uo-dashboard-my-course-next { width: auto; margin-top: 40px; margin-left: -40px; margin-right: -40px; padding: 40px; background: #f6f7f9; border-radius: 4px; } .uo-dashboard-my-course-next .uo-dashboard-courses-item { width: 25%; } .uo-dashboard-my-course-next .uo-dashboard-courses-item__action--secondary { background: transparent; color: #393a3d; border-color: #393a3d; } .uo-dashboard-my-course-next .uo-dashboard-courses-item__action--secondary:hover { background: transparent; color: #000; border-color: #000; } @media screen and (max-width: 1150px) { .uo-dashboard-my-course-next .uo-dashboard-courses-item { width: 33.333%; } } @media screen and (max-width: 1025px) { .uo-dashboard-my-course-next .uo-dashboard-courses-item { width: 50%; } } @media screen and (max-width: 768px) { .uo-dashboard-my-course-next .uo-dashboard-courses-item { width: 100%; } } @media screen and (max-width: 768px) { .uo-dashboard-my-course-next { padding-left: 20px; margin-left: -20px; padding-right: 20px; margin-right: -20px; } } /* My courses placeholder */ .uo-dashboard-my-courses-placeholder .uo-dashboard-courses-item__title .uo-dashboard-placeholder { height: 10px; margin-bottom: 15px; } .uo-dashboard-my-courses-placeholder .uo-dashboard-courses-item__description { min-height: 125px; margin-bottom: -8px; } .uo-dashboard-my-courses-placeholder .uo-dashboard-courses-item__description .uo-dashboard-placeholder { margin-bottom: 8px; } .uo-dashboard-my-courses-placeholder .uo-dashboard-courses-item__status { height: 36px; } .uo-dashboard-live-classes-placeholder .uo-dashboard-section__title span, .uo-dashboard-live-qa-placeholder .uo-dashboard-section__title span { height: 15px; } /* Ask an instructor */ .uo-dashboard-ask-an-instructor-option { margin-top: 30px; position: relative; } .uo-dashboard-ask-an-instructor-option:not(:first-child) { padding-top: 25px; } .uo-dashboard-ask-an-instructor-option:not(:first-child):before { content: ""; width: 200px; height: 1px; top: 0; left: 0; position: absolute; background: #e3e3e3; } .uo-dashboard-ask-an-instructor-option__title { font-size: 18px; font-weight: 600; display: flex; align-items: center; } .uo-dashboard-ask-an-instructor-option__title-tag { background: #f6d9ea; color: #c2006f; padding: 4px 10px; border-radius: 4px; font-size: 14px; font-weight: 500; line-height: 1; display: inline-block; margin-left: 10px; } .uo-dashboard-ask-an-instructor-option__description { font-size: 16px; line-height: 1.4; padding-top: 8px; } .uo-dashboard-ask-an-instructor-option__content { padding-top: 2px; } .uo-dashboard-ask-an-instructor-option__content .uo-dashboard-webinar__title { display: flex; align-items: flex-start; } .uo-dashboard-ask-an-instructor-option__actions { padding-top: 10px; } .uo-dashboard-ask-an-instructor-option__btn { font-size: 16px; font-weight: 600; padding: 6px 20px; line-height: 1; display: inline-block; position: relative; cursor: pointer; color: #fff; background: #393a3d; border: 2px solid #393a3d; border-radius: 150px; transition: color 150ms ease-in-out, border 150ms ease-in-out, background 150ms ease-in-out; } .uo-dashboard-ask-an-instructor-option__btn:hover { background: #000; border-color: #000; } .uo-dashboard-ask-an-instructor-row { width: auto; display: flex; flex-wrap: wrap; margin-left: -30px; margin-right: -30px; } .uo-dashboard-ask-an-instructor-row-left { width: 60%; } .uo-dashboard-ask-an-instructor-row-right { width: 40%; text-align: left; } @media screen and (max-width: 1000px) { .uo-dashboard-ask-an-instructor-row-left, .uo-dashboard-ask-an-instructor-row-right { width: 100%; } .uo-dashboard-ask-an-instructor-row-right { margin-top: 40px; } } .uo-dashboard-ask-an-instructor-row-left, .uo-dashboard-ask-an-instructor-row-right { padding: 0 30px; } .uo-dashboard-ask-an-instructor-row-right img { width: 100% !important; max-width: 375px !important; display: inline-block; } #uo-dashboard-ask-an-instructor-email__checkbox { display: none; } .uo-dashboard-ask-an-instructor__send-email-hidden { display: none; } #uo-dashboard-ask-an-instructor-email__checkbox:checked ~ .uo-dashboard-ask-an-instructor__send-email-visible { display: none; } #uo-dashboard-ask-an-instructor-email__checkbox:checked ~ .uo-dashboard-ask-an-instructor__send-email-hidden { display: block; } .uo-dashboard-ask-an-instructor-video { width: 100%; position: relative; } .uo-dashboard-ask-an-instructor-video__box { width: 100%; height: 100%; border: 1px solid #e6e8e9; border-radius: 4px; background-color: #f3f5f8; padding-top: 5px; overflow: hidden; } .uo-dashboard-ask-an-instructor-video-box__content { width: 100%; height: 0; padding-top: 56.25%; position: relative; } .uo-dashboard-ask-an-instructor-video__thumbnail { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: cover; background-position: center center; background-repeat: no-repeat; } .uo-dashboard-ask-an-instructor-video__play { width: 45px; height: 45px; border-radius: 50%; background: #2fa41e; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 5px rgba(44, 160, 28, 0.4); transition: box-shadow 150ms ease-in-out; cursor: pointer; z-index: 2; } .uo-dashboard-ask-an-instructor-video__play:hover { box-shadow: 0 0 0 10px rgba(44, 160, 28, 0.4); } .uo-dashboard-ask-an-instructor-video__play:before { content: "\f04b"; /* Updated */ font-size: 18px; color: #fff; font-family: "QuickBooks Training Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: calc(50% + 2px); transform: translate(-50%, -50%); opacity: 1; } .uo-dashboard-ask-an-instructor-video .uo-home-hero__small-play { margin-top: 15px; text-align: left; } .uo-dashboard-ask-an-instructor-video .uo-home-hero__small-play-btn { font-size: 16px; } .uo-dashboard-ask-an-instructor-video .uo-home-hero__small-play-icon { width: 20px; height: 20px; } .uo-dashboard-ask-an-instructor-video .uo-home-hero__small-play-icon:before { font-size: 8px; } .uo-dashboard-ask-an-instructor_webinar { margin-top: 10px; } .uo-dashboard-faq-list-item { width: 100%; display: flex; align-items: center; padding: 7px 0; border-bottom: 1px solid #e5e7e8; } .uo-dashboard-faq-list-item__text { flex: 1 1 auto; padding-right: 20px; color: #0077c5; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .uo-dashboard-faq-list-item__arrow { width: 25px; height: 25px; min-width: 25px; border: 1px solid #c5c5c5; border-radius: 50%; position: relative; } .uo-dashboard-faq-list-item__arrow:before { content: "\f178"; font-size: 14px; color: #c5c5c5; font-family: "QuickBooks Training Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 1024px) { .uo-dashboard-email-an-expert { flex-wrap: wrap; } .uo-dashboard-email-an-expert-left, .uo-dashboard-email-an-expert-right { width: 100%; } .uo-dashboard-email-an-expert-right { margin-top: 20px; } } /* Email an expert placeholder */ .uo-dashboard-email-an-expert-placeholder { width: auto; display: flex; margin-left: -15px; margin-right: -15px; } .uo-dashboard-email-an-expert-placeholder .uo-dashboard-section__title span { height: 15px; } .uo-dashboard-email-an-expert-placeholder__textarea { height: 166px; border: 1px solid #ebedf0; border-radius: 4px; } .uo-dashboard-email-an-expert-placeholder__field { width: 100%; max-width: 150px; height: 36px; border: 1px solid #ebedf0; border-radius: 4px; } .uo-dashboard-email-an-expert-placeholder .uo-dashboard-faq-list-item { border-bottom-color: #ebedf0; } .uo-dashboard-email-an-expert-placeholder .uo-dashboard-faq-list-item__arrow { width: 15px !important; min-width: 15px !important; height: 15px !important; background: #ebedf0; border: 0 !important; } .uo-dashboard-email-an-expert-placeholder .uo-dashboard-faq-list-item__arrow:before { display: none; } .uo-dashboard-email-an-expert-placeholder .uo-dashboard-placeholder-button { margin-top: 20px; } @media screen and (max-width: 1024px) { .uo-dashboard-email-an-expert-placeholder { flex-wrap: wrap; } .uo-dashboard-email-an-expert-placeholder .uo-dashboard-email-an-expert-left, .uo-dashboard-email-an-expert-placeholder .uo-dashboard-email-an-expert-right { width: 100%; } .uo-dashboard-email-an-expert-placeholder .uo-dashboard-email-an-expert-right { margin-top: 20px; } } .uo-dashboard-page--education .uo-header-product-selector__container { display: none !important; } /* Hero - in use on student dashboard */ .uo-home-hero__mobile-play, .uo-home-hero__small-play { margin-top: 20px; } .uo-home-hero__small-play-btn { display: inline-flex; flex-wrap: wrap; align-items: center; font-size: 18px; line-height: 22px; font-weight: 500; color: #0077c5; cursor: pointer; } .uo-home-hero__small-play-icon { display: inline-block; position: relative; width: 24px; height: 24px; border-radius: 50%; border: 2px solid #8cb4dd; margin-right: 8px; cursor: pointer; } .uo-home-hero__small-play-icon:before { content: "\f04b"; /* Updated */ font-size: 9px; color: #0077c5; font-family: "QuickBooks Training Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: calc(50% + 1px); transform: translate(-50%, -50%); opacity: 1; } .uo-home-hero__small-duration { color: #6b6c72; margin-left: 5px; } .uo-home-hero__small-play-btn:hover .uo-home-hero__small-name, .uo-home-hero__small-play-btn:hover .uo-home-hero__small-duration { text-decoration: underline; } .uo-home-hero-video { width: 100%; position: relative; } .uo-home-hero-video__box { width: 100%; height: 100%; border: 1px solid #e6e8e9; border-radius: 4px; background-color: #f3f5f8; padding-top: 5px; overflow: hidden; } .uo-home-hero-video-box__content { width: 100%; height: 0; padding-top: 56.25%; position: relative; } .uo-home-hero-video__thumbnail { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: cover; background-position: center center; background-repeat: no-repeat; } .uo-home-hero-video__play { width: 45px; height: 45px; border-radius: 50%; background: #2fa41e; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 5px rgba(44, 160, 28, 0.4); transition: box-shadow 150ms ease-in-out; cursor: pointer; z-index: 2; } .uo-home-hero-video__play:hover { box-shadow: 0 0 0 10px rgba(44, 160, 28, 0.4); } .uo-home-hero-video__play:before { content: "\f04b"; /* Updated */ font-size: 18px; color: #fff; font-family: "QuickBooks Training Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: calc(50% + 2px); transform: translate(-50%, -50%); opacity: 1; } .uo-home-hero-video .uo-home-hero__small-play { margin-top: 15px; } .uo-home-hero-video .uo-home-hero__small-play-btn { font-size: 16px; } .uo-home-hero-video .uo-home-hero__small-play-icon { width: 20px; height: 20px; } .uo-home-hero-video .uo-home-hero__small-play-icon:before { font-size: 8px; } @media screen and (min-width: 1001px) { .uo-home-hero__mobile-play { display: none; } } @media screen and (max-width: 1000px) { .uo-home-hero__mobile-play { margin-bottom: -5px; } } /** * Homepage */ /* Notice */ .uo-important-notice { background: #d52b1e; color: #fff; z-index: 10000; font-size: 16px; line-height: 24px; font-weight: 500; padding-top: 20px !important; padding-bottom: 20px !important; margin-top: -1px; } .uo-important-notice__text { position: relative; line-height: 1.4; padding-left: 24px; } .uo-important-notice__text a, .uo-important-notice__text a:hover { color: #fff; text-decoration: underline; font-weight: 600; } .uo-important-notice__text:before { content: '\f06a'; font-size: 16px; color: #fff; font-family: 'QuickBooks Training Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0; top: 0; line-height: 22px; } .uo-important-notice .row-bg-wrap { background: #d52b1e; } .uo-important-notice strong { font-weight: 700; } .uo-important-notice p { margin: 0 !important; padding: 0 !important; color: #fff; } /* Success notice */ .uo-success-notice { background: #0097e6; color: #fff; z-index: 10000; font-size: 16px; line-height: 24px; font-weight: 500; padding-top: 20px !important; padding-bottom: 20px !important; margin-top: -1px; } .uo-success-notice__text { position: relative; line-height: 1.4; padding-left: 24px; } .uo-success-notice__text a, .uo-success-notice__text a:hover { color: #fff; text-decoration: underline; font-weight: 600; } .uo-success-notice__text:before { content: '\f06a'; font-size: 16px; color: #fff; font-family: 'QuickBooks Training Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0; top: 0; line-height: 22px; } .uo-success-notice .row-bg-wrap { background: #0097e6; } .uo-success-notice strong { font-weight: 700; } .uo-success-notice p { margin: 0 !important; padding: 0 !important; color: #fff; } /* Dismissible */ .uo-dismissible-notice { background: #8b8e95; color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; padding: 15px; border-radius: 4px; margin: 10px 0; position: relative; transition: opacity 300ms ease-in-out; } .uo-dismissible-notice--loading { opacity: .6; } .uo-dismissible-notice__close { width: 20px; height: 20px; position: absolute; top: 15px; right: 15px; font-size: 20px; cursor: pointer; } .uo-dismissible-notice__content { padding-right: 40px; } .uo-dismissible-notice__content a, .uo-dismissible-notice__content a:hover { color: inherit; font-weight: 600; text-decoration: underline; } /* Micromodal */ .section__modal { display: flex; justify-content: center; width: 100%; } .section__modal__button { background-color: unset; width: 100%; height: 100%; border-radius: 0 !important; border: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .section__modal__button .modal-button__icon { background-color: var(--bg-primary); color: var(--blue-50); display: inline-flex; width: 2em; height: 2em; border-radius: 100%; align-items: center; justify-content: center; box-shadow: 0px 3.516px 26.369px 0px rgba(0, 0, 0, 0.15); transition: all 0.2s ease-in-out; } .section__modal__button .modal-button__icon .button__icon { font-size: inherit; position: relative; left: 0.05em; } .section__modal__button:hover .modal-button__icon, .section__modal__button:focus .modal-button__icon { color: var(--green-50); box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.1); } .section__modal__button::after { background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); position: absolute; inset: 0; content: ""; } .section__modal__image { background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; position: relative; width: 100%; aspect-ratio: 16/9; max-width: 650px; border-radius: var(--radius--rounded-xs); } .section__modal__content__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } .section__modal.section__modal--round .section__modal__image { border-radius: 100%; aspect-ratio: 1; } .section__modal .modal { position: fixed; z-index: 99; inset: 0; background-color: transparent; } .modal__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; } .modal__container { display: flex; flex: 1; background-color: #fff; padding: 0.625rem; margin: 1rem; max-width: 660px; border-radius: 30px; box-sizing: border-box; aspect-ratio: 33/19; } .modal__container embed, .modal__container iframe { overflow: hidden; border-radius: var(--radius--rounded-xl); aspect-ratio: 16/9; width: 100% !important; height: 100% !important; } .modal .modal__close { cursor: pointer; position: absolute; top: -10px; right: -10px; padding: 10px; border-radius: 100%; line-height: 1; width: 2em; height: 2em; font-size: 20px; background: var(--bg-primary); color: var(--text-primary); } .modal-button { container-type: inline-size; container-name: modal-container; } .modal-button__icon { position: relative; z-index: 1; } .modal-button__icon svg { font-size: 85px; } @container modal-container (min-width: 400px) { .modal-button .modal-button__icon { font-size: var(--fz-38px); } } @container modal-container (max-width: 399px) { .modal-button .modal-button__icon { font-size: var(--fz-24px); } } /**************************\ Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; z-index: 99; } .micromodal-slide[aria-hidden=false] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=false] .modal__container { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=true] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=true] .modal__container { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } /* Tippy */ .tippy-popper .section__modal, .tippy-popper .tippy-content__image { max-width: 120px; aspect-ratio: 1; flex: 1; } button.tooltip { text-align: left; padding: 0.625em; font-weight: 600; align-items: flex-start; } button.tooltip .icon__glyph { font-size: var(--fz-24px); color: var(--text-disabled-hint); background-color: var(--bg-primary); border-radius: 100%; } button.tooltip:hover, button.tooltip:focus { color: var(--green-100); } button.tooltip:hover .icon__glyph, button.tooltip:focus .icon__glyph { color: inherit; } .tippy-tooltip { font-weight: 400; color: var(--text-primary); background-color: var(--bg-primary); } .tippy-tooltip[data-placement^=top] { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); } .tippy-tooltip[data-placement^=top] > .tippy-arrow { border-top-color: var(--bg-primary); } .tippy-tooltip[data-placement^=bottom] { box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.25); } .tippy-tooltip[data-placement^=bottom] > .tippy-arrow { border-bottom-color: var(--bg-primary); } .tippy-tooltip[data-placement*=end] > .tippy-arrow { left: auto !important; right: 16px; } .tippy-content { display: flex; align-items: flex-start; gap: var(--spacing-15); padding: var(--spacing-20); text-align: left; } .tippy-content ul { margin: 0 0 5px 25px; } .tippy-content .tippy-content__image { max-width: 120px; border-radius: var(--radius--rounded-xs); overflow: hidden; flex: 1 1 40%; } .tippy-content .tippy-content__image img { height: 100%; max-width: unset; width: 100%; object-fit: cover; } .tippy-content .tippy-content__image--full { max-width: 100%; width: 278px; aspect-ratio: 16/9; } .tippy-content .tippy-content__text { min-width: 140px; } .tippy-content .tippy-content__text ul { margin-left: 1em; } .tippy-content .section__modal { height: 100%; } .tippy-content .section__modal__button { aspect-ratio: 1; background-color: unset; height: 100%; } .tippy-content__text { flex: 1; } .tippy-content__text p { margin-bottom: 0 !important; } @media (max-width: 768px) { button.tooltip .icon__glyph { font-size: 0.9rem; } } /* Tab Styles */ .section__tabs .tabs { display: flex; flex-direction: column; max-width: 100%; gap: var(--spacing-30); --component-tab-navigation-bg: var(--beige-100); --component-tab-button-bg: transparent; --component-tab-button-bg-hover: var(--bg-secondary); --component-tab-button-bg-focus: var(--bg-secondary-elevated); --component-tab-button-text: var(--text-emphasis); --component-tab-button-text-hover: var(--text-emphasis); --component-tab-button-text-focus: var(--text-emphasis); --component-tab-button-accent: var(--white); --component-tab-button-accent-hover: var(--green-100); --component-tab-button-accent-focus: var(--green-100); --component-tab-button-accent-contrast: var(--green-100); --component-tab-button-accent-contrast-hover: var(--white); --component-tab-button-accent-contrast-focus: var(--white); } @media (max-width: 768px) { .section__tabs .tabs { gap: var(--spacing-20); } } .section__tabs .tabs__navigation { display: flex; border-radius: var(--radius--rounded-md); background-color: var(--component-tab-navigation-bg); padding: var(--spacing-05); gap: var(--spacing-05); } @media (min-width: 768px) { .section__tabs .tabs[aria-orientation=vertical] { grid-template-columns: minmax(400px, 1fr) 1fr; } } .section__tabs .tabs[aria-orientation=vertical] .tabs__navigation { flex-direction: column; } .section__tabs .tabs__navigation__item { background-color: var(--component-tab-button-bg); color: var(--component-tab-button-text); gap: 8px; border: 0; cursor: pointer; display: flex; flex-grow: 1; text-align: center; justify-content: center; align-items: center; min-height: 3.375rem; font-size: 1rem; line-height: 1.4; padding: 0.625rem 1rem; border-radius: var(--radius--rounded-sm); font-weight: 700; transition: background-color 0.3s ease-in-out; --component-counter-bg: var(--component-tab-button-accent); --component-counter-text: var(--component-tab-button-text); } .section__tabs .tabs__navigation__item:focus, .section__tabs .tabs__navigation__item:hover { background-color: var(--component-tab-button-bg-hover); } .section__tabs .tabs__navigation__item[aria-selected=true] { background-color: var(--component-tab-button-bg-focus); color: var(--component-tab-button-text-focus); --component-counter-bg: var(--component-tab-button-accent-focus); --component-counter-text: var(--component-tab-button-accent-contrast-focus); } .section__tabs .tabs--has-numbered .tabs__navigation { counter-reset: tabCounter; } .section__tabs .tabs--has-numbered .tabs__navigation__item::before { counter-increment: tabCounter; content: counter(tabCounter); background-color: var(--component-counter-bg); color: var(--component-counter-text); font-size: 0.8em; display: inline-flex; width: 2.25em; height: 2.25em; align-items: center; justify-content: center; border-radius: 100%; } /** * Modal */ .uo-modal, .uo-modal-iframe { width: 100%; height: 100%; position: fixed; display: none; top: 0; left: 0; z-index: 100000; background: rgba(0,0,0,.4); } .uo-modal__inside, .uo-modal-iframe__inside { width: 100%; height: 100%; justify-content: center; align-items: center; display: flex; } .uo-modal-box, .uo-modal-iframe__box { width: calc(100% - 40px); max-width: 565px; max-height: 680px; background: #fff; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; border-radius: 8px; overflow: hidden; } .uo-modal--small .uo-modal-box { max-width: 385px; } .uo-modal--large .uo-modal-box { max-width: 750px; } .uo-modal-box-header { padding: 20px; text-align: center; } .uo-modal-box-header h1, .uo-modal-box-header h2, .uo-modal-box-header h3 { font-size: 30px; font-weight: 500; line-height: 32px; padding: 20px 20px 0px; margin: 0; } .uo-modal-box-content { width: 100%; position: relative; display: inline-flex; flex: 1 1 auto; } .uo-modal-box-content:after { content: ''; width: 100%; left: 0px; bottom: 0px; height: 56px; position: absolute; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); } .uo-modal-box-content__inside { width: 100%; font-weight: 400; font-size: 16px; overflow-y: auto; max-height: 300px; position: relative; margin: 0px 20px; padding: 20px; outline: none; } .uo-modal-box-content__inside::-webkit-scrollbar { width: 10px; background-color: rgba( 0, 0, 0, .09 ); border-radius: 150px; } .uo-modal-box-content__inside::-webkit-scrollbar-thumb:vertical { background: #afafaf; border-radius: 150px; background-clip: padding-box; border: 2px solid rgba( 0, 0, 0, 0 ); min-height: 10px; } .uo-modal-box-content__br { width: 100%; height: 10px; display: block; } .uo-modal-box-footer { flex: 1 1 auto; text-align: center; padding: 20px; margin: 0px 20px 20px; overflow: hidden; } .uo-modal-box-footer__dismiss { font-size: 16px; font-weight: 600; padding: 10px 20px; cursor: pointer; line-height: 1.1; border: 0; display: inline-block; background: transparent; color: #0077c5; transition: background 150ms ease-in-out; border-radius: 150px; } .uo-modal-box-footer__dismiss:hover { background: #dadadc; } .uo-modal-box-footer__dismiss:active { background: #c4c4c6; } @media screen and (max-width: 1000px){ .uo-modal-box-header h1, .uo-modal-box-header h2, .uo-modal-box-header h3 { font-size: 24px; line-height: 26px; } } /* Iframe modals */ .uo-modal-iframe {} .uo-modal-iframe__box { max-width: 1000px; background: #000; } .uo-modal-iframe-box__header { display: flex; justify-content: flex-end; padding-left: 15px; } .uo-modal-iframe-box__close { cursor: pointer; padding: 8px 15px; display: flex; align-items: center; justify-content: center; } .uo-modal-iframe-box__close:before { content: '\f00e'; /* Updated */ color: #999999; font-size: 25px; font-family: 'QuickBooks Training Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .uo-modal-iframe-box__content { position: relative; } .uo-modal-iframe-box__content-iframe { width: 100%; padding-top: 56.25%; position: relative; } .uo-modal-iframe-box__content-iframe iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /** * Product Selection */ /* Styles for the product selection modal */ body.choose-version .container-wrap { padding-top: 0px !important; } #choose-a-version-modal { width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; position: fixed; background: rgba(0, 0, 0, 0.4); z-index: 100000; overflow-y: auto; display: none; align-items: center; justify-content: center; } #choose-a-version-modal { width: 100%; height: 100%; justify-content: center; align-items: center; display: none; } #choose-a-version-modal .choose-version-container { width: calc(100% - 40px); max-width: 880px; max-height: calc(100% - 40px); background: #fff; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; padding: 25px 20px 40px 20px; border-radius: 8px; overflow: auto; position: relative; } #choose-a-version-modal #uo-product-selection { padding: 0; display: flex; flex-direction: column; max-height: 100%; min-height: 0; } .uo-product-selection-header__title { font-size: var(--font-size--08); line-height: 1.2; text-align: center; } .uo-product-selection-header h3 { font-size: var(--font-size--06); } .uo-product-selection-option { text-decoration: none; } #choose-a-version-modal .uo-product-selection-header { padding-top: 20px; padding-left: 20px; padding-right: 20px; } #choose-a-version-modal .uo-product-selection-selector { padding-left: 20px; padding-right: 20px; position: relative; } @media screen and (max-width: 767px) { #choose-a-version-modal .choose-version-container { padding-left: 10px; padding-right: 10px; padding-top: 25px; } body .uo-product-selection-footer__actions.tt-footer-button { justify-content: flex-start; align-items: flex-start; } #choose-a-version-modal .uo-product-selection-header { padding-left: 10px; padding-right: 10px; padding-top: 10px; } #choose-a-version-modal .uo-product-selection-selector { padding-left: 10px; padding-right: 10px; max-height: 375px; } #choose-a-version-modal .uo-product-selection-header__title { text-align: left; } #choose-a-version-modal .uo-product-selection-selector::-webkit-scrollbar { width: 10px; background-color: rgba(0, 0, 0, 0.09); border-radius: 150px; } #choose-a-version-modal .uo-product-selection-selector::-webkit-scrollbar-thumb:vertical { background: #afafaf; border-radius: 150px; background-clip: padding-box; border: 2px solid rgba(0, 0, 0, 0); min-height: 10px; } .uo-product-selection-footer { text-align: left !important; margin-top: 20px !important; } .uo-product-selection-footer__title { font-size: 20px !important; } #choose-a-version-modal .choose-version-container { max-height: calc(100% - 150px); } } #uo-product-selection { width: 100%; height: 100%; padding: 40px 0; background: #fff; border-radius: 4px; position: relative; z-index: 2; overflow: auto; } #uo-product-selection::-webkit-scrollbar { width: 10px; background-color: rgba(0, 0, 0, 0.09); border-radius: 150px; } #uo-product-selection::-webkit-scrollbar-thumb:vertical { background: #afafaf; border-radius: 150px; background-clip: padding-box; border: 2px solid rgba(0, 0, 0, 0); min-height: 10px; } .uo-product-selection-header { padding-bottom: 40px; } .uo-product-selection-header__title { font-size: 30px; font-weight: 500; line-height: 32px; margin: 0; } .uo-product-selection-selector { display: flex; justify-content: space-between; position: relative; } .uo-product-selection-selector::before { content: ""; width: 3px; /* height: calc(100% - 40px); */ height: 100%; background: #e4e4e4; position: absolute; left: 50%; transform: translateX(-50%); top: 0; } .uo-product-selection-option { width: 50%; display: block; position: relative; overflow: hidden; user-select: none; } .uo-product-selection-option:hover { text-decoration: none !important; } .uo-product-selection-option-content { height: 100%; display: flex; flex-direction: column; color: #393a3d; } .uo-product-selection-option__title { position: relative; padding-bottom: 15px; } .uo-product-selection-option__name { font-size: 22px; font-weight: 500; } .uo-product-selection-option__features { width: 100%; flex: 1 1 auto; padding-bottom: 20px; } .uo-product-selection-option__features ul, .uo-product-selection-option__features li { padding: 0; margin: 0; list-style: none; font-size: 16px; font-weight: 500; transition: color 150ms ease-in-out; } .uo-product-selection-option__features li { position: relative; line-height: 22px; padding-left: 18px; } .uo-product-selection-option__features li:before { content: "\f068"; font-size: 14px; line-height: 22px; position: absolute; top: 0; left: 0; font-family: "QuickBooks Training Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .uo-product-selection-option__actions { padding: 0 0 15px; } .uo-product-selection-option__action { --button-text-default: var(--button-primary-text-default); --button-bg-default: var(--button-primary-bg-default); --button-text-hover: var(--button-primary-text-hover); --button-bg-hover: var(--button-primary-bg-hover); position: relative; font-weight: 600; text-decoration: none; text-align: center; border: 0; border-radius: 50px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1; padding: 0.5em 1.4em; font-size: 16px; transition-property: box-shadow background-color color; transition: 0.3s cubic-bezier(0.35, 0, 0.25, 1); color: var(--button-text-default); background-color: var(--button-bg-default); box-shadow: transparent 0px 0px 0px 2px inset; } .uo-product-selection-option__action:hover, .uo-product-selection-option__action:focus { text-decoration: none !important; color: var(--button-text-hover); background-color: var(--button-bg-hover); } .uo-product-selection-option__action[disabled] { opacity: 0.5; pointer-events: none; } .uo-product-selection-option__screenshot-wrapper { position: relative; height: 100px; border-bottom: 1px solid #e0e0e0 !important; overflow: hidden; } .uo-product-selection-option__screenshot { width: 100%; height: 0; padding-top: 51.6960651289%; border: 1px solid #e4e4e4; background-size: cover; background-position: top center; background-color: #e4e4e4; background-repeat: no-repeat; border-radius: 4px; } /** * Online */ .uo-product-selection-option--online .uo-product-selection-option__screenshot { background-image: url("img/products/quickbooks-online-v2.png"); } /** * Desktop */ .uo-product-selection-option--desktop .uo-product-selection-option__screenshot { background-image: url("img/products/quickbooks-desktop-v2.png"); } @media screen and (min-width: 768px) { .uo-product-selection-selector .uo-product-selection-option:first-child { padding-right: 40px; } .uo-product-selection-selector .uo-product-selection-option:last-child { padding-left: 40px; } } @media screen and (max-width: 767px) { .uo-product-selection-selector { flex-wrap: wrap; } .uo-product-selection-header { padding-bottom: 20px; } .uo-product-selection-option { width: 100%; padding: 20px; border: 1px solid #e5e7e8; border-radius: 4px; } .uo-product-selection-option:first-child { margin-bottom: 20px; } .uo-product-selection-selector:before { display: none; } .uo-product-selection-option__features { padding-bottom: 0; } .uo-product-selection-option__screenshot-wrapper, .uo-product-selection-option__screenshot { display: none; } } .uo-product-selection-footer { width: 100%; margin-top: 40px; text-align: center; padding-left: 10px; padding-right: 10px; } .uo-product-selection-footer__title { font-weight: 600; font-size: 24px; } .uo-product-selection-footer__subtitle { font-size: 18px; margin-top: 5px; } .uo-product-selection-footer__actions { margin-top: 20px; } .uo-product-selection-footer__btn { font-size: 16px; font-weight: 600; padding: 10px 28px; line-height: 1; display: inline-flex; align-items: center; background: #393a3d; color: #fff; transition: background 150ms ease-in-out; border-radius: 150px; cursor: pointer; } .uo-product-selection-footer__btn:hover { background: #000; } #header-outer header#top nav > ul.buttons { overflow: visible !important; min-height: 64px; } .uo-header-product-selector__container { position: relative; line-height: 1.4; margin-left: 15px; padding-top: 8px; padding-bottom: 8px; } .tt-selector-wrapper { margin-left: unset !important; } .uo-header-product-selector__label { font-size: 12px; font-weight: 600; color: #0077c6; line-height: 1; margin-bottom: 3px; } select.uo-header-product-selector { width: 100%; height: 28px; padding: 2px 12px; min-width: 180px; font-weight: 400; border-radius: 3px; border: 1px solid #8d9096 !important; transition: all 150ms ease-in-out; -webkit-appearance: none; font-family: "AvenirNextforINTUIT", "Avenir Next", "Futura", sans-serif; font-size: 15px; outline: none !important; } /* Select2 */ .uo-header-product-selector__field select { box-shadow: none; } .uo-header-product-selector__field .select2-container { width: 100% !important; min-width: 180px; } .uo-header-product-selector__field .select2-selection { outline: none; padding: 0; border: 1px solid #8d9096; } .uo-header-product-selector__field .select2-container--default .select2-selection--single { border: 1px solid #8d9096; margin: 0; height: 28px; /* box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); */ } .uo-header-product-selector__field .select2-container--default .select2-selection--single .select2-selection__arrow { height: 28px; top: 0; } .uo-header-product-selector__field .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 30px; line-height: 28px; font-size: 14px; } .uo-header-product-selector__field .form-element--error .select2-selection { border-color: #8d9096 !important; } .uo-header-product-selector__field .select2-container--default .select2-selection--single .select2-selection__arrow b, .uo-header-product-selector__field .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { display: block; border: 0; margin: 0; transform: translateY(-50%); } .uo-header-product-selector__field .select2-container--default .select2-selection--single .select2-selection__arrow { right: 7px; top: 0; } .uo-header-product-selector__field .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .uo-header-product-selector__field .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before { content: ""; font-family: "QuickBooks Training Icons"; right: 5px; color: #a2a2a2; font-size: 13px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 1px; } .uo-header-product-selector__field .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: "\f107"; /* Updated */ } .uo-header-product-selector__field .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before { content: "\f106"; /* Updated */ } .uo-header-product-selector-absolute .select2-search.select2-search--dropdown { display: none; } .uo-header-product-selector-absolute .select2-results { border-top: 0; } .uo-header-product-selector-absolute.select2-container--open .select2-results__option { padding: 8px 10px !important; line-height: 1.4 !important; font-weight: 500; } .uo-header-product-selector-absolute .select2-dropdown--below .select2-results__option:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .uo-header-product-selector-absolute .select2-dropdown--below .select2-results__option:last-child:last-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .uo-header-product-select__notice { position: absolute; width: 220px; z-index: 100000; display: none; /*top: calc(100% + 10px); left: 50%; transform: translateX(-50%);*/ margin-top: 15px; user-select: none; border: 1px solid #cdd1d3; color: #404040; background: #fff; box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.04); line-height: 1.4; padding: 8px 10px 10px 10px; border-radius: 4px; transition: border 150ms ease-in-out, box-shadow 150ms ease-in-out; } .uo-header-product-select__notice:before, .uo-header-product-select__notice:after { content: ""; position: absolute; left: 50%; transform: translate(-50%); } .uo-header-product-select__notice:before { z-index: 1; top: -12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #e1e1e1; } .uo-header-product-select__notice:after { z-index: 2; border-color: #fff; top: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } .uo-header-product-select-notice__title { font-size: 16px; font-weight: 500; margin-top: 3px; } .uo-header-product-select-notice__description { margin-top: 3px; margin-bottom: 8px; color: #000; font-size: 15px; line-height: 1.4; } .uo-header-product-select-notice__description strong { font-weight: 600; } .uo-header-product-select-notice__footer { width: 100%; display: flex; } #uo-header-product-select-notice__btn { cursor: pointer; height: 30px; outline: none; background: #2ca01c; margin-bottom: 0 !important; font-family: inherit !important; font-size: 15px !important; font-weight: 600 !important; padding: 8px 12px !important; line-height: 1 !important; border-radius: 150px; color: #fff; cursor: pointer; } /* @media screen and (max-width: 768px){ .uo-header-product-select__notice { display: none !important; } } */ .uo-version-selector-shortcode { max-width: 300px; } .uo-version-selector-shortcode .uo-header-product-selector__container { margin: 10px 10px 15px 0px; padding: 20px; border: 5px solid #e3e5e8; background: #fff; } .uo-version-selector-shortcode .select2-selection--single { box-shadow: 0 0 0 2px #8cbf88; } @media screen and (max-width: 1000px) { .uo-header-product-selector-absolute.select2-container { z-index: 2147483647 !important; } .uo-header-product-selector-absolute.select2-container--open .select2-dropdown .select2-results { overflow: hidden; } .uo-header-product-selector-absolute.select2-container--open .select2-dropdown .select2-results { border: 1px solid #8d9096; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 0; } .uo-header-product-selector-absolute .select2-dropdown .select2-results { font-weight: 500 !important; font-size: 15px !important; } .uo-header-product-selector-absolute.select2-container--open .select2-results__option { padding: 10px 10px; } } /** * Tooltip */ [uo-tooltip] { position: relative; } [uo-tooltip]::before, [uo-tooltip]::after { text-transform: none; font-size: 14px; font-weight: 500; line-height: 1; user-select: none; pointer-events: none; position: absolute; opacity: 0; transition: opacity 150ms ease-in-out; } [uo-tooltip]::before { content: ''; border: 5px solid transparent; z-index: 1001; } [uo-tooltip]::after { content: attr(uo-tooltip); text-align: center; min-width: 3em; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1ch 1.5ch; border-radius: .3ch; background: #333; color: #fff; z-index: 1000; } [uo-tooltip]:hover::before, [uo-tooltip]:hover::after { display: block; opacity: 1; } [uo-tooltip='']::before, [uo-tooltip='']::after { display: none !important; } [uo-tooltip]:not([uo-flow])::before, [uo-tooltip][uo-flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #333; } [uo-tooltip]:not([uo-flow])::after, [uo-tooltip][uo-flow^="up"]::after { bottom: calc(100% + 5px); } [uo-tooltip]:not([uo-flow])::before, [uo-tooltip]:not([uo-flow])::after, [uo-tooltip][uo-flow^="up"]::before, [uo-tooltip][uo-flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em); } [uo-tooltip][uo-flow^="down"]::before { top: 100%; border-top-width: 0; border-bottom-color: #333; } [uo-tooltip][uo-flow^="down"]::after { top: calc(100% + 5px); } [uo-tooltip][uo-flow^="down"]::before, [uo-tooltip][uo-flow^="down"]::after { left: 50%; transform: translate(-50%, .5em); } [uo-tooltip][uo-flow^="left"]::before { top: 50%; border-right-width: 0; border-left-color: #333; left: calc(0em - 5px); transform: translate(-.5em, -50%); } [uo-tooltip][uo-flow^="left"]::after { top: 50%; right: calc(100% + 5px); transform: translate(-.5em, -50%); } [uo-tooltip][uo-flow^="right"]::before { top: 50%; border-left-width: 0; border-right-color: #333; right: calc(0em - 5px); transform: translate(.5em, -50%); } [uo-tooltip][uo-flow^="right"]::after { top: 50%; left: calc(100% + 5px); transform: translate(.5em, -50%); } [uo-tooltip]:not([uo-flow]):hover::before, [uo-tooltip]:not([uo-flow]):hover::after, [uo-tooltip][uo-flow^="up"]:hover::before, [uo-tooltip][uo-flow^="up"]:hover::after, [uo-tooltip][uo-flow^="down"]:hover::before, [uo-tooltip][uo-flow^="down"]:hover::after { animation: tooltips-vert 300ms ease-out forwards; } [uo-tooltip][uo-flow^="left"]:hover::before, [uo-tooltip][uo-flow^="left"]:hover::after, [uo-tooltip][uo-flow^="right"]:hover::before, [uo-tooltip][uo-flow^="right"]:hover::after { animation: tooltips-horz 300ms ease-out forwards; } .uo-helper { position: relative; } .uo-helper__tooltip { max-width: calc(100% + 20px); background: #fff; border: 1px solid #e1e1e1; border-radius: 4px; font-size: 14px; font-weight: 500; line-height: 1.3; color: #626466; padding: 8px 10px 8px 10px; -webkit-box-shadow: 0 7px 15px 0 rgba(0,0,0,.1); box-shadow: 0 7px 15px 0 rgba(0,0,0,.1); position: absolute; left: 0; z-index: -1000; opacity: 0; transition: opacity 150ms ease-in-out; padding-left: 30px; } .uo-helper.uo-helper--active .uo-helper__tooltip { opacity: 1; z-index: 10; } .uo-helper__tooltip .qbt-icon { margin-right: 5px; font-size: 13px; position: absolute; left: 10px; top: 9px; } .uo-helper__tooltip span { display: inline-block; } .uo-helper__tooltip:before { content: ''; position: absolute; } /** * Bottom */ .uo-helper__tooltip--bottom-left .uo-helper__tooltip, .uo-helper__tooltip--bottom-right .uo-helper__tooltip { top: calc(100% + 10px); } /** * Top */ .uo-helper__tooltip--top-left .uo-helper__tooltip, .uo-helper__tooltip--top-right .uo-helper__tooltip { bottom: calc(100% + 10px); } /* WooCommerce */ /*** Buttons ***/ .woocommerce a.button, .woocommerce-page a.button, body[data-form-submit=regular] .container-wrap button[type=submit] { --button-text-default: var(--button-primary-text-default); --button-bg-default: var(--button-primary-bg-default); --button-text-hover: var(--button-primary-text-hover); --button-bg-hover: var(--button-primary-bg-hover); font-weight: 600; text-decoration: none; text-transform: none; text-align: center; border: 0; border-radius: 0.25rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; gap: 8px; line-height: 1; padding: 1.25em 1.75em !important; font-size: 16px; transition-property: box-shadow background-color color; transition: 0.3s cubic-bezier(0.35, 0, 0.25, 1); color: var(--button-text-default); background-color: var(--button-bg-default); box-shadow: transparent 0px 0px 0px 2px inset; } .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce-page a.button:hover, .woocommerce-page a.button:focus, body[data-form-submit=regular] .container-wrap button[type=submit]:hover, body[data-form-submit=regular] .container-wrap button[type=submit]:focus { text-decoration: none !important; background-color: var(--button-bg-hover) !important; color: var(--button-text-hover); } .woocommerce a.button[disabled], .woocommerce-page a.button[disabled], body[data-form-submit=regular] .container-wrap button[type=submit][disabled] { opacity: 0.5; pointer-events: none; } /** * Focus mode */ .uo-focus-mode { --focus-accent: var(--green-100); } .uo-focus-mode, .uo-focus-mode .container-wrap { background: var(--bg-secondary); } #focus-mode__main-container { width: 100%; min-height: 100vh; display: flex; flex-direction: column; } body.admin-bar #focus-mode__main-container { min-height: 100vh; } #focus-mode__header { width: 100%; flex: 0 0 auto; /* border-bottom: 1px solid #dddddd; */ } #focus-mode__header .container-wrap { padding-top: 0; padding-bottom: 0; } #focus-mode__header .focus-mode__container { width: 100%; display: flex; justify-content: space-between; padding: 25px 0; font-size: 17px; } #focus-mode__main-container #focus-mode__header .focus-mode__container a { text-decoration: none; font-weight: var(--fw-bold); } #focus-mode__header .focus-mode__return { font-weight: 500; display: flex; align-items: center; } #focus-mode__header .focus-mode__return a { margin-left: 8px; } #focus-mode__header .focus-mode__important-info { padding-left: 16px; } #focus-mode__header .focus-mode__container a { color: #393a3d; font-weight: 500; } @media screen and (max-width: 1000px) { #focus-mode__header .focus-mode__important-info { display: none; } } #focus-mode__content { width: 100%; flex: 1 1 auto; padding-top: 0; padding-bottom: 40px; display: flex; flex-direction: column; } #focus-mode__content, #focus-mode__content > .container-wrap, #focus-mode__content > .container-wrap > .container, #focus-mode__content > .container-wrap > .container > .row { display: flex; flex-direction: column; } #focus-mode__content > .container-wrap, #focus-mode__content > .container-wrap > .container, #focus-mode__content > .container-wrap > .container > .row, #focus-mode__content > .container-wrap > .container > .row > .focus-mode__container { height: 100%; flex: 1 1 auto; } #focus-mode__content > .container-wrap > .container > .row > .focus-mode__container { display: flex; flex-direction: column; justify-content: flex-start; } #focus-mode__content .container-wrap { height: 100%; padding-top: 0; padding-bottom: 0; } .focus-mode-progress { margin-bottom: 15px; } .focus-mode-progress__steps { display: flex; margin-bottom: 10px; } .focus-mode-progress__step { /* Make all the tabs have the same width */ width: 0px; flex: 1 1 0; cursor: pointer; /* Other styles */ font-size: 18px; font-weight: 500; transition: color 150ms ease-in-out; text-align: center; } .focus-mode-progress__step--selected { color: #2ea507; } .focus-mode-progress__bar { width: 100%; height: 10px; border: 1px solid var(--focus-accent); border-radius: 150px; overflow: hidden; } .focus-mode-progress__fill { width: 0%; height: 100%; transition: width 150ms ease-in-out; background: var(--focus-accent); } .focus-mode-box-container__header { margin-bottom: 15px; } .focus-mode-box-container__logo img { width: 150px; } .focus-mode-box { width: 100%; border-radius: var(--radius--rounded-sm); padding: var(--component-card-padding); background-color: var(--component-card-bg); color: var(--component-card-contrast); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); } .focus-mode-box-heading { width: 100%; margin-bottom: 10px; color: var(--component-card-contrast-emphasis); } .focus-mode-box-heading__title { font-size: 24px; font-weight: 700; } .focus-mode-box-heading__description { font-size: 16px; margin-top: 8px; line-height: 1.4; } .focus-mode-actions { margin-top: 15px; display: flex; } .focus-mode-action:not(:last-child) { margin-right: 10px; } .focus-mode-action__btn, body[data-form-submit=regular] .container-wrap button[type=submit].focus-mode-action__btn, .uo-checkout-no-items__btn { --button-text-default: var(--button-primary-text-default); --button-bg-default: var(--button-primary-bg-default); --button-text-hover: var(--button-primary-text-hover); --button-bg-hover: var(--button-primary-bg-hover); font-weight: 600; text-decoration: none; text-transform: none; text-align: center; border: 0; border-radius: 0.25rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; gap: 8px; line-height: 1; padding: 1.25em 1.75em !important; font-size: 16px; transition-property: box-shadow background-color color; transition: 0.3s cubic-bezier(0.35, 0, 0.25, 1); color: var(--button-text-default); background-color: var(--button-bg-default); position: relative; box-shadow: transparent 0px 0px 0px 2px inset; } .focus-mode-action__btn:hover, .focus-mode-action__btn:focus, body[data-form-submit=regular] .container-wrap button[type=submit].focus-mode-action__btn:hover, body[data-form-submit=regular] .container-wrap button[type=submit].focus-mode-action__btn:focus, .uo-checkout-no-items__btn:hover, .uo-checkout-no-items__btn:focus { text-decoration: none !important; background-color: var(--button-bg-hover) !important; color: var(--button-text-hover); } .focus-mode-action__btn[disabled], body[data-form-submit=regular] .container-wrap button[type=submit].focus-mode-action__btn[disabled], .uo-checkout-no-items__btn[disabled] { opacity: 0.5; pointer-events: none; } .focus-mode-action__btn--primary { --button-text-default: var(--button-primary-text-default); --button-bg-default: var(--button-primary-bg-default); --button-text-hover: var(--button-primary-text-hover); --button-bg-hover: var(--button-primary-bg-hover); } .focus-mode-action__btn--secondary { --button-text-default: var(--button-secondary-text-default); --button-bg-default: var(--button-secondary-bg-default); --button-text-hover: var(--button-secondary-text-hover); --button-bg-hover: var(--button-secondary-bg-hover); } .focus-mode-action__btn--loading { pointer-events: none; opacity: 0.8; color: transparent !important; } .focus-mode-action__btn--loading::before { opacity: 1 !important; } .focus-mode-action__btn::before { content: "\e912"; /* Updated */ animation: rotating-centered 2s linear infinite; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: "QuickBooks Training Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; transition: opacity 150ms ease-in-out; color: var(--button-text-default); } @media screen and (max-width: 1000px) { #focus-mode__content { padding-bottom: calc( 40px + 48px ); } } /** * WooCommerce * Style price formatting */ .uo-subscription-price__recurrent { display: inline-flex; } /** * WooCommerce errors */ .fl-theme-builder-woo-notices { padding: 0.5rem 1rem; max-width: 1400px; width: 100%; } .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce-page p.woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce p.woocommerce-info, .woocommerce .woocommerce-message, :root .woocommerce-error, :root .woocommerce-info, :root p.woocommerce-info, :root .woocommerce-message { --notice-accent: var(--blue-300); color: var(--notice-accent); border-radius: var(--radius--rounded-xs) !important; border: 1px solid var(--notice-accent); padding-top: 10px !important; padding-right: 20px !important; padding-bottom: 10px !important; padding-left: 48px !important; margin-bottom: 15px !important; position: relative !important; font-weight: 500 !important; background: transparent !important; line-height: 1.6 !important; } .woocommerce-page .woocommerce-error::before, .woocommerce-page .woocommerce-info::before, .woocommerce-page p.woocommerce-info::before, .woocommerce-page .woocommerce-message::before, .woocommerce .woocommerce-error::before, .woocommerce .woocommerce-info::before, .woocommerce p.woocommerce-info::before, .woocommerce .woocommerce-message::before, :root .woocommerce-error::before, :root .woocommerce-info::before, :root p.woocommerce-info::before, :root .woocommerce-message::before { content: "\e945" !important; position: absolute; top: 12px; left: 15px; width: auto; height: auto; text-indent: initial !important; font-family: "qbt-icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: inherit !important; font-size: 20px; } .woocommerce-page .woocommerce-error li, .woocommerce-page .woocommerce-info li, .woocommerce-page p.woocommerce-info li, .woocommerce-page .woocommerce-message li, .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce p.woocommerce-info li, .woocommerce .woocommerce-message li, :root .woocommerce-error li, :root .woocommerce-info li, :root p.woocommerce-info li, :root .woocommerce-message li { margin: 0 !important; padding: 0 !important; color: inherit !important; } .woocommerce-page .woocommerce-error a, .woocommerce-page .woocommerce-info a, .woocommerce-page p.woocommerce-info a, .woocommerce-page .woocommerce-message a, .woocommerce .woocommerce-error a, .woocommerce .woocommerce-info a, .woocommerce p.woocommerce-info a, .woocommerce .woocommerce-message a, :root .woocommerce-error a, :root .woocommerce-info a, :root p.woocommerce-info a, :root .woocommerce-message a { text-decoration: underline; color: inherit; } .woocommerce-page .woocommerce-error strong, .woocommerce-page .woocommerce-info strong, .woocommerce-page p.woocommerce-info strong, .woocommerce-page .woocommerce-message strong, .woocommerce .woocommerce-error strong, .woocommerce .woocommerce-info strong, .woocommerce p.woocommerce-info strong, .woocommerce .woocommerce-message strong, :root .woocommerce-error strong, :root .woocommerce-info strong, :root p.woocommerce-info strong, :root .woocommerce-message strong { color: inherit !important; } .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-error .button.wc-forward, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-info .button.wc-forward, .woocommerce-page p.woocommerce-info .button, .woocommerce-page p.woocommerce-info .button.wc-forward, .woocommerce-page .woocommerce-message .button, .woocommerce-page .woocommerce-message .button.wc-forward, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-error .button.wc-forward, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-info .button.wc-forward, .woocommerce p.woocommerce-info .button, .woocommerce p.woocommerce-info .button.wc-forward, .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-message .button.wc-forward, :root .woocommerce-error .button, :root .woocommerce-error .button.wc-forward, :root .woocommerce-info .button, :root .woocommerce-info .button.wc-forward, :root p.woocommerce-info .button, :root p.woocommerce-info .button.wc-forward, :root .woocommerce-message .button, :root .woocommerce-message .button.wc-forward { border-color: var(--notice-accent) !important; color: var(--notice-accent) !important; text-decoration: none !important; background-color: transparent !important; border: 1px solid !important; padding: 0.357em 0.714em !important; display: inline-block; height: auto; border-radius: 50px !important; font-size: 0.875em !important; font-weight: 600 !important; line-height: 1 !important; background-image: none !important; margin-left: 1em; } .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-error .button:focus, .woocommerce-page .woocommerce-error .button.wc-forward:hover, .woocommerce-page .woocommerce-error .button.wc-forward:focus, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-info .button:focus, .woocommerce-page .woocommerce-info .button.wc-forward:hover, .woocommerce-page .woocommerce-info .button.wc-forward:focus, .woocommerce-page p.woocommerce-info .button:hover, .woocommerce-page p.woocommerce-info .button:focus, .woocommerce-page p.woocommerce-info .button.wc-forward:hover, .woocommerce-page p.woocommerce-info .button.wc-forward:focus, .woocommerce-page .woocommerce-message .button:hover, .woocommerce-page .woocommerce-message .button:focus, .woocommerce-page .woocommerce-message .button.wc-forward:hover, .woocommerce-page .woocommerce-message .button.wc-forward:focus, .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-error .button:focus, .woocommerce .woocommerce-error .button.wc-forward:hover, .woocommerce .woocommerce-error .button.wc-forward:focus, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-info .button:focus, .woocommerce .woocommerce-info .button.wc-forward:hover, .woocommerce .woocommerce-info .button.wc-forward:focus, .woocommerce p.woocommerce-info .button:hover, .woocommerce p.woocommerce-info .button:focus, .woocommerce p.woocommerce-info .button.wc-forward:hover, .woocommerce p.woocommerce-info .button.wc-forward:focus, .woocommerce .woocommerce-message .button:hover, .woocommerce .woocommerce-message .button:focus, .woocommerce .woocommerce-message .button.wc-forward:hover, .woocommerce .woocommerce-message .button.wc-forward:focus, :root .woocommerce-error .button:hover, :root .woocommerce-error .button:focus, :root .woocommerce-error .button.wc-forward:hover, :root .woocommerce-error .button.wc-forward:focus, :root .woocommerce-info .button:hover, :root .woocommerce-info .button:focus, :root .woocommerce-info .button.wc-forward:hover, :root .woocommerce-info .button.wc-forward:focus, :root p.woocommerce-info .button:hover, :root p.woocommerce-info .button:focus, :root p.woocommerce-info .button.wc-forward:hover, :root p.woocommerce-info .button.wc-forward:focus, :root .woocommerce-message .button:hover, :root .woocommerce-message .button:focus, :root .woocommerce-message .button.wc-forward:hover, :root .woocommerce-message .button.wc-forward:focus { border-color: var(--notice-accent) !important; background-color: var(--notice-accent) !important; color: #fff !important; background-image: none !important; } .woocommerce-page .woocommerce-error, .woocommerce .woocommerce-error, :root .woocommerce-error { --notice-accent: #d52b1e; } .woocommerce-page .woocommerce-error::before, .woocommerce .woocommerce-error::before, :root .woocommerce-error::before { content: "\e941" !important; /* Updated */ } .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-message, :root .woocommerce-message { --notice-accent: #2c9f1c; } .woocommerce-page .woocommerce-message::before, .woocommerce .woocommerce-message::before, :root .woocommerce-message::before { content: "\e943" !important; /* Updated */ } .uo-checkout-notice-shake { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0.5s both; } /** * Checkout */ .uo-checkout { opacity: 1; transition: opacity 150ms ease-in-out; } .checkout.woocommerce-checkout.processing .uo-checkout { opacity: 0.6; } .checkout.woocommerce-checkout > .blockUI.blockOverlay { background: transparent !important; } .uo-checkout[data-step=billing] .focus-mode-progress__step--billing, .uo-checkout[data-step=payment] .focus-mode-progress__step--payment { color: var(--focus-accent); font-weight: var(--fw-bold); } .uo-checkout[data-step=billing] .focus-mode-progress__fill { width: 50%; } .uo-checkout[data-step=payment] .focus-mode-progress__fill { width: 100%; } .uo-checkout__columns { display: flex; justify-content: space-between; } .woocommerce-form-coupon-toggle, form.checkout_coupon.woocommerce-form-coupon { display: none !important; } #order_review .shop_table tfoot { display: table-footer-group !important; } .uo-checkout__left { width: calc(100% - 350px); padding-right: 20px; } .uo-checkout-step { display: none; height: 100%; flex-direction: column; } .uo-checkout-step .focus-mode-box-heading { flex: 0 0 auto; } .uo-checkout-step .focus-mode-box-content { flex: 1 1 auto; } .uo-checkout abbr.required { display: none; } .uo-checkout .form-row-first, .uo-checkout .form-row-last { width: calc(100%/2) !important; } .uo-checkout .form-row-last { padding-left: 15px !important; } .uo-checkout .form-row-third-first, .uo-checkout .form-row-third-middle, .uo-checkout .form-row-third-last { width: calc(100%/3); padding: 0 !important; float: left; } .uo-checkout .form-row-third-middle, .uo-checkout .form-row-third-last { padding-left: 15px !important; clear: none !important; } .uo-checkout .form-row { padding-left: 0; padding-right: 0; } .uo-checkout #billing_country_field { display: none !important; } .uo-checkout[data-step=billing] #uo-checkout-action-payment-back, .uo-checkout[data-step=billing] #uo-checkout-action-pay { display: none; } #uo-checkout-action-payment-back { margin-left: 0; } .uo-checkout[data-step=billing] .uo-checkout-step[data-step=billing] { display: flex; } .uo-checkout .woocommerce-billing-fields { padding: 0; } .uo-checkout .woocommerce-billing-fields > h3 { display: none; } .uo-checkout #billing_email_field { display: block; } .uo-checkout #billing_email_field #wcf_cf_gdpr_message_block { display: none !important; } .uo-checkout #billing_email_field .description { background: transparent; padding: 0; padding-left: calc(16px + 6px); display: block !important; height: auto !important; margin: 10px 0 0 0 !important; font-size: 15px; font-weight: 500; line-height: 1.3; color: #fc6a21; } .uo-checkout #billing_email_field .description:before { display: none; } .uo-checkout #billing_email_field .description:after { content: "\f06a"; /* Updated */ position: absolute; top: 1px; left: 0; font-family: "QuickBooks Training Icons" !important; font-size: 16px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fc6a21; } .uo-checkout[data-step=payment] #uo-checkout-action-billing-next { display: none; } .uo-checkout[data-step=payment] .uo-checkout-step[data-step=payment] { display: flex; } .uo-checkout-step[data-step=payment] #place_order { display: none !important; } .uo-checkout input#wc-authorize-net-cim-credit-card-tokenize-payment-method, .uo-checkout label[for=wc-authorize-net-cim-credit-card-tokenize-payment-method], .uo-checkout input#wc-authorize-net-cim-echeck-tokenize-payment-method, .uo-checkout label[for=wc-authorize-net-cim-echeck-tokenize-payment-method] { display: none !important; } .uo-checkout__right { width: 350px; } .uo-checkout__right .focus-mode-box { padding: 0; } .uo-checkout__right #order_review_heading { display: none; } .uo-checkout__right #order_review { margin-top: 0; } .uo-checkout__right #order_review, .uo-checkout__right .uo-checkout-summary { height: 100%; } .uo-checkout .clear { padding: 0 !important; } .uo-checkout-summary { display: flex; flex-direction: column; } .uo-checkout-summary__heading { flex: 0 0 auto; font-size: 17px; color: var(--component-card-contrast-emphasis); font-weight: 600; line-height: 1; padding: 20px 20px 15px 20px; } .uo-checkout-items { flex: 1 1 auto; padding: 0 20px 20px 20px; } .uo-checkout-item { border: 1px solid #e6e8e9; border-radius: 4px; box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.02); } .uo-checkout-item:not(:first-child) { margin-top: 15px; } .uo-checkout-item__tags { display: flex; padding: 15px 15px 0 15px; } .uo-checkout-item__tag { padding: 8px; line-height: 1; border-radius: 4px; font-weight: 500; font-size: 14px; margin-bottom: 10px; } .uo-checkout-item--event-in-person .uo-checkout-item__tag { background: #e5f0f8; color: #006cbd; } .uo-checkout-item--event-online .uo-checkout-item__tag { background: #f9e5f0; color: #c2006f; } .uo-checkout-item--course .uo-checkout-item__tag { background: #fff2e5; color: #ff8000; } .uo-checkout-item--membership .uo-checkout-item__tag { background: #e5fbfb; color: #09b1b1; } .uo-checkout-item__top { padding: 15px 15px 10px 15px; line-height: 1.4; } .uo-checkout-item__row-date, .uo-checkout-item__row-title { padding-bottom: 5px; } .uo-checkout-item__row-date, .uo-checkout-item__row-title { font-size: 15px; font-weight: 600; line-height: 1.3; } .uo-checkout-item__row-location, .uo-checkout-item__row-attendees { font-size: 15px; display: flex; } .uo-checkout-item__row-attendees { margin-bottom: 5px; } .uo-checkout-item__row-icon { width: 15px; } .uo-checkout-item__row-content, .uo-checkout-item__row-action { margin-left: 6px; } .uo-checkout-item__row-action a:hover { text-decoration: none; } .uo-checkout-item__bottom { width: 100%; display: flex; border-top: 1px solid #e6e8e9; } .uo-checkout-item__total { flex: 1 1 auto; padding: 8px 15px; font-size: 15px; font-weight: 500; color: #5e5e5e; line-height: 1.4; } .uo-checkout-item__total .uo-subscription-price__recurrent { display: block; } .uo-checkout-item__action { flex: 0 0 auto; border-left: 1px solid #e6e8e9; display: flex; } .uo-checkout-item__delete { display: flex; align-items: center; color: #393a3d; cursor: pointer; padding: 8px 15px; } .uo-checkout-payment { width: 100%; height: 100%; display: flex; flex-direction: column; } .uo-checkout-payment__buttons { flex: 0 0 auto; width: 100%; margin: 5px 0 20px 0; display: flex; } .uo-checkout-payment-gateway-button:not(:last-child) { margin-right: 15px; } .uo-checkout-payment-gateway-button__container { height: 100%; display: block; line-height: 1.4; padding: 10px 20px; color: #535356; border: 1px solid #535356; border-radius: 4px; cursor: pointer; transition: color 150ms ease-in-out, border 150ms ease-in-out, box-shadow 150ms ease-in-out, opacity 150ms ease-in-out; } .uo-checkout-payment-gateway-button__container .payment_box { display: flex; } .uo-checkout-payment-gateway__icon { font-size: 20px; flex: 0 0 auto; position: relative; padding-right: 10px; } .uo-checkout-payment-gateway__icon:before { content: ""; font-family: "QuickBooks Training Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .payment_method_authorize_net_cim_credit_card .uo-checkout-payment-gateway__icon:before { content: "\f09e"; /* Updated */ } .payment_method_authorize_net_cim_echeck .uo-checkout-payment-gateway__icon:before { content: "\f53c"; /* Updated */ } .uo-checkout-payment-gateway__data { flex: 1 1 auto; } .uo-checkout-payment-gateway__name { font-size: 16px; font-weight: 600; } .uo-checkout-payment-gateway__description { font-size: 14px; font-weight: 400; } .uo-checkout-payment-gateway__images { margin-top: 5px; } .uo-checkout-payment-gateway-button input:checked ~ .uo-checkout-payment-gateway-button__container { border-color: #197f12; box-shadow: 0 0 0 2px #8cbf88; } .uo-checkout-payment-gateway-button input { display: none; } .uo-checkout-payment-gateway-button .wc_payment_method, .uo-checkout-payment-gateway-button .payment_box { padding: 0 !important; margin: 0 !important; } .uo-checkout-payment-gateway-button .payment_method_authorize_net_cim_echeck .uo-checkout-payment-gateway__images { display: none; } .uo-checkout-payment-gateway-button .sv-wc-payment-gateway-icon { width: 30px !important; height: auto !important; border-radius: 4px; overflow: hidden; display: inline-block; } .uo-checkout-payment-gateway-button .payment_method_authorize_net_cim_credit_card .sv-wc-payment-gateway-icon:not(:last-child) { margin-right: 8px; } @media screen and (max-width: 840px) { .uo-checkout-payment__buttons { flex-wrap: wrap; } .uo-checkout-payment-gateway-button { width: 100%; margin-right: 0 !important; } .uo-checkout-payment-gateway-button:not(:first-child) { margin-top: 15px; } } .uo-checkout-payment__fields { flex: 1 1 auto; } .uo-checkout-payment__fields p { padding-left: 0; } .uo-checkout-payment-gateway-fields { display: none; } .uo-checkout-payment-gateway-fields--selected { display: block; } @media screen and (min-width: 1001px) { .uo-checkout-payment-gateway-fields #wc-authorize-net-cim-echeck-account-type_field { width: 50%; } } .uo-checkout-payment-gateway-fields select, .uo-checkout-payment-gateway-fields .select2-container { width: 100% !important; } .uo-checkout-payment-gateway-fields .wc_payment_method, .uo-checkout-payment-gateway-fields .payment_box { padding: 0 !important; margin: 0 !important; } /* .uo-checkout-payment__fields .payment_box > p { display: none; } */ .uo-checkout-payment__fields .button.sv-wc-payment-gateway-payment-form-manage-payment-methods { display: none !important; } .uo-checkout-payment__fields .form-row-wide { padding: 0 !important; } .uo-checkout-payment__fields #wc-authorize-net-cim-credit-card-account-number { background-size: 28px !important; } .uo-checkout-payment__fields #wc-authorize-net-cim-credit-card-account-number:not(.identified) { background-image: none !important; } .uo-checkout-payment__fields .js-sv-wc-payment-gateway-echeck-form-sample-check { margin: 0 !important; padding: 0 !important; } .uo-checkout-payment__fields .uo-checkout-payment-gateway__example { background: #e6e8e9; border-radius: 3px; padding: 20px; margin-bottom: 15px; } .uo-checkout-payment__fields .js-sv-wc-payment-gateway-echeck-form-sample-check .uo-checkout-payment-gateway__example img { min-height: auto !important; display: inline-block; } .uo-checkout-payment__fields input[type=radio] { display: none; } .uo-checkout-payment__fields input[type=radio] + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 1.4; display: block; } .uo-checkout-payment__fields input[type=radio] + label:before, .uo-checkout-payment__fields input[type=radio] + label:after { content: ""; position: absolute; width: 17px; height: 17px; border-radius: 50%; left: 0; top: 0; } .uo-checkout-payment__fields input[type=radio] + label:after { width: calc(17px - 6px); height: calc(17px - 6px); top: 4px; left: 4px; background: var(--focus-accent); opacity: 0; transition: opacity 150ms ease-in-out; } .uo-checkout-payment__fields input[type=radio] + label:before { border: 1px solid #8d9096; transition: border 150ms ease-in-out; } .uo-checkout-payment__fields p { padding-left: 0; } .uo-checkout-payment__fields input[type=radio]:checked + label:before, .uo-checkout-payment__fields input[type=radio]:focus + label:before { border-color: var(--focus-accent); } .uo-checkout-payment__fields input[type=radio]:focus + label:before { box-shadow: 0 0 0 2px #0077c5 !important; } .uo-checkout-payment__fields input[type=radio]:checked + label:after { opacity: 1; } .uo-checkout-payment__fields .sv-wc-payment-gateway-payment-form-saved-payment-method { font-size: 15px; } .uo-checkout-payment__fields .sv-wc-payment-gateway-payment-form-saved-payment-method .title { font-weight: 500; color: #6b6c72; } .uo-checkout-payment__fields .sv-wc-payment-gateway-payment-form-saved-payment-method img { width: 40px !important; height: 25px !important; } label[for=wc-authorize-net-cim-credit-card-use-new-payment-method] { font-weight: 500; font-size: 15px; } .uo-checkout-payment__footer { flex: 0 0 auto; border-top: 1px solid #e6e8e9; padding-top: 20px; margin-top: 10px; } .woocommerce-page #payment .uo-checkout-payment__footer div.form-row, .woocommerce-page #payment .uo-checkout-payment__footer p.form-row { padding: 0 !important; margin: 0 !important; } .woocommerce-page #payment .uo-checkout-payment__footer div.form-row label { font-weight: 500; font-size: 16px; user-select: none; } .woocommerce-page #payment .uo-checkout-payment__footer .required { display: none; } .woocommerce-page #payment .uo-checkout-payment__footer input { display: none; } .woocommerce-page #payment .uo-checkout-payment__footer input + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 1.4; display: block; } .woocommerce-page #payment .uo-checkout-payment__footer input ~ label:before, .woocommerce-page #payment .uo-checkout-payment__footer input ~ label:after { content: ""; position: absolute; width: 17px; height: 17px; left: 0; top: 0; } .woocommerce-page #payment .uo-checkout-payment__footer input ~ label:after { content: "\f00d"; /* Updated */ font-size: 13px; color: #2c9f1d; left: 3px; top: 3px; opacity: 0; font-family: "QuickBooks Training Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: opacity 150ms ease-in-out; } .woocommerce-page #payment .uo-checkout-payment__footer input ~ label:before { border-radius: 4px; border: 1px solid #8d9096; transition: border 150ms ease-in-out; } .woocommerce-page #payment .uo-checkout-payment__footer input:checked ~ label:before, .woocommerce-page #payment .uo-checkout-payment__footer input:focus ~ label:before { border-color: var(--focus-accent); } .woocommerce-page #payment .uo-checkout-payment__footer input:focus ~ label:before { box-shadow: 0 0 0 2px #8cbf88 !important; } .woocommerce-page #payment .uo-checkout-payment__footer input:checked ~ label:after { opacity: 1; } .woocommerce-page #payment .uo-checkout-payment__footer .form-row.woocommerce-invalid input ~ label:before { border-color: #e43834; background-color: #faeae9; } .uo-checkout-coupon { flex: 0 0 auto; padding: 20px 20px 10px 20px; border-top: 1px solid #e6e8e9; } .uo-checkout-coupon__visible { display: flex; } .uo-checkout-coupon__btn { font-size: 15px; font-weight: 600; line-height: 1; padding: 6px 10px; color: #535356; border: 2px solid #535356; border-radius: 150px; cursor: pointer; margin-bottom: 10px; transition: color 150ms ease-in-out, border 150ms ease-in-out; } .uo-checkout-coupon__btn:hover { border-color: #000; color: #000; } .uo-checkout-coupon__hidden { display: none; } .uo-checkout-coupon__form { display: flex; align-items: flex-end; } .uo-checkout-coupon__field { flex: 1 1 auto; margin-bottom: 10px; } .uo-checkout-coupon__label { display: block; margin-bottom: 3px; color: inherit; } .uo-checkout-coupon__action { flex: 0 0 auto; padding-left: 15px; margin-bottom: 10px; } .uo-checkout-coupon-action__btn { font-size: 15px; font-weight: 500; line-height: 1; padding: 10px 15px; color: #fff; background: var(--focus-accent); border-radius: 150px; cursor: pointer; transition: color 150ms ease-in-out, border 150ms ease-in-out, opacity 150ms ease-in-out; } .uo-checkout-coupon-action__btn.uo-checkout-coupon-submit--disabled { opacity: 0.7; } .uo-checkout-coupon-action__btn:hover { background: #0f8000; } .uo-checkout-totals { flex: 0 0 auto; padding: 16px 10px; border-top: 1px solid #e6e8e9; } .uo-checkout-totals table, .uo-checkout-totals tbody, .uo-checkout-totals tr, .uo-checkout-totals td { margin: 0 !important; border: 0 !important; padding: 4px 10px !important; line-height: 1.4; } .uo-checkout-totals td { font-size: 17px !important; font-weight: 400 !important; } .uo-checkout-totals td.uo-checkout-totals__price { text-align: right; } .uo-checkout-totals tr.fee--discount td.uo-checkout-totals__price, .uo-checkout-totals tr.cart-discount td.uo-checkout-totals__price { color: var(--focus-accent) !important; } .uo-checkout-totals tr.order-total td { font-weight: 600 !important; } .uo-checkout-totals .uo-checkout-totals__price--membership { font-size: 15px !important; line-height: 20px !important; text-align: left !important; font-weight: 500 !important; color: #5e5e5e !important; } .uo-checkout-totals .uo-checkout-totals__price--membership span { color: var(--focus-accent) !important; font-weight: 500 !important; } .uo-checkout-totals .woocommerce-remove-coupon { cursor: pointer; position: relative; font-size: 0 !important; } .uo-checkout-totals .woocommerce-remove-coupon:before { content: "\f2ed"; /* Updated */ font-family: "QuickBooks Training Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; margin-left: 3px; } .uo-checkout__left .focus-mode-box, .uo-checkout__right .focus-mode-box { height: 100%; } .uo-checkout-no-items { width: 100%; line-height: 1.5; text-align: center; } .uo-checkout-no-items__img { width: 100%; height: 200px; background: url("img/lifestyle/girl-using-a-computer.svg") no-repeat center center; background-size: contain; } .uo-checkout-no-items__title { font-size: 24px; font-weight: 700; margin-top: 30px; } .uo-checkout-no-items__description { font-size: 18px; margin-top: 5px; } .uo-checkout-no-items__description p { display: block; margin: 0; padding: 0; } .uo-checkout-no-items__action { margin-top: 30px; } @media screen and (max-width: 1150px) { .uo-checkout .focus-mode-progress { padding-right: calc(300px + 20px); } .uo-checkout #focus-mode__content { padding-left: 0; padding-right: 0; } .uo-checkout__left { width: calc(100% - 300px); } .uo-checkout__right { width: 300px; } } @media screen and (max-width: 1000px) { .uo-checkout .focus-mode-progress { padding-right: 0; } .uo-checkout__columns { flex-wrap: wrap; } .uo-checkout__left, .uo-checkout__right { width: 100%; } .uo-checkout__left { padding-right: 0; } .uo-checkout__right { margin-top: 20px; } .uo-checkout .form-row-first, .uo-checkout .form-row-last, .uo-checkout .form-row-third-first, .uo-checkout .form-row-third-middle, .uo-checkout .form-row-third-last { width: 100% !important; padding-left: 0 !important; } } @media screen and (min-width: 1151px) { .uo-checkout .focus-mode-progress { padding-right: calc(350px + 20px); } } @media screen and (min-width: 1001px) { .uo-checkout__left { min-height: 400px; } .uo-checkout__left .focus-mode-box { display: flex; flex-direction: column; } .uo-checkout .focus-mode-box-heading { flex: 0 0 auto; } } /* Thank you */ .woocommerce-order-received .focus-mode-box-container__header { display: none; } .woocommerce-order-received.uo-focus-mode, .woocommerce-order-received.uo-focus-mode .container-wrap { background-color: #fff; } .uo-checkout-thanks { line-height: 1.4; } .uo-checkout-thanks-header { display: flex; } .uo-checkout-thanks-header__icon { font-size: 110px; flex: 0 0 auto; padding-right: 30px; } .uo-checkout-thanks-header__text { flex: 1 1 auto; } .uo-checkout-thanks-header__title { font-size: 30px; font-weight: 600; } .uo-checkout-thanks-header__description { font-size: 18px; font-weight: 400; margin-top: 8px; } .uo-checkout-thanks-header__description strong { font-weight: 500; color: var(--focus-accent); } .uo-checkout-thanks-header__action { margin-top: 5px; display: flex; } .uo-checkout-thanks-header__btn { font-size: 16px; font-weight: 600; padding: 9px 25px; line-height: 1.1; display: inline-block; background: var(--focus-accent); border: 2px solid var(--focus-accent); color: #fff; transition: background 150ms ease-in-out, border 150ms ease-in-out; margin-top: 15px; border-radius: 150px; } .uo-checkout-thanks-header__btn:hover { background: #0f8000; border-color: #0f8000; color: #fff; text-decoration: none !important; } .uo-checkout-thanks-header__btn:not(:last-child) { margin-right: 15px; } .uo-checkout-thanks-header__btn--secondary { color: #535356; border-color: #535356; background: transparent; } .uo-checkout-thanks-header__btn--secondary:hover { color: #000; border-color: #000; background: transparent; } @media screen and (min-width: 1001px) { .uo-checkout-thanks-header { padding: 0 20%; } } @media screen and (max-width: 769px) { .uo-checkout-thanks-header { flex-wrap: wrap; } .uo-checkout-thanks-header__icon { padding-right: 0; } .uo-checkout-thanks-header__icon, .uo-checkout-thanks-header__text { width: 100%; } .uo-checkout-thanks-header__icon, .uo-checkout-thanks-header__text { text-align: center; } .uo-checkout-thanks-header__action { align-items: center; justify-content: center; } .uo-checkout-thanks-header__title { font-size: 25px; } .uo-checkout-thanks-header__description { font-size: 16px; } } .uo-checkout-thanks-order { margin-top: 40px; } .uo-checkout-thanks-order__summary { width: auto; display: flex; justify-content: space-between; border-top: 1px solid #e1e2e2; border-bottom: 1px solid #e1e2e2; padding: 20px 0; } .uo-checkout-thanks-order-summary__item { padding: 0 20px; } .uo-checkout-thanks-order-summary__item--first { padding-left: 0; } .uo-checkout-thanks-order-summary__item--last { padding-right: 0; } .uo-checkout-thanks-order-summary__title { font-size: 14px; font-weight: 600; color: #6b6c72; } .uo-checkout-thanks-order-summary__data { font-size: 17px; margin-top: 4px; } .uo-checkout-thanks-products-table { background: transparent; border-top: 0 !important; } .uo-checkout-thanks-product { background: transparent !important; } .uo-checkout-thanks-product td { border-left: 0 !important; border-right: 0 !important; padding-top: 20px !important; padding-bottom: 15px !important; } .uo-checkout-thanks-product__data { padding-left: 0 !important; padding-right: 20px !important; } .uo-checkout-thanks-product__tags { display: flex; } .uo-checkout-thanks-product__tag { padding: 8px; line-height: 1; border-radius: 4px; font-weight: 500; font-size: 14px; margin-bottom: 10px; } .uo-checkout-thanks-product--event-in-person .uo-checkout-thanks-product__tag { background: #e5f0f8; color: #006cbd; } .uo-checkout-thanks-product--event-online .uo-checkout-thanks-product__tag { background: #f9e5f0; color: #c2006f; } .uo-checkout-thanks-product--course .uo-checkout-thanks-product__tag { background: #fff2e5; color: #ff8000; } .uo-checkout-thanks-product--membership .uo-checkout-thanks-product__tag { background: #e5fbfb; color: #09b1b1; } .uo-checkout-thanks-product__content { line-height: 1.4; } .uo-checkout-thanks-product__row-title { padding-bottom: 4px; } .uo-checkout-thanks-product__row-title { font-size: 17px; font-weight: 600; line-height: 1.3; } .uo-checkout-thanks-product__row-date, .uo-checkout-thanks-product__row-location, .uo-checkout-thanks-product__row-attendees { font-size: 16px; display: flex; margin-top: 4px; } .uo-checkout-thanks-product__row-content ul { margin: 0; padding: 0; } .uo-checkout-thanks-product__row-content li { list-style: none; } .uo-checkout-thanks-product__row-content li:not(:first-child) { margin-top: 3px; } .uo-checkout-thanks-product__row-attendees { margin-bottom: 5px; } .uo-checkout-thanks-product-attendee__name:after { content: "−"; margin: 0 1px; } .uo-checkout-thanks-product__row-icon { width: 17px; padding-top: 1px; } .uo-checkout-thanks-product__row-content, .uo-checkout-thanks-product__row-action { margin-left: 6px; } .uo-checkout-thanks-product__quantity { padding-left: 20px !important; padding-right: 20px !important; font-size: 16px !important; } .uo-checkout-thanks-product__total { min-width: 180px; padding-right: 0 !important; padding-left: 20px !important; text-align: right; } .uo-checkout-thanks-product__total .woocommerce-Price-amount { font-size: 16px; font-weight: 600; } .uo-checkout-thanks-product__total .uo-subscription-price__recurrent { font-size: 16px; line-height: 24px; display: block; } .uo-checkout-thanks-product-total__note { width: 100%; font-size: 14px; margin-top: 2px; } .uo-checkout-thanks-products-table__totals { background: transparent !important; } .uo-checkout-thanks-products-table__totals td { padding-top: 6px !important; padding-bottom: 6px !important; } .uo-checkout-thanks-products-table__totals--cart_subtotal td { padding-top: 15px !important; } .uo-checkout-thanks-products-table__totals td { border: 0 !important; font-size: 16px !important; } .uo-checkout-thanks-products-table__totals td .woocommerce-Price-amount { font-size: 16px; } .uo-checkout-thanks-products-table-totals__data, .uo-checkout-thanks-products-table-totals__total { width: 1px; white-space: nowrap; } .uo-checkout-thanks-products-table-totals__data { padding-left: 0 !important; } .uo-checkout-thanks-products-table-totals__total { font-weight: 600; text-align: right; padding-right: 0 !important; } .uo-checkout-thanks-products-table-totals__data { padding-right: 100px !important; } .uo-checkout-thanks-products-table__totals--order_total .uo-checkout-thanks-products-table-totals__data, .uo-checkout-thanks-products-table__totals--order_total .uo-checkout-thanks-products-table-totals__total { border-top: 1px solid #e1e2e2 !important; border-bottom: 1px solid #e1e2e2 !important; padding-top: 10px !important; padding-bottom: 10px !important; } .uo-checkout-thanks-products-table__totals--discount .uo-checkout-thanks-products-table-totals__total { color: var(--focus-accent); } .uo-checkout-thanks-products-table__totals--space-before-totals td { padding: 2px 0 !important; border: 0 !important; background: transparent !important; } .uo-checkout-thanks-order, .uo-checkout-thanks-products { padding-left: 8.333%; padding-right: 8.333%; } @media screen and (max-width: 1024px) { .uo-checkout-thanks-order, .uo-checkout-thanks-products { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 1000px) { .uo-checkout-thanks-order__summary { flex-wrap: wrap; } .uo-checkout-thanks-order-summary__item { width: 100%; padding: 10px 0; } } @media screen and (max-width: 768px) { .uo-checkout-thanks-products { margin-top: 30px; } table.uo-checkout-thanks-products-table, table.uo-checkout-thanks-products-table tbody, table.uo-checkout-thanks-products-table tr, table.uo-checkout-thanks-products-table td { display: block !important; } .uo-checkout-thanks-product { border: 1px solid #e6e8e9; border-radius: 4px; box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.02); } .uo-checkout-thanks-product { margin-bottom: 30px; } .uo-checkout-thanks-product td { padding: 15px !important; } .uo-checkout-thanks-product .uo-checkout-thanks-product__total { border-bottom: 0 !important; text-align: left !important; } .uo-checkout-thanks-product .uo-checkout-thanks-product__total .woocommerce-Price-amount { color: #5e5e5e; } table.uo-checkout-thanks-products-table td.uo-checkout-thanks-products-table-totals__space { display: none !important; } table.uo-checkout-thanks-products-table tr.uo-checkout-thanks-products-table__totals { display: flex !important; } .uo-checkout-thanks-products-table-totals__data, .uo-checkout-thanks-products-table-totals__total { width: auto; white-space: normal; } .uo-checkout-thanks-products-table__totals--space-before-totals { background-color: transparent !important; } table.uo-checkout-thanks-products-table td.uo-checkout-thanks-products-table-totals__data { padding-right: 20px !important; } .uo-checkout-thanks-products-table-totals__data { flex: 1 1 auto; } } /* CSR */ .uo-add-order-csr-header-actions { width: 100%; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 15px; } .uo-add-order-csr-header-actions__btn { display: flex; align-items: center; font-size: 16px; font-weight: 600; line-height: 1; padding: 6px 20px; color: #535356; border: 2px solid #535356; border-radius: 150px; transition: color 150ms ease-in-out, border 150ms ease-in-out; } .uo-add-order-csr-header-actions__btn:hover { border-color: #000; color: #000; text-decoration: none !important; } .uo-add-order-csr-header-actions__btn .qbt-icon { margin-right: 8px; } /* WooCommerce My Account */ /** * My account */ .uo-my-account-banner__top { height: 125px; background: var(--bg-secondary); margin-left: -40px; margin-right: -40px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .uo-my-account-banner__bottom { margin-top: -45px; } @media screen and (min-width: 1001px) { .uo-my-account-banner__left { width: 250px; } } .uo-my-account-banner__avatar { width: 90px; height: 90px; background-color: #f6f7f9; background-repeat: no-repeat; background-size: cover; background-position: center; border: 4px solid #fff; border-radius: 50%; position: relative; } .uo-my-account-banner__avatar span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 25px; font-weight: 600; color: #fff; letter-spacing: 2px; } .uo-my-account-banner__name { font-size: 24px; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 15px; } .woocommerce-account .clear { padding-bottom: 20px !important; } .uo-my-account-section { padding-top: 30px !important; padding-bottom: 30px !important; } .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a { display: flex; align-items: center; opacity: 1; font-weight: 600; color: var(--text-secondary); text-decoration: none; } .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a:hover, .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a:focus, .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link.is-active a { color: var(--green-100); text-decoration: none !important; } .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a::before { font-family: "QuickBooks Training Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; width: 20px; text-align: left; opacity: 1; transition: color 150ms ease-in-out; } .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f0db" !important; } .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--orders a::before { content: "\f291" !important; } .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--subscriptions a::before { content: "\f021" !important; } .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f60d" !important; } .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--payment-methods a::before { content: "\f09e" !important; } .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f008" !important; } .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f08b" !important; } .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--maybeswitchbacktocsr a::before { content: "\f177" !important; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 250px; padding-right: 0; margin-right: 0; } .woocommerce-account .woocommerce-MyAccount-content { width: calc( 100% - 250px ); padding-left: 40px; } @media screen and (max-width: 1000px) { .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; padding-left: 0 !important; } } .woocommerce table.my_account_orders .order-actions, table.sv-wc-payment-gateway-my-payment-methods-table .sv-wc-payment-gateway-my-payment-methods-method .sv-wc-payment-gateway-payment-method-expiry, table.sv-wc-payment-gateway-my-payment-methods-table .sv-wc-payment-gateway-my-payment-methods-method .sv-wc-payment-gateway-payment-method-actions { text-align: left; } table.sv-wc-payment-gateway-my-payment-methods-table .sv-wc-payment-gateway-my-payment-methods-method .sv-wc-payment-gateway-payment-method-actions a.button.delete-payment-method { background-color: #e43834 !important; opacity: 1 !important; } table.sv-wc-payment-gateway-my-payment-methods-table .sv-wc-payment-gateway-payment-method-header-details span, table.sv-wc-payment-gateway-my-payment-methods-table .sv-wc-payment-gateway-payment-method-header-default span, table.sv-wc-payment-gateway-my-payment-methods-table .sv-wc-payment-gateway-payment-method-header-actions span { display: block; } .sv-wc-payment-gateway-payment-method-default.wc-authorize-net-cim-payment-method-default .default { position: relative; } .sv-wc-payment-gateway-my-payment-methods-method.wc-authorize-net-cim-my-payment-methods-method.default .sv-wc-payment-gateway-payment-method-default .view::before { content: "\f058"; color: #35a11c; font-family: "QuickBooks Training Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sv-wc-payment-gateway-payment-method-default.wc-authorize-net-cim-payment-method-default { text-align: left !important; } .sv-wc-payment-gateway-payment-method-default.wc-authorize-net-cim-payment-method-default .default { padding: 0 !important; margin: 0 !important; font-size: 16px !important; } .alg-mowc-suborder-details + .uo-checkout-thanks-products { padding-left: 0; padding-right: 0; } .woocommerce-account h2, .woocommerce-account h3 { font-size: 24px; line-height: 28px; font-weight: 600; color: #393a3d; margin-bottom: 15px; } .woocommerce-checkout #order_review #payment input[type=submit]#place_order { padding-left: 20px !important; padding-right: 20px !important; padding-top: 8px !important; padding-bottom: 8px !important; font-weight: 600 !important; } #uo-myaccount-secondary-button { --button-text-default: var(--button-secondary-text-default); --button-bg-default: var(--button-secondary-bg-default); --button-text-hover: var(--button-secondary-text-hover); --button-bg-hover: var(--button-secondary-bg-hover); margin-left: 10px; vertical-align: top; } /* LMS Styles */ /** * Single Page Product */ .single-product .container-wrap { padding-top: 30px !important; padding-bottom: 0 !important; } /** * Single Page Course */ .uo-course-wywl { width: auto; margin-bottom: -20px; } .uo-course-wywl:after { content: ''; display: table; clear: both; } .uo-course-wywl-section:not(:last-child){ margin-bottom: 10px; } .uo-course-wywl-section__header { font-weight: 600; font-size: 19px; line-height: 26px; position: relative; padding: 20px 0; } .uo-course-wywl-section__header:before, .uo-course-wywl-section__header:after { content: ''; height: 5px; background: #00962a; border-radius: 150px; position: absolute; top: 0; } .uo-course-wywl-section__header:before { width: 115px; left: 00px; } .uo-course-wywl-section__header:after { width: 5px; left: calc( 115px + 10px ); } .tt-wywl-content-wrapper .uo-course-wywl-groups { display: flex; flex-direction: column; } .uo-course-wywl-groups { column-count: 2; margin-left: -20px; margin-right: -20px; line-height: 1.4; } .uo-accordion-item__answer .uo-course-wywl-groups { margin-top: 20px; } .uo-course-wywl-group { break-inside: avoid-column; padding: 0 20px; padding-bottom: 20px; } .uo-course-wywl-group__title { font-size: 17px; font-weight: 500; color: #393a3d; padding-bottom: 6px; } .uo-course-wywl-group__item { padding: 4px 0; font-size: 16px; color: #393a3d; position: relative; padding-left: 15px; } .uo-course-wywl-group__item:before { content: ''; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 11px; background: #2ca01c; } @media screen and (max-width: 1000px){ .uo-course-wywl-groups { column-count: 1; } } /** * On-demand courses */ .uo-courses__main-row { margin-bottom: 0 !important; } .uo-courses__title strong { color: #2ca01c; font-weight: 600; } .uo-courses__featured { width: auto; margin: 0 -40px; display: flex; flex-wrap: wrap; padding-bottom: 20px; } .uo-courses-featured__column { width: 33.333%; padding: 0 40px; padding-top: 40px; } .uo-courses-featured__image { display: flex; justify-content: center; } .uo-courses-featured__image img { width: 100%; max-width: 250px; } .uo-courses-featured__title { font-weight: 600; font-size: 18px; } .uo-courses-featured__content { margin-top: 8px; color: #474849; font-size: 15px; line-height: 22px; } @media screen and (max-width: 1000px){ .uo-courses-featured__column { width: 100%; } .uo-courses__featured, .uo-courses-featured__column { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .uo-courses-featured__image { justify-content: flex-start; } .uo-courses-featured__column--comprehensive-training, .uo-courses-featured__column--on-demand { display: none !important; } } .uo-courses__scroll-down-cta-container {} .uo-courses__scroll-down-cta { padding: 20px 0 0 0; display: flex; justify-content: center; } .uo-courses-scroll-down-cta__btn { font-size: 16px; font-weight: 600; padding: 12px 28px; line-height: 1.1; display: inline-flex; align-items: center; background: transparent; color: #0077c5; transition: background 150ms ease-in-out; border-radius: 150px; cursor: pointer; } .uo-courses-scroll-down-cta__btn:hover { background: #dadadc; } .uo-courses-scroll-down-cta__btn .qbt-icon { margin-left: 8px; } @keyframes uo_courses_scroll_down_cta__btn_floating { 0% { box-shadow: 0 2px 8px 0px rgba(0,0,0,.3); transform: translatey(0px); } 50% { box-shadow: 0 9px 13px 0px rgba(0,0,0,.1); transform: translatey(-6px); } 100% { box-shadow: 0 2px 8px 0px rgba(0,0,0,.3); transform: translatey(0px); } } @media screen and (max-width: 1000px){ .uo-courses__scroll-down-cta-container { display: none !important; } } .uo-courses__content { width: auto; padding-top: 40px; } .uo-courses-filters { width: auto; position: relative; margin-left: -60px; margin-right: -60px; } .uo-courses-filter__items { display: flex; justify-content: center; } .uo-courses-filter__radio { display: none; } .uo-courses-filter__item { padding: 16px 30px 20px 30px; background: #fff; font-size: 16px; line-height: 20px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 4px solid transparent; cursor: pointer; transition: background 150ms ease-in-out, border-top-color 150ms ease-in-out; } .uo-courses-filter__radio:checked + .uo-courses-filter__item, .uo-courses-filter__radio:focus + .uo-courses-filter__item { background: #f4f5f8; border-top-color: #2ca01c; } .uo-courses-filter__filter-label { font-size: 12px; font-weight: 500; color: #878787; } .uo-courses-filter__filter-name { font-size: 17px; font-weight: 600; color: #393a3d; } @media screen and (min-width: 1001px) and (max-width: 1100px){ .uo-courses-filter__item { padding: 16px 20px 20px 20px; } } @media screen and (max-width: 1000px){ .uo-courses-filters { display: none; } } .uo-courses-filters-mobile { display: none; background: #f2f3f6; padding-bottom: 40px; position: relative; z-index: 2; } @media screen and (max-width: 1000px){ .uo-courses-filters-mobile { display: block; } } .uo-courses-items-container { position: relative; padding: 60px 0 80px 0; background: #f4f5f8; } .uo-courses-items-container:before { content: ''; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: inherit; } .uo-courses-items { margin-left: -15px; margin-right: -15px; margin-bottom: -30px; position: relative; z-index: 2; display: flex; flex-wrap: wrap; } .uo-courses-item { width: 33.333%; padding: 0 7px 10px; position: relative; } .uo-courses-item__box { width: 100%; height: 100%; padding: 8px; border-radius: 8px; } .uo-courses-item__box-content { width: 100%; height: 100%; border: 1px solid #e5e7e8; box-shadow: 0 0 25px 5px rgba(0,0,0,.04); background: #fff; border-radius: 4px; display: flex; flex-direction: column; overflow: hidden; } .uo-courses-item__image { width: 100%; height: 150px; display: block; flex: 0 0 auto; background-color: #f4f5f8; background-repeat: no-repeat; background-size: cover; background-position: center; /* padding-top: 45%; */ border-top-left-radius: 4px; border-top-right-radius: 4px; } .uo-courses-item__top-bar { width: 100%; padding: 12px; background: #8a8a8a; font-size: 16px; font-weight: 600; line-height: 1; text-align: center; color: #fff; } .uo-courses-item-top-bar__plus { font-size: 18px; font-weight: 700; } .uo-courses-item__info { padding: 20px; flex: 1 1 auto; display: flex; flex-direction: column; } .uo-courses-item__title { flex: 0 0 auto; } .uo-courses-item__title h2 { font-size: 17px; font-weight: 600; line-height: 1.4; } .uo-courses-item__price { flex: 0 0 auto; color: #2ca01c; margin: 0 0 5px 0; font-size: 17px; font-weight: 500; line-height: 1.5; } .uo-courses-item__price .uo-subscription-price__recurrent { width: 100%; display: block; font-size: 15px; line-height: 20px; } .uo-courses-item__description { font-size: 15px; color: #5f6165; line-height: 1.5; } .uo-courses-item__includes { padding-top: 15px; font-size: 15px; line-height: 24px; } .uo-courses-item-includes__title { font-weight: 600; } .uo-courses-item-includes__items { font-weight: 500; padding-top: 2px; } .uo-courses-item-includes__item { position: relative; line-height: 22px; padding-left: 18px; } .uo-courses-item-includes__item:before { content: '\f068'; font-size: 14px; line-height: 22px; position: absolute; top: 0; left: 0; font-family: 'QuickBooks Training Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .uo-courses-item__actions { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding-top: 25px; } .uo-courses-item__action { font-size: 15px; font-weight: 600; padding: 6px 20px; line-height: 1; display: inline-block; border: 2px solid #393a3d; color: #393a3d; border-radius: 150px; transition: color 150ms ease-in-out, border 150ms ease-in-out; } .uo-courses-item__action:hover { color: #000; border-color: #000; text-decoration: none !important; } /* Exceptions */ .uo-courses-item--subscription {} .uo-courses-item--subscription .uo-courses-item__box { background: #daf1f4; } .uo-courses-item--subscription .uo-courses-item__top-bar { background: #00c1bf; } .uo-courses-item--subscription .uo-courses-item-includes__title { color: #00a6a4; } .uo-courses-item--courses_bundle {} .uo-courses-item--courses_bundle .uo-courses-item__box { background: #f1deee; } .uo-courses-item--courses_bundle .uo-courses-item__top-bar { background: #e31c9e; } .uo-courses-item--courses_bundle .uo-courses-item-includes__title { color: #e31c9e; } @media screen and (max-width: 1150px){ .uo-courses-item { width: 50%; } } @media screen and (max-width: 1000px){ .uo-courses-items-container { padding-top: 40px; } .uo-courses-item { width: 100%; } } @media screen and (max-width: 1000px){ .uo-courses--quickbooks-online .uo-courses-item { width: 100%; } .uo-courses--quickbooks-online .uo-courses-items { margin-left: 0; } } /* Add exception for the testimonial container in the courses page */ .uo-courses-page .uo-testimonials { background: transparent; } /** * Topics */ .uo-topic { width: 100%; display: flex; } .single-sfwd-topic a { text-decoration: none; } .single-sfwd-topic .container-wrap { padding-top: 40px; padding-bottom: 30px !important; } .single-sfwd-topic .heading-title, .single-sfwd-topic .blog_next_prev_buttons { display: none; } .uo-topic-sidebar { width: 300px; flex: 0 0 auto; position: relative; } .uo-topic-sidebar-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; } .uo-topic-course-info { flex: 0 0 auto; } .uo-topic-course-info-container { padding: 60px 20px 20px 20px; border-radius: 4px; background: #393a3d; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; position: relative; } .uo-topic-course-info-container:before { content: ''; width: 100%; height: 100%; background: rgba(57, 58, 61, .8); position: absolute; z-index: 1; top: 0; left: 0; transition: background 150ms ease-in-out; } /* .uo-topic-course-info-container:hover:before { background: rgba(57, 58, 61, .7); } */ .uo-topic-course-info__name { display: block; position: relative; z-index: 2; font-size: 20px; font-weight: 700; color: #fff; } .uo-topic .uo-navigation-items { flex: 1 1 auto; margin-top: 20px; } .uo-topic .uo-navigation-items__container { position: absolute; width: calc(100% + 15px); } @media screen and (max-width: 1000px){ .uo-topic .uo-navigation-items__container { position: relative; } } .uo-topic-body { flex: 1 1 auto; padding-left: 36px; } .uo-topic--is-webinar .uo-topic-body { padding-left: 0; } .uo-topic-breadcrumb { color: #b4b4b4; margin-top: -5px; } .uo-topic-breadcrumb ol { padding: 0; margin: 0 -3px; font-size: 16px; } .uo-topic-breadcrumb li { display: inline-block; } .uo-topic-breadcrumb li a { color: #393a3d; margin: 0 3px; } .uo-topic-breadcrumb .sfwd-breadcrumbs { padding: 0; margin: 0 -1px; font-size: 16px; a { font-weight: inherit; } } .uo-topic-breadcrumb .sfwd-breadcrumbs > span:nth-child(1), .uo-topic-breadcrumb .sfwd-breadcrumbs > span:nth-child(2) { display: none; } .uo-topic-breadcrumb .sfwd-breadcrumbs > span:not(.sep) a { color: #393a3d; margin: 0 1px; } .uo-topic-breadcrumb .sfwd-breadcrumbs > span.sep { color: #b4b4b4; } .uo-topic-breadcrumb .sfwd-breadcrumbs span { vertical-align: middle; } .uo-topic-header { padding: 5px 0 5px 0; display: flex; align-items: flex-end; } .uo-topic-name { flex: 1 1 auto; } .uo-topic--last-topic .uo-topic-name { padding-right: 25px; } .uo-topic-name h1 { font-size: 20px; line-height: 1.2; margin-bottom: 0; } .uo-topic-main-action { flex: 0 0 auto; } .uo-topic-mark-as-complete { display: none; } .uo-topic--last-topic .uo-topic-mark-as-complete { display: block; } /* We have to use !important here because Salient is overwritting our styles */ .uo-topic-mark-as-complete #learndash_mark_complete_button { transform: none !important; box-shadow: none !important; font-size: 15px !important; font-weight: 600 !important; padding: 6px 20px !important; line-height: 1 !important; display: inline-block !important; border: 2px solid #2ca01c !important; background: #2ca01c !important; color: #fff !important; border-radius: 150px !important; transition: background 150ms ease-in-out !important; } .uo-topic-mark-as-complete #learndash_mark_complete_button:hover, .uo-topic-mark-as-complete #learndash_mark_complete_button:active { transform: none !important; box-shadow: none !important; } .uo-topic-mark-as-complete #learndash_mark_complete_button[disabled] { background-color: #108000 !important; } @media screen and (max-width: 1000px){ .uo-topic-header { flex-wrap: wrap; } .uo-topic-name, .uo-topic-main-action { width: 100%; } .uo-topic--last-topic .uo-topic-name { margin-bottom: 10px; } .uo-topic-mark-as-complete #learndash_mark_complete_button { width: auto !important; } } .uo-topic-navigation { width: 100%; display: flex; align-items: center; border-top: 1px solid #dbdbdc; border-bottom: 1px solid #dbdbdc; padding: 15px 0; margin-top: 24px; } .uo-topic-navigation-option { flex: 0 1 auto; } .uo-topic-navigation-middle { flex: 1 1 auto; } .uo-topic-navigation-option-url { display: block; position: relative; } .uo-topic-navigation-option--right { text-align: right; } .uo-topic-navigation-arrow { color: #9c9c9d; font-size: 23px; top: 50%; transform: translateY(-50%); display: block; } .uo-topic-navigation-option--left .uo-topic-navigation-arrow { position: absolute; left: 0; } .uo-topic-navigation-option--right .uo-topic-navigation-arrow { position: absolute; right: 0; } .uo-topic-navigation-label { font-size: 12px; font-weight: 500; color: #444648; text-transform: uppercase; display: block; line-height: 1; } .uo-topic-navigation-name { font-size: 16px; font-weight: 500; color: #393a3d; display: block; line-height: 1; margin-top: 7px; } .uo-topic-navigation-option--left .uo-topic-navigation-label, .uo-topic-navigation-option--left .uo-topic-navigation-name { padding-left: 25px; } .uo-topic-navigation-option--right .uo-topic-navigation-label, .uo-topic-navigation-option--right .uo-topic-navigation-name { padding-right: 25px; } .uo-topic-content { padding-top: 10px; } .uo-topic-content:after { content: ''; display: table; clear: both; } .uo-topic-content .learndash_content { width: 100%; float: left; } .uo-topic-content .learndash_content:after { content: ''; display: table; clear: both; } @media screen and (min-width: 1001px){ .uo-topic-content { min-height: 450px; } } @media screen and (max-width: 1000px){ .uo-topic { flex-wrap: wrap; } .uo-topic-sidebar, .uo-topic-body { width: 100%; flex: 0 0 auto; } .uo-topic-sidebar { order: 2; margin-top: 30px; } .uo-topic-sidebar .uo-topic-sidebar-content, .uo-topic-sidebar .uo-topic-items__container { position: relative; } .uo-topic-body { order: 1; padding-left: 0; } .uo-topic-name h1 { font-size: 20px; } .uo-topic-breadcrumb { display: none; } .uo-topic-navigation-option { width: 50%; } .uo-topic-navigation-option--left { padding-right: 10px; } .uo-topic-navigation-option--right { padding-left: 10px; } } .uo-topic .uo-navigation-items { opacity: 0; transition: opacity 150ms ease-in-out; } .no-js .uo-topic .uo-navigation-items, /* Support JS to be disabled */ .uo-topic .uo-navigation-items.uo-navigation-items--scroll-ready { opacity: 1; } /** * Course Navigation */ .uo-navigation-items { width: 100%; position: relative; } .uo-navigation-items__container { height: 100%; top: 0; left: 0; overflow-y: auto; margin-left: -15px; padding-left: 15px; padding-right: 5px; } .uo-navigation-items__container::-webkit-scrollbar { width: 10px; background-color: rgba( 0, 0, 0, .09 ); border-radius: 150px; } .uo-navigation-items__container::-webkit-scrollbar-thumb:vertical { background: #afafaf; border-radius: 150px; background-clip: padding-box; border: 2px solid rgba( 0, 0, 0, 0 ); min-height: 10px; } .uo-navigation-chapter { width: 100%; } .uo-navigation-chapter__header { position: relative; padding: 10px 0; border-bottom: 1px solid #cccccc; cursor: pointer; transition: background 150ms ease-in-out; } .uo-navigation-chapter__header:before { content: ''; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; border-bottom: 1px solid transparent; transition: background 150ms ease-in-out; } .uo-navigation-chapter.uo-navigation-chapter--current .uo-navigation-chapter__header:before { width: 8px; left: 0px; background: #bfbfbf; border-bottom-color: #bfbfbf; } .uo-navigation-chapter.uo-navigation-chapter--current:not(.uo-navigation-chapter--open) .uo-navigation-chapter__header:before { background: #53b700; border-bottom-color: #53b700; } .uo-navigation-chapter-header__caret { cursor: pointer; width: 30px; height: 30px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 1; font-size: 21px; color: #8a8a8a; transition: color 150ms ease-in-out, opacity 150ms ease-in-out; } .uo-navigation-chapter-header__caret:before, .uo-navigation-chapter-header__caret:after { font-family: 'QuickBooks Training Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 1; } .uo-navigation-chapter-header__caret:before { content: '\f107'; /* Updated */ } .uo-navigation-chapter-header__caret:after { content: '\f106'; /* Updated */ } .uo-navigation-chapter:not(.uo-navigation-chapter--open) .uo-navigation-chapter-header__caret:after { opacity: 0; } .uo-navigation-chapter.uo-navigation-chapter--open .uo-navigation-chapter-header__caret:before { opacity: 0; } .uo-navigation-chapter-header__caret:hover { color: #4a4a4a; } .uo-navigation-chapter-header__metadata { color: #858585; font-size: 13px; font-weight: 500; text-transform: uppercase; margin-bottom: -4px; padding-right: 35px; transition: color 150ms ease-in-out; } .uo-navigation-chapter-header__metadata .uo-navigation-chapter-metadata__number, .uo-navigation-chapter-header__metadata .uo-navigation-chapter-metadata__time, .uo-navigation-chapter-header__metadata .uo-navigation-chapter-metadata__completed { vertical-align: middle; } .uo-navigation-chapter-metadata__time .qbt-icon { font-size: 11px; color: #787878; } .uo-navigation-chapter-metadata__completed { background: #53b700; font-size: 11px; text-transform: lowercase; color: #fff; padding: 2px 8px; margin-left: 3px; border-radius: 150px; } .uo-navigation-chapter-header__name { font-size: 16px; font-weight: 500; color: #393a3d; transition: color 150ms ease-in-out; } .uo-navigation-chapter.uo-navigation-chapter--current .uo-navigation-chapter-header__metadata, .uo-navigation-chapter.uo-navigation-chapter--current .uo-navigation-chapter-header__name { padding-left: calc(8px + 10px); } .uo-navigation-chapter__content { background: #eceef1; } .uo-navigation-chapter:not(.uo-navigation-chapter--open) .uo-navigation-chapter__content { display: none; } .uo-navigation-chapter-topic { padding: 10px 45px 10px 15px; border-bottom: 1px solid #d6d6d6; display: block; background: transparent; transition: background 150ms ease-in-out; position: relative; } .uo-navigation-chapter-topic:hover { background: #e6e6e6; } .uo-navigation-chapter-topic__metadata, .uo-navigation-chapter-topic__name { font-weight: 500; display: block; } .uo-navigation-chapter-topic__metadata { color: #717375; font-size: 13px; } .uo-navigation-chapter-topic__metadata .qbt-icon { font-size: 12px; margin-right: 2px; } .uo-navigation-chapter-topic__name { color: #393a3d; font-size: 16px; line-height: 1.4; } .uo-navigation-chapter-topic--completed:before { content: '\f00d'; /* Updated */ font-family: 'QuickBooks Training Icons' !important; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); z-index: 1; font-size: 25px; color: #53b700; transition: color 150ms ease-in-out, opacity 150ms ease-in-out; } .uo-navigation-chapter-topic--current { background: #53b700; } .uo-navigation-chapter-topic--current:hover { background: #4eac00; } .uo-navigation-chapter-topic--current .uo-navigation-chapter-topic__metadata { color: #e4f2dd; } .uo-navigation-chapter-topic--current .uo-navigation-chapter-topic__name { color: #fff; } .uo-navigation-chapter-topic--current.uo-navigation-chapter-topic--completed:before { color: #e4f2dd; } /** * Courses */ .uo-course-breadcrumbs { display: flex; align-items: center; font-size: 16px; font-weight: 500; padding-bottom: 15px; } .uo-course-navigation-separator { padding: 4px 7px 0 7px; } .uo-course-breadcrumbs__mobile-only { display: none; } @media screen and (max-width: 1000px){ .uo-course-breadcrumbs__mobile-only { display: block; } .uo-course-breadcrumbs__desktop-only { display: none; } .uo-course-breadcrumbs__mobile-only .uo-course-navigation-separator { padding-left: 0; } } .uo-course-header { padding: 0 0 30px 0; } .uo-course-header-container { display: flex; } .uo-course-header__featured-data { background: #f4f5f8; border-radius: 4px; } .uo-course-header__featured-content {} .uo-course-header__featured-content-window { border: 1px solid #e1e2e2; background: #fff; border-radius: 8px; padding: 30px 4px 4px 4px; position: relative; z-index: 2; } .uo-course-header__featured-content-window-header { height: 30px; display: flex; align-items: center; position: absolute; top: 0; left: 10px; } .uo-course-header__featured-content-dot { width: 9px; height: 9px; background: #e1e2e2; border-radius: 50%; margin-right: 9px; } .uo-course-header__featured-content-window-content { overflow: hidden; border-radius: 4px; } .uo-course-header__featured-content-duration { margin-top: 5px; font-size: 15px; color: #2c9f1c; display: flex; align-items: center; } .uo-course-header__featured-content-duration-play { width: 20px; height: 20px; display: inline-block; border-radius: 50%; border: 1px solid #6bbc60; cursor: pointer; position: relative; } .uo-course-header__featured-content-duration-play:before { content: '\f04b'; /* Updated */ font-size: 7px; color: #2fa41e; font-family: 'QuickBooks Training Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: calc(50% + 1px); transform: translate(-50%,-50%); opacity: 1; } .uo-course-header__featured-content-duration-data { margin-left: 7px; } .uo-course-header__title, .uo-course-header__status, .uo-course-header__price, .uo-course-header__description, .uo-course-header__actions { position: relative; z-index: 10; } .uo-course-header__price .subscription-details { padding-left: 5px; } .uo-course-featured-video { background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } .uo-course-featured-video:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.4); z-index: 1; } .uo-course-featured-video__play { width: 40px; height: 40px; border-radius: 50%; background: #2fa41e; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 15px rgba(44,160,28,.4); transition: box-shadow 150ms ease-in-out; cursor: pointer; z-index: 4; } .uo-course-featured-video__play:before { content: '\f04b'; /* Updated */ font-size: 16px; color: #fff; font-family: 'QuickBooks Training Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: calc(50% + 2px); transform: translate(-50%,-50%); opacity: 1; } .uo-course-featured-video__play:hover { box-shadow: 0 0 0 20px rgba(44,160,28,.4); } .uo-course-featured-video--ready .uo-course-featured-video__play { display: none; } .uo-course-featured-video__iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; } .uo-course-featured-video__iframe iframe { background: #000; } @media screen and (min-width: 1001px){ .uo-course-header-container { justify-content: flex-end; position: relative; } .uo-course-header__featured-content { /* width: 41.666%; */ width: calc(350px + 8.333%); position: absolute; top: 20px; left: 0; } .uo-course-header__featured-data { /* width: 66.666%; */ width: calc(100% - 350px); min-height: 375px; padding: 50px 50px 50px 0; padding-left: calc(8.333% + 40px); } .uo-course-header__featured-content { padding-top: 27px; } } @media screen and (max-width: 1000px){ .uo-course-header-container { flex-direction: column; } .uo-course-header__featured-content, .uo-course-header__featured-data { width: 100%; } .uo-course-header__featured-data { margin-top: -120px; padding: 160px 0 40px 0; position: relative; } .uo-course-header__featured-data:before { content: ''; width: 300vh; height: 100%; background: #f4f5f8; position: absolute; top: 0; left: -100vh; z-index: 0; } .uo-course-header__featured-content-duration { display: none; } } .uo-course-featured-video, .uo-course-featured-image { position: relative; width: 100%; height: 0; padding-top: 56.25%; background-color: #f4f5f8; } .uo-course-featured-video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .uo-course-featured-image { background-size: cover; background-position: center center; background-repeat: no-repeat; } .uo-course-header__title { font-size: 30px; font-weight: 600; color: #393a3d; line-height: 1.2; position: relative; } .uo-course-header__price { color: #2c9f1c; } .uo-course-header__status { margin-top: 5px; } .uo-course-status { position: relative; /* padding-left: 22px; */ font-size: 17px; font-weight: 500; color: #6b6c72; } /* .uo-course-status:before { content: ''; width: 13px; height: 13px; border-radius: 50%; background: #bdbdbd; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } */ .uo-course-status.uo-course-status--in-progress { color: #ff8000; } /* .uo-course-status.uo-course-status--in-progress:before { background-color: #ff801b; } */ .uo-course-status.uo-course-status--completed { color: #2c9f1c; } /* .uo-course-status.uo-course-status--completed:before { background-color: #7fd000; } */ .uo-course-header__price { margin-top: 10px; margin-bottom: -5px; } .uo-course-header__price .uo-price { font-size: 0; font-weight: 500; } .uo-course-header__price .uo-price__currency, .uo-course-header__price .uo-price__whole-number, .uo-course-header__price .uo-price__decimal-point, .uo-course-header__price .uo-price__fractional-part { color: #2c9f1c; } .uo-course-header__price .uo-price__currency, .uo-course-header__price .uo-price__whole-number { font-size: 20px; } .uo-course-header__price .uo-price__decimal-point, .uo-course-header__price .uo-price__fractional-part { font-size: 20px; /* display: none; */ } .uo-course-header__description { font-size: 17px; font-weight: 400; color: #383838; line-height: 1.4; padding: 5px 0 0 0; } .uo-course-header__actions { padding-top: 20px; } .uo-course-header__action {} a.uo-course-header__action-btn, div.uo-course-header__action-btn, .uo-course-header__action a.add_to_cart_button { background: #2ca01c !important; color: #fff; font-size: 16px; font-weight: 600 !important; padding: 10px 20px !important; margin-bottom: 0; cursor: pointer; border-radius: 150px; line-height: 1 !important; display: inline-block; transition: background 150ms ease-in-out; text-transform: none !important; } a.uo-course-header__action-btn:hover, div.uo-course-header__action-btn:hover, .uo-course-header__action a.add_to_cart_button:hover { background: #108000 !important; text-decoration: none !important; } .uo-course-header__upsell { width: 100%; padding: 10px 15px; position: relative; z-index: 10; /* border: 1px solid #e31c9e; */ /* box-shadow: 0 0 0 4px #f1cae6; */ background: #f0d3e8; border-radius: 4px; display: none; margin-top: 20px; } .uo-course-header__upsell--visible { display: block; } .uo-course-header__upsell-content { display: flex; justify-content: space-between; } .uo-course-header-upsell__text { font-size: 16px; font-weight: 500; line-height: 22px; } .uo-course-header-upsell__text span { color: #d01d92; font-weight: 600; } .uo-course-header-upsell__text strong { font-weight: 600; } .uo-course-header-upsell__text-title { font-weight: 600; color: #d01d92; } .uo-course-header-upsell__actions { padding-left: 40px; } .uo-course-header-upsell__action { font-size: 16px; font-weight: 600; padding: 8px 20px; line-height: 1.1; display: inline-flex; align-items: center; background: #e31c9e; color: #fff; transition: background 150ms ease-in-out; border-radius: 150px; cursor: pointer; } .uo-course-header-upsell__action:hover { background: #d01d92; color: #fff; text-decoration: none !important; } @media screen and (max-width: 1024px){ .uo-course-header__upsell-content { flex-wrap: wrap; } .uo-course-header-upsell__actions { padding-left: 0; padding-top: 10px; } } .uo-course .uo-tabs { padding-bottom: 80px; } .uo-course-notice { width: auto; border: 1px solid #dedede; background: #f7f7f7; border-radius: 4px; padding: 10px 15px; margin-bottom: 10px; font-size: 16px; } .uo-course-notice .qbt-icon { color: #2ca01c; margin-right: 5px; } .uo-course-notice span { vertical-align: middle; } /** * Login */ .uo-login, .uo-login .container-wrap { background-color: var(--bg-dark-primary); } .uo-login { --ult-form-field-padding: 8px 10px; --ult-form-field-color: #404040; --ult-form-field-background: #fff; --ult-form-field-box-shadow: none; --ult-form-field-border-color: var(--input-border); --ult-form-field-border-radius: var(--radius--rounded-xs); --ult-form-field-hover-border-color: #b1b5b2; --ult-form-field-focus-border-color: var(--input-border-focus); --ult-form-field-focus-background: #fff; --ult-form-field-focus-box-shadow: 0 0 0 2px #8cbf88; } .uo-login a { color: var(--green-100); } .uo-login a:hover, .uo-login a:focus { color: var(--gray-50); } .ult-form-password-wrapper.ult-form-password-wrapper--focus, .ult-form-password-wrapper:focus, .ult-form__container :not(.ult-form-password-wrapper) > input[type=password].ult-form-password-wrapper--focus, .ult-form__container :not(.ult-form-password-wrapper) > input[type=password]:focus, .ult-form__container :not(.ult-form-password-wrapper) > input[type=tel].ult-form-password-wrapper--focus, .ult-form__container :not(.ult-form-password-wrapper) > input[type=tel]:focus, .ult-form__container :not(.ult-form-password-wrapper) > input[type=text].ult-form-password-wrapper--focus, .ult-form__container :not(.ult-form-password-wrapper) > input[type=text]:focus, :not(.ult-form-password-wrapper) > .ult-form__input.ult-form-password-wrapper--focus, :not(.ult-form-password-wrapper) > .ult-form__input:focus { background-color: var(--ult-form-field-focus-background); } .original[data-form-style=default] .ult-form-password-wrapper { padding-top: 0; padding-bottom: 0; padding-left: 0; } .original[data-form-style=default] .ult-form-password-wrapper input[type=password], .original[data-form-style=default] .ult-form-password-wrapper input[type=text] { padding: var(--ult-form-field-padding) !important; } .original[data-form-style=default] .ult-form-password-wrapper input[type=password]:focus, .original[data-form-style=default] .ult-form-password-wrapper input[type=text]:focus { background: none; } .original[data-form-style=default] .ult-form-password-wrapper--focus input[type=password], .original[data-form-style=default] .ult-form-password-wrapper--focus input[type=text], .original[data-form-style=default] .ult-form-password-wrapper:focus-within input[type=password], .original[data-form-style=default] .ult-form-password-wrapper:focus-within input[type=text] { background: none !important; } #ult-2fa-validation-form--templated #submit, #ult-2fa-validation-form--templated input[name=wp-2fa-email-code-resend], #ult-login-form #ult-login-submit, .ult-form__submit-btn, #ult-forgot-password-submit-btn { --button-text-default: var(--button-primary-text-default); --button-bg-default: var(--button-primary-bg-default); --button-text-hover: var(--button-primary-text-hover); --button-bg-hover: var(--button-primary-bg-hover); font-weight: 600; text-decoration: none; text-transform: none; text-align: center; border: 0; border-radius: 0.25rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; gap: 8px; line-height: 1; padding: 1.25em 1.75em !important; font-size: 16px; transition-property: box-shadow background-color color; transition: 0.3s cubic-bezier(0.35, 0, 0.25, 1); color: var(--button-text-default); background-color: var(--button-bg-default); box-shadow: transparent 0px 0px 0px 2px inset; width: 100%; } #ult-2fa-validation-form--templated #submit:hover, #ult-2fa-validation-form--templated #submit:focus, #ult-2fa-validation-form--templated input[name=wp-2fa-email-code-resend]:hover, #ult-2fa-validation-form--templated input[name=wp-2fa-email-code-resend]:focus, #ult-login-form #ult-login-submit:hover, #ult-login-form #ult-login-submit:focus, .ult-form__submit-btn:hover, .ult-form__submit-btn:focus, #ult-forgot-password-submit-btn:hover, #ult-forgot-password-submit-btn:focus { text-decoration: none !important; background-color: var(--button-bg-hover) !important; color: var(--button-text-hover); } #ult-2fa-validation-form--templated #submit[disabled], #ult-2fa-validation-form--templated input[name=wp-2fa-email-code-resend][disabled], #ult-login-form #ult-login-submit[disabled], .ult-form__submit-btn[disabled], #ult-forgot-password-submit-btn[disabled] { opacity: 0.5; pointer-events: none; } .uo_loginForm { display: flex; flex-direction: column; align-items: center; } .uo-login-page-container { padding-left: 30px; padding-right: 30px; } .uo-login .ult-box { border-radius: var(--radius--rounded-sm); padding: var(--component-card-padding); background-color: var(--component-card-bg); color: var(--component-card-contrast); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); } .uo_loginForm #ult-login, .uo_loginForm #ult-forgot-password, .uo_loginForm #ult-reset-password, .uo_loginForm .uo-login__copyright { width: 100%; max-width: 490px; } .uo-login .container-wrap { padding-top: 20px !important; padding-bottom: 20px !important; } .uo-login__logo { display: flex; justify-content: center; position: relative; padding-bottom: 20px; margin-bottom: 20px; } .uo-login__logo:before { content: ""; width: 50%; height: 1px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #d8d8d8; } .uo-login__logo-img { width: 150px !important; margin-bottom: 0 !important; } .uo-login__disclaimer { line-height: 1.4; text-align: center; margin-top: 15px; } .ult-form__container form p { padding: 0; } .uo-login .login-remember { display: none; } .uo-login .ult-box .ult-notice + .uo-login__logo { margin-top: 20px; } .ult-form__title, .ult-form__description { text-align: center; } .ult-form__title { font-size: var(--font-size--05); font-weight: 500; line-height: 1.4; color: var(--component-card-contrast-emphasis); } .ult-form__description { font-size: 16px; color: var(--component-card-contrast); } .ult-form__description ~ .ult-form__container, .ult-form__title ~ .ult-form__container { border-top: 0; margin-top: 15px; } #ult-login-form .login-submit { margin-top: 20px; } .ult-form__footer { margin-top: 20px; padding-top: 20px; border-top: 0; position: relative; font-size: 15px; color: #525252; } .ult-form__footer:before { content: ""; width: 50%; height: 1px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #d8d8d8; } .uo-login__copyright { color: rgba(255, 255, 255, 0.5); font-size: 14px; display: flex; flex-wrap: wrap; margin-top: 20px; } .uo-login__copyright a { color: inherit; } .uo-login__copyright a:hover, .uo-login__copyright a:focus { color: #fff; } .uo-login-copyright__left { flex: 1 1 auto; } .uo-login-copyright__right { flex: 0 0 auto; } .uo-login .uo-login__welcome-notice { width: 100%; padding: 10px 15px; background: #f7f7f7; border: 1px solid #d8d8d8; color: #777777; border-radius: 3px; margin-top: 20px; text-align: center; } .uo-login .uo-login__welcome-notice strong { font-weight: 500; } .uo-login .woocommerce-info { margin-top: 15px !important; margin-bottom: 0 !important; } /* Attendees */ /** * Add attendees */ .add-attendees[data-attendees="3"] .add-attendees-actions { display: none; } .add-attendees__columns { display: flex; justify-content: space-between; } .add-attendees__left { width: calc(100% - 350px); padding-right: 20px; } .add-attendees-items { margin-top: 30px; } .add-attendees-item { width: auto; margin: 0 -7.5px; display: flex; } .add-attendees-item--template { display: none; } .add-attendees-item:not(:first-child) .uo-form-field__label { display: none; } .add-attendees-item:not(:first-child) { margin-top: 6px; } .add-attendees-item__id { flex: 0 0 auto; padding: 0 7.5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .add-attendees-item__number { color: #6b6c72; font-size: 16px; font-weight: 600; margin-top: 25px; } .add-attendees-item:not(:first-child) .add-attendees-item__number { margin-top: 7px; } .add-attendees-item__number:before { content: '#'; font-size: 12px; } .add-attendees-item__email, .add-attendees-item__first-name, .add-attendees-item__last-name { width: 100%; padding: 0 7.5px; } .add-attendees-item__actions { padding: 0 7.5px; flex: 0 0 auto; } .add-attendees-item__actions-btn { padding: 7px 15px; line-height: 1; border-radius: 150px; white-space: nowrap; /* border: 1px solid #393a3d; */ border: 2px solid #393a3d; font-weight: 600; font-size: 15px; color: #393a3d; align-items: center; box-shadow: 0 0 0 2px transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: border 150ms ease-in-out, color 150ms ease-in-out, box-shadow 150ms ease-in-out; cursor: pointer; display: none; } .add-attendees-item__remove-attendee-circle { cursor: pointer; position: relative; width: 20px; height: 20px; color: #393a3d; background: #fff; border: 1px solid #707174; border-radius: 50%; margin-top: 29px; transition: border 150ms ease-in-out, color 150ms ease-in-out; } .add-attendees-item:not(:first-child) .add-attendees-item__remove-attendee-circle { margin-top: 10px; } .add-attendees-item__remove-attendee-circle span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 12px; } .add-attendees-item__remove-attendee-circle:hover { border-color: #d52b1e; color: #d52b1e; } .add-attendees-item:only-child .add-attendees-item__remove-attendee { display: none; } .add-attendees-actions { display: flex; width: 100%; margin-top: 20px; } .add-attendees-action { display: flex; align-items: center; } .add-attendees-action-btn { padding: 7px 15px; line-height: 1; border-radius: 150px; white-space: nowrap; /*border: 1px solid #393a3d;*/ border: 2px solid #393a3d; font-weight: 600; font-size: 15px; color: #393a3d; display: flex; align-items: center; box-shadow: 0 0 0 2px transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: border 150ms ease-in-out, color 150ms ease-in-out, box-shadow 150ms ease-in-out; cursor: pointer; } .add-attendees-action-btn:hover { border-color: #000; color: #000; } .add-attendees-action-btn:active { border-color: #000; color: #000; box-shadow: 0 0 0 2px #d4d7dc; } .add-attendees-action-btn .qbt-icon { width: 14px; height: 14px; margin-right: 8px; font-size: 10px; position: relative; } .add-attendees-action-btn .qbt-icon:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .add-attendees-action-btn .qbt-icon:after { content: ''; width: 100%; height: 100%; border: 1px solid #393a3d; border-radius: 50%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .add-attendees-action-btn__text { padding-top: 1px; } .add-attendees-action__recommendation { margin-left: 12px; font-size: 14px; font-weight: 600; color: #a3a3a3; opacity: 0; transition: opacity 150ms ease-in-out; } .add-attendees--can-press-tab-to-add-attendee .add-attendees-action__recommendation { opacity: 1; } .add-attendees-action__recommendation kbd { background-color: #eee; border-radius: 3px; border: 1px solid #b4b4b4; box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset; color: #959595; display: inline-block; font-size: 12px; font-weight: 500; line-height: 1; padding: 3px 5px; white-space: nowrap; margin-left: 3px; } .add-attendees-promo { width: 100%; margin-top: 8px; /*color: #34a41d; font-weight: 500;*/ } .add-attendees__right { width: 350px; } .add-attendees__right .focus-mode-box { padding: 0; } .add-attendees-summary { display: flex; flex-direction: column; height: 100%; } .add-attendees-summary__heading, .add-attendees-summary__content, .add-attendees-summary__footer { padding: 16px 20px; } .add-attendees-summary__heading { flex: 0 0 auto; font-size: 17px; font-weight: 600; border-bottom: 1px solid #e6e8e9; } .add-attendees-summary__content { flex: 1 1 auto; line-height: 1.5; } .add-attendees-summary__tags { display: flex; flex-wrap: wrap; margin-bottom: 0px; } .add-attendees-summary__tag { padding: 8px; line-height: 1; border-radius: 4px; font-weight: 500; font-size: 14px; margin-bottom: 10px; } .add-attendees-summary__tag--version { background: #e9f5e8; color: #2ca01c; } .add-attendees--class-type-in-person .add-attendees-summary__tag--class-type { background: #e5f0f8; color: #006cbd; } .add-attendees--class-type-online .add-attendees-summary__tag--class-type { background: #f9e5f0; color: #c2006f; } .add-attendees-summary__tag:not(:last-child){ margin-right: 10px; } .add-attendees-summary__date { margin-bottom: 10px; } .add-attendees-summary-date__day { font-size: 20px; font-weight: 700; } .add-attendees-summary__location { color: #72747a; } .add-attendees-summary__footer { flex: 0 0 auto; font-size: 17px !important; line-height: 1.4; border-top: 1px solid #e6e8e9; } .add-attendees-summary__footer-row { display: flex; padding: 4px 0; } .add-attendees-summary__footer-row:not(:first-child){ margin-top: 2px; } .add-attendees-summary-footer__left { flex: 1 1 auto; } .add-attendees-summary-footer__right { flex: 0 0 auto; } .add-attendees-summary-footer__seats {} .add-attendees-summary-footer__discount {} .add-attendees-summary-footer__discount .add-attendees-summary-footer__right { transition: color 150ms ease-in-out; } .add-attendees--has-discount .add-attendees-summary-footer__discount .add-attendees-summary-footer__right { color: #2ca01c; /* font-weight: 500; */ } .add-attendees-summary-footer__tax { display: none; } .add-attendees-summary-footer__total { font-size: 17px; font-weight: 600; /* color: #72747a; */ } .add-attendees-summary-dynamic-value { position: relative; z-index: 1; } .add-attendees-summary-dynamic-value:before { content: ''; opacity: 0; z-index: -1; display: block; background: #fff9c8; width: 100%; height: 100%; padding: 2px 5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 4px; } .add-attendees--price-changed .add-attendees-summary-dynamic-value:before { animation: add_attendee_summary_highlight 1s ease; } .add-attendees__left .focus-mode-box, .add-attendees__right .focus-mode-box { height: 100%; } @media screen and (max-width: 1150px){ .uo-add-attendees #focus-mode__content { padding-left: 0; padding-right: 0; } .add-attendees__left { width: calc(100% - 300px); } .add-attendees__right { width: 300px; } .add-attendees-item { flex-wrap: wrap; border: 1px solid #e6e8e9; border-radius: 4px; padding: 18px 10px; } .add-attendees-item:not(:last-child){ margin-bottom: 15px; } .add-attendees-item:not(:first-child) .uo-form-field__label { display: block; } .add-attendees-item__id { display: none; } .add-attendees-item__email, .add-attendees-item__first-name, .add-attendees-item__last-name { margin-bottom: 6px; } .add-attendees-item__actions {} .add-attendees-item__remove-attendee-circle { display: none; } .add-attendees-item__actions-btn { display: block; margin-top: 4px; } } @media screen and (max-width: 1000px){ .add-attendees__columns { flex-wrap: wrap; } .add-attendees__left, .add-attendees__right { width: 100%; } .add-attendees__left { padding-right: 0; } .add-attendees-action__recommendation { display: none; } .add-attendees__right { margin-top: 20px; } } @media screen and (min-width: 1001px){ .add-attendees__left { min-height: 400px; } .add-attendees__left .focus-mode-box { display: flex; flex-direction: column; } .add-attendees__left .focus-mode-box-heading, .add-attendees__left .add-attendees-actions, .add-attendees__left .add-attendees-promo { flex: 0 0 auto; } .add-attendees__left .add-attendees-items { flex: 1 1 auto; } .add-attendees-item:only-child .add-attendees-item__actions { padding: 0; } } @media screen and (min-width: 1151px){ .add-attendees-item .uo-form-field__label { color: #6b6c72 !important; } .add-attendees-item__email { width: 50%; min-width: 225px; } .add-attendees-item__first-name, .add-attendees-item__last-name { width: 25%; } } /** * Fix 404s in Salient's CSS */ .wpb_row .row-bg-wrap .nectar-displacement, .wpb_row .column-image-bg-wrap .nectar-displacement, .flex-direction-nav .flex-next span { background-image: none !important; } /** * Fix 404 in LearnDash */ .list_arrow.expand.lesson_completed { background-image: none !important; } /* Responsive fixes for BB layouts */ @media screen and (max-width: 992px) { /* Front Image */ .section__modal.section__modal--round div.section__modal__image { max-width: 436px; } /* Home Page */ .comparison-table tr.comparison-table__row .comparison-table__cell:first-child .countdown { padding-bottom: 2rem; } /* Accordion with Image */ .section__accordion .section__accordion__image { text-align: center; } .section__accordion .section__accordion__image img { max-width: 400px; } /* Contact Us */ /* Self-paced Classes */ .fl-module-content.fl-node-content .sidebar-navigation.has-theme-white.has-style-card-elevated { margin: 0 auto; } } @media screen and (max-width: 768px) { /* Accordion with Image */ .section__accordion--has-image { flex-direction: column-reverse; } /* Contact Us */ .overview .overview__wrapper .overview__content { flex: 1 1 100%; } .overview__wrapper .fl-col-content .fl-col-group .fl-col.overview__content:not(:last-child) { border: none; border-bottom: 1px solid var(--component-overview-border); } .overview__wrapper .fl-col-content .fl-col-group .fl-col.overview__content:last-child { margin-top: 0; } .qbt-email-form .fl-module-content.fl-node-content .fl-widget .widget.gform_widget .gform_wrapper form .gform_body.gform-body ul.gform_fields { flex-direction: column; } /* 2-Day Class */ .sidebar.sticky-col { width: 80% !important; left: 0; transform: translateX(0); } } @media screen and (max-width: 600px) { /* Info Box: About Us, Complete Training & Live Help */ .section__infobox .fl-col-content.fl-node-content .fl-col-group .fl-col { flex-basis: 100%; max-width: 600px; } /* 2-Day Class */ .sidebar.sticky-col { width: 100% !important; } } @media screen and (max-width: 426px) { .fl-col-group .fl-col .fl-col-content .fl-module.fl-module-box { grid-template-columns: repeat(1, 1fr); } .section__tabs .section__tabs__wrapper .tabs__navigation__item { font-size: 0.8rem; } }