CINXE.COM

The Best Nonprofit Event Management Software - WildApricot

<!doctype html> <html lang="en-US"> <head> <meta charset="utf-8"> <!-- GLOBAL DATA POINTS --> <link rel="shortcut icon" href="https://www.wildapricot.com/wp-content/uploads/2022/11/unnamed-1.png"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/4af3569beb59dfa6b457d4ee/script.js"></script> <!-- This site is optimized with the Yoast SEO plugin v20.6 - https://yoast.com/wordpress/plugins/seo/ --> <title>The Best Nonprofit Event Management Software - WildApricot</title> <meta name="description" content="Execute flawless events with ease by using event management software built for nonprofits. Discover powerful tools tailored to streamline planning, engagement and fundraising efforts. Check out the 15 best event software for nonprofits!" /> <link rel="canonical" href="https://www.wildapricot.com/blog/event-management-software-for-nonprofits" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="The Best Nonprofit Event Management Software - WildApricot" /> <meta property="og:description" content="Execute flawless events with ease by using event management software built for nonprofits. Discover powerful tools tailored to streamline planning, engagement and fundraising efforts. Check out the 15 best event software for nonprofits!" /> <meta property="og:url" content="https://www.wildapricot.com/blog/event-management-software-for-nonprofits" /> <meta property="og:site_name" content="WildApricot" /> <meta property="article:publisher" content="https://www.facebook.com/wildapricot" /> <meta property="article:published_time" content="2024-07-09T20:48:36+00:00" /> <meta property="article:modified_time" content="2024-07-11T21:03:40+00:00" /> <meta property="og:image" content="https://www.wildapricot.com/wp-content/uploads/2024/07/Main-Blog-Thumbnails-9.png" /> <meta property="og:image:width" content="1562" /> <meta property="og:image:height" content="1094" /> <meta property="og:image:type" content="image/png" /> <meta name="author" content="Marlena Moore" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@wildapricot" /> <meta name="twitter:site" content="@wildapricot" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Marlena Moore" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://www.wildapricot.com/blog/event-management-software-for-nonprofits#article","isPartOf":{"@id":"https://www.wildapricot.com/blog/event-management-software-for-nonprofits"},"author":{"name":"Marlena Moore","@id":"https://www.wildapricot.com/#/schema/person/cb1667386a268a7588a94876f6309ebf"},"headline":"The Best Nonprofit Event Management Software","datePublished":"2024-07-09T20:48:36+00:00","dateModified":"2024-07-11T21:03:40+00:00","mainEntityOfPage":{"@id":"https://www.wildapricot.com/blog/event-management-software-for-nonprofits"},"wordCount":6,"commentCount":0,"publisher":{"@id":"https://www.wildapricot.com/#organization"},"image":{"@id":"https://www.wildapricot.com/blog/event-management-software-for-nonprofits#primaryimage"},"thumbnailUrl":"https://www.wildapricot.com/wp-content/uploads/2024/07/Main-Blog-Thumbnails-9.png","articleSection":["Website &amp; Technology","Fundraising","Events"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://www.wildapricot.com/blog/event-management-software-for-nonprofits#respond"]}]},{"@type":"WebPage","@id":"https://www.wildapricot.com/blog/event-management-software-for-nonprofits","url":"https://www.wildapricot.com/blog/event-management-software-for-nonprofits","name":"The Best Nonprofit Event Management Software - WildApricot","isPartOf":{"@id":"https://www.wildapricot.com/#website"},"primaryImageOfPage":{"@id":"https://www.wildapricot.com/blog/event-management-software-for-nonprofits#primaryimage"},"image":{"@id":"https://www.wildapricot.com/blog/event-management-software-for-nonprofits#primaryimage"},"thumbnailUrl":"https://www.wildapricot.com/wp-content/uploads/2024/07/Main-Blog-Thumbnails-9.png","datePublished":"2024-07-09T20:48:36+00:00","dateModified":"2024-07-11T21:03:40+00:00","description":"Execute flawless events with ease by using event management software built for nonprofits. Discover powerful tools tailored to streamline planning, engagement and fundraising efforts. Check out the 15 best event software for nonprofits!","breadcrumb":{"@id":"https://www.wildapricot.com/blog/event-management-software-for-nonprofits#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.wildapricot.com/blog/event-management-software-for-nonprofits"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.wildapricot.com/blog/event-management-software-for-nonprofits#primaryimage","url":"https://www.wildapricot.com/wp-content/uploads/2024/07/Main-Blog-Thumbnails-9.png","contentUrl":"https://www.wildapricot.com/wp-content/uploads/2024/07/Main-Blog-Thumbnails-9.png","width":1562,"height":1094},{"@type":"BreadcrumbList","@id":"https://www.wildapricot.com/blog/event-management-software-for-nonprofits#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Wild Apricot Membership Management Software","item":"https://www.wildapricot.com/"},{"@type":"ListItem","position":2,"name":"The WildApricot Blog","item":"https://www.wildapricot.com/blog"},{"@type":"ListItem","position":3,"name":"The Best Nonprofit Event Management Software"}]},{"@type":"WebSite","@id":"https://www.wildapricot.com/#website","url":"https://www.wildapricot.com/","name":"WildApricot","description":"Membership Management Software","publisher":{"@id":"https://www.wildapricot.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.wildapricot.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.wildapricot.com/#organization","name":"WildApricot","url":"https://www.wildapricot.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.wildapricot.com/#/schema/logo/image/","url":"https://www.wildapricot.com/wp-content/uploads/2022/07/PersonifyProductLogos_WildApricot.png","contentUrl":"https://www.wildapricot.com/wp-content/uploads/2022/07/PersonifyProductLogos_WildApricot.png","width":4438,"height":1398,"caption":"WildApricot"},"image":{"@id":"https://www.wildapricot.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/wildapricot","https://twitter.com/wildapricot","https://www.linkedin.com/company/wild-apricot/","https://www.pinterest.ca/wildapricot/","https://www.youtube.com/wildapricotcom"]},{"@type":"Person","@id":"https://www.wildapricot.com/#/schema/person/cb1667386a268a7588a94876f6309ebf","name":"Marlena Moore","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.wildapricot.com/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/d5160aeac6cfd14c878623cd98b3df3d?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/d5160aeac6cfd14c878623cd98b3df3d?s=96&d=mm&r=g","caption":"Marlena Moore"},"url":"https://www.wildapricot.com/blog/author/mmoorepersonifycorp-com"}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//js.hs-scripts.com' /> <link rel='dns-prefetch' href='//b2993016.smushcdn.com' /> <link rel="alternate" type="application/rss+xml" title="WildApricot &raquo; Feed" href="https://www.wildapricot.com/feed" /> <link rel="alternate" type="application/rss+xml" title="WildApricot &raquo; Comments Feed" href="https://www.wildapricot.com/comments/feed" /> <link rel="alternate" type="application/rss+xml" title="WildApricot &raquo; The Best Nonprofit Event Management Software Comments Feed" href="https://www.wildapricot.com/blog/event-management-software-for-nonprofits/feed" /> <!-- wildapricot.com is managing ads with Advanced Ads 1.51.1 --><script id="wilda-ready"> window.advanced_ads_ready=function(e,a){a=a||"complete";var d=function(e){return"interactive"===a?"loading"!==e:"complete"===e};d(document.readyState)?e():document.addEventListener("readystatechange",(function(a){d(a.target.readyState)&&e()}),{once:"interactive"===a})},window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[]; </script> <link rel='stylesheet' id='formidable-css' href='https://www.wildapricot.com/wp-content/uploads/hummingbird-assets/46a3712ab379ca282f9959cf77eb9f4e.css' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wphb-1-css' href='https://www.wildapricot.com/wp-content/uploads/hummingbird-assets/f714a2154be0bb3782a83f049e9bc818.css' type='text/css' media='all' /> <script type="text/javascript" id="wphb-2-js-extra"> /* <![CDATA[ */ var thumbs_rating_ajax = {"ajax_url":"https:\/\/www.wildapricot.com\/wp-admin\/admin-ajax.php","nonce":"c366f17a6c"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.wildapricot.com/wp-content/uploads/hummingbird-assets/356a2a9afbdd8d7f0d2223b6fdd06683.js" id="wphb-2-js"></script> <script type="text/javascript" id="wphb-3-js-extra"> /* <![CDATA[ */ var advanced_ads_pro_visitor_conditions = {"referrer_cookie_name":"advanced_ads_pro_visitor_referrer","referrer_exdays":"365","page_impr_cookie_name":"advanced_ads_page_impressions","page_impr_exdays":"3650"};;;var advads_options = {"blog_id":"1","privacy":{"enabled":false,"state":"not_needed"}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.wildapricot.com/wp-content/uploads/hummingbird-assets/f70dbbe2208acdea1e2c7fb63f381686.js" id="wphb-3-js"></script> <link rel="https://api.w.org/" href="https://www.wildapricot.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.wildapricot.com/wp-json/wp/v2/posts/5699" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.wildapricot.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.wildapricot.com/?p=5699' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.wildapricot.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.wildapricot.com%2Fblog%2Fevent-management-software-for-nonprofits" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.wildapricot.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.wildapricot.com%2Fblog%2Fevent-management-software-for-nonprofits&#038;format=xml" /> <!-- DO NOT COPY THIS SNIPPET! Start of Page Analytics Tracking for HubSpot WordPress plugin v10.2.3--> <script type="text/javascript" class="hsq-set-content-id" data-content-id="blog-post"> var _hsq = _hsq || []; _hsq.push(["setContentType", "blog-post"]); </script> <!-- DO NOT COPY THIS SNIPPET! End of Page Analytics Tracking for HubSpot WordPress plugin --> <!-- Markup (JSON-LD) structured in schema.org ver.4.8.1 START --> <!-- Markup (JSON-LD) structured in schema.org END --> <script type="text/javascript">document.documentElement.className += " js";</script> <script> document.documentElement.className = document.documentElement.className.replace( 'no-js', 'js' ); </script> <style> .no-js img.lazyload { display: none; } figure.wp-block-image img.lazyloading { min-width: 150px; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 400ms; transition-delay: 0ms; } </style> <script type="text/javascript"> var advadsCfpQueue = []; var advadsCfpAd = function( adID ){ if ( 'undefined' == typeof advadsProCfp ) { advadsCfpQueue.push( adID ) } else { advadsProCfp.addElement( adID ) } }; </script> <link rel="pingback" href="https://www.wildapricot.com/xmlrpc.php"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WKSR7D');</script> <!-- End Google Tag Manager --> <link rel="stylesheet" href="https://www.wildapricot.com/wp-content/themes/kin/fonts/icomoon-brands/style.css"> <link rel="stylesheet" href="https://www.wildapricot.com/wp-content/themes/kin/fonts/icomoon-font-awesome/style.css"> <link rel="stylesheet" href="https://www.wildapricot.com/wp-content/themes/kin/fonts/icomoon-free/style.css"> <style> /* Style.css */ @charset "UTF-8"; /*! * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: var(--primary-color); --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #36322f; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: var(--secondary-color-light); --bs-gray-dark: #343a40; --bs-primary: var(--primary-color); --bs-secondary: var(--secondary-color); --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: var(--primary-color-light); --bs-dark: var(--primary-color-dark); --heading-font: "europa", "lato", "sans-serif", "system-ui", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-sans-serif: europa, lato, sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --header-height: px; --primary-color-h: 158; --primary-color-s: 100%; --primary-color-l: 9%; --primary-color-contrast: #ffffff; --secondary-color-h: 286; --secondary-color-s: 54%; --secondary-color-l: 23%; --secondary-color-contrast: #ffffff; --cta-color-h: 28; --cta-color-s: 100%; --cta-color-l: 52%; --cta-color-contrast: #000000; --primary-color-hsl: var(--primary-color-h), var(--primary-color-s), var(--primary-color-l); --primary-color: hsl(var(--primary-color-hsl)); --primary-color-hover: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) / 1.3)); --primary-color-light: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 97%)); --primary-color-light-hover: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 93.33%)); --primary-color-dark: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 3.33%)); --primary-color-dark-hover: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 9.99%)); --secondary-color-hsl: var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l); --secondary-color: hsl(var(--secondary-color-hsl)); --secondary-color-hover: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) / 1.3)); --secondary-color-light: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 96.6%)); --secondary-color-light-hover: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 90%)); --secondary-color-dark: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 3.3%)); --secondary-color-dark-hover: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 10%)); --cta-color-hsl: var(--cta-color-h), var(--cta-color-s), var(--cta-color-l); --cta-color: hsl(var(--cta-color-hsl)); --cta-color-hover: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) / 1.3)); --cta-color-light: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 96.6%)); --cta-color-light-hover: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 90%)); --gray-color: hsl(var(--primary-color-h), calc(var(--primary-color-s) * 0 + 3.3%), var(--primary-color-l)); --gray-color-hover: hsl(var(--primary-color-h), calc(var(--primary-color-s) * 0 + 3.3%), calc(var(--primary-color-l) - 7%)); --gray-color-light: hsl(var(--primary-color-h), 15%, 95%); --gray-color-light-hover: hsl(var(--primary-color-h), 15%, 80%); --gray-color-dark: hsl(var(--primary-color-h), 15%, 15%); } .flex div { height: 100px; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--gray-color-dark); background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { margin: 1rem 0; color: inherit; background-color: var(--gray-color); border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentColor; opacity: .25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-family: var(--heading-font); font-weight: 400; line-height: 1.2; } h1, .h1 { font-size: calc(1.375rem + 1.5vw); font-weight: 500; } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.5rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2.25rem; } } h3, .h3 { font-size: calc(1.5rem + 0.6vw); font-weight: 500; } @media (min-width: 1200px) { h3, .h3 { font-size: 2rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.6rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin: 1em 0; } abbr[title], abbr[data-bs-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 3rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong, .strong { font-weight: bold; } small, .small { font-size: 0.8em !important; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: var(--cta-color-hover); text-decoration: underline; transition: .2s } a:hover { color: var(--primary-color); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr /* rtl:ignore */ ; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #d63384; word-wrap: break-word; } a>code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: var(--primary-color-dark); border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--secondary-color-light); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5); /* Inner glow for visual emphasis */ transform: scale(1.05); /* Subtle scaling for visual distinction */ outline: 1px solid; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend+* { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.4rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote> :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: var(--secondary-color-light); } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--secondary-color-light); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto>* { flex: 0 0 auto; width: auto; } .row-cols-1>* { flex: 0 0 auto; width: 100%; } .row-cols-2>* { flex: 0 0 auto; width: 50%; } .row-cols-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4>* { flex: 0 0 auto; width: 25%; } .row-cols-5>* { flex: 0 0 auto; width: 20%; } .row-cols-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto>* { flex: 0 0 auto; width: auto; } .row-cols-sm-1>* { flex: 0 0 auto; width: 100%; } .row-cols-sm-2>* { flex: 0 0 auto; width: 50%; } .row-cols-sm-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4>* { flex: 0 0 auto; width: 25%; } .row-cols-sm-5>* { flex: 0 0 auto; width: 20%; } .row-cols-sm-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto>* { flex: 0 0 auto; width: auto; } .row-cols-md-1>* { flex: 0 0 auto; width: 100%; } .row-cols-md-2>* { flex: 0 0 auto; width: 50%; } .row-cols-md-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4>* { flex: 0 0 auto; width: 25%; } .row-cols-md-5>* { flex: 0 0 auto; width: 20%; } .row-cols-md-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-md-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-md-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-md-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-md-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto>* { flex: 0 0 auto; width: auto; } .row-cols-lg-1>* { flex: 0 0 auto; width: 100%; } .row-cols-lg-2>* { flex: 0 0 auto; width: 50%; } .row-cols-lg-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4>* { flex: 0 0 auto; width: 25%; } .row-cols-lg-5>* { flex: 0 0 auto; width: 20%; } .row-cols-lg-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto>* { flex: 0 0 auto; width: auto; } .row-cols-xl-1>* { flex: 0 0 auto; width: 100%; } .row-cols-xl-2>* { flex: 0 0 auto; width: 50%; } .row-cols-xl-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4>* { flex: 0 0 auto; width: 25%; } .row-cols-xl-5>* { flex: 0 0 auto; width: 20%; } .row-cols-xl-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto; } .row-cols-xxl-1>* { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2>* { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4>* { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5>* { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-bg: transparent; --bs-table-striped-color: var(--primary-color-dark); --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: var(--primary-color-dark); --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: var(--primary-color-dark); --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: var(--primary-color-dark); vertical-align: top; border-color: #dee2e6; } .table> :not(caption)>*>* { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); border-bottom-width: 1px; } .table>tbody { vertical-align: inherit; } .table>thead { vertical-align: bottom; } .table> :not(:last-child)> :last-child>* { border-bottom-color: currentColor; } .caption-top { caption-side: top; } .table-sm> :not(caption)>*>* { padding: 0.25rem 0.25rem; } .table-bordered> :not(caption)>* { border-width: 1px 0; } .table-bordered> :not(caption)>*>* { border-width: 0 1px; } .table-borderless> :not(caption)>*>* { border-bottom-width: 0; } .table-striped>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } .table-hover>tbody>tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6; } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce; } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7; } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3; } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9; } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4; } .table-light { --bs-table-bg: var(--primary-color-light); --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1; } .table-dark { --bs-table-bg: var(--primary-color-dark); --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--secondary-color-light); } .form-control, .hs-input, .mktoField[type=text], .mktoField[type=email], .mktoField[type=tel], textarea.mktoField { display: block; width: 100%; padding: 0.5rem 1rem !important; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--primary-color-dark); background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control, .mktoField { transition: none; } } .form-control[type=file], .mktoField[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]), .mktoField[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus, .mktoField:focus { color: var(--primary-color-dark); background-color: #fff; border-color: #86b7fe; outline: 0; } .form-control::-webkit-date-and-time-value, .mktoField::-webkit-date-and-time-value { height: 1.5em; } .form-control::-webkit-input-placeholder, .mktoField::-webkit-input-placeholder { color: var(--gray-color); opacity: 1; } .form-control::-moz-placeholder, .mktoField::-moz-placeholder { color: var(--gray-color); opacity: 1; } .form-control::placeholder, .mktoField::placeholder { color: var(--gray-color); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--primary-color-dark); background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--primary-color-dark); background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--primary-color-dark); background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + 2px); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px); } .form-control-color { max-width: 3rem; height: auto; padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-select, .mktoForm select.mktoField { display: block; width: 100%; padding: 0.375rem 1.75rem 0.375rem 0.75rem !important; font-size: .85rem; font-weight: 400; line-height: 1.5; color: var(--primary-color-dark); vertical-align: middle; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { color: var(--secondary-color-light); background-color: #e9ecef; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--primary-color-dark); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-check-input { transition: none; } } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 1; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color); } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: var(--primary-color); border-color: var(--primary-color); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled]~.form-check-label, .form-check-input:disabled~.form-check-label { opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled]+.btn, .btn-check:disabled+.btn { pointer-events: none; filter: none; opacity: 0.65; } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-range:focus { outline: none; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: var(--primary-color); border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: var(--primary-color); border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .form-floating { position: relative; } .form-floating>.form-control, .form-floating>.form-select { height: calc(3.5rem + 2px); padding: 1rem 0.75rem; } .form-floating>label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating>label { transition: none; } } .form-floating>.form-control::-webkit-input-placeholder { color: transparent; } .form-floating>.form-control::-moz-placeholder { color: transparent; } .form-floating>.form-control::placeholder { color: transparent; } .form-floating>.form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-control:not(:-moz-placeholder-shown)~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating>.form-control:-webkit-autofill~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group>.form-control, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group>.form-control:focus, .input-group>.form-select:focus { z-index: 3; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 3; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--primary-color-dark); text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text, .input-group-lg>.btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text, .input-group-sm>.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .input-group-lg>.form-select, .input-group-sm>.form-select { padding-right: 1.75rem; } .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0.25rem; } .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip, .is-valid~.valid-feedback, .is-valid~.valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #198754; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #198754; padding-right: calc(0.75em + 2.3125rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #198754; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #198754; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label { color: #198754; } .form-check-inline .form-check-input~.valid-feedback { margin-left: 0.5em; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip, .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label { color: #dc3545; } .form-check-inline .form-check-input~.invalid-feedback { margin-left: 0.5em; } .btn, .hs-button, .btn-cta-menu a { display: inline-block; font-weight: bold; line-height: 1; color: rgba(0, 0, 0, 0.55); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 2px solid transparent; border-radius: 10px; padding: 10px 15px; font-size: 1rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--primary-color-dark); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } .btn-primary, .hs-button { color: var(--primary-color-contrast); background-color: var(--primary-color); border-color: var(--primary-color); } .btn-primary:hover, .hs-button:hover { color: var(--primary-color-contrast); background-color: var(--primary-color-hover); border-color: var(--primary-color-hover); } .btn-check:focus+.btn-primary, .btn-primary:focus { color: #fff; background-color: var(--primary-color-hover); border-color: var(--primary-color-hover); } .btn-check:checked+.btn-primary, .btn-check:active+.btn-primary, .btn-primary:active, .btn-primary.active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: var(--primary-color); border-color: #0a53be; } .btn-primary:disabled, .btn-primary.disabled { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .btn-secondary { color: var(--secondary-color); border-color: var(--secondary-color); font-weight: bold; } .btn-secondary:hover { color: var(--secondary-color-contrast); background-color: var(--secondary-color-hover); border-color: var(--secondary-color-hover); } .btn-check:focus+.btn-secondary, .btn-secondary:focus { color: var(--secondary-color-contrast); background-color: var(--secondary-color-hover); border-color: var(--secondary-color-hover); } .btn-check:checked+.btn-secondary, .btn-check:active+.btn-secondary, .btn-secondary:active, .btn-secondary.active, .show>.btn-secondary.dropdown-toggle { color: var(--secondary-color-contrast); background-color: var(--secondary-color); border-color: var(--secondary-color); } .btn-secondary:disabled, .btn-secondary.disabled { color: #fff; background-color: var(--secondary-color-light); border-color: var(--secondary-color-light); } .btn-cta, .btn-cta-menu a { color: var(--cta-color-contrast) !important; background-color: var(--cta-color) !important; border-color: var(--cta-color) !important; } .btn-cta:hover, .btn-cta-menu a:hover { color: var(--cta-color-contrast) !important; background-color: var(--cta-color-hover) !important; border-color: var(--cta-color-hover) !important; } .btn-cta-menu a { padding: 10px 15px !important; } .btn-cta .nav-link { color: #fff !important; padding-top: .25rem !important; padding-bottom: .25rem !important; } .btn-gray { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-gray:hover { color: #fff; background-color: var(--gray-color-hover); border-color: var(--gray-color-hover); } .btn-check:focus+.btn-gray, .btn-gray:focus { color: #fff; background-color: var(--gray-color-hover); border-color: var(--gray-color-hover); } .btn-check:checked+.btn-gray, .btn-check:active+.btn-gray, .btn-gray:active, .btn-gray.active, .show>.btn-gray.dropdown-toggle { color: #fff; background-color: var(--gray-color-hover); border-color: #0a53be; } .btn-gray:disabled, .btn-gray.disabled { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-success { color: #fff; background-color: #198754; border-color: #198754; } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43; } .btn-check:focus+.btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; } .btn-check:checked+.btn-success, .btn-check:active+.btn-success, .btn-success:active, .btn-success.active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f; } .btn-success:disabled, .btn-success.disabled { color: #fff; background-color: #198754; border-color: #198754; } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2; } .btn-check:focus+.btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; } .btn-check:checked+.btn-info, .btn-check:active+.btn-info, .btn-info:active, .btn-info.active, .show>.btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2; } .btn-info:disabled, .btn-info.disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720; } .btn-check:checked+.btn-warning, .btn-check:active+.btn-warning, .btn-warning:active, .btn-warning.active, .show>.btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720; } .btn-warning:disabled, .btn-warning.disabled { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:focus+.btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:checked+.btn-danger, .btn-check:active+.btn-danger, .btn-danger:active, .btn-danger.active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834; } .btn-danger:disabled, .btn-danger.disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-light { color: #000; background-color: var(--gray-color-light); border-color: var(--gray-color-light); } .btn-light:hover { color: #000; background-color: var(--gray-color-light-hover); border-color: var(--gray-color-light-hover); } .btn-check:focus+.btn-light, .btn-light:focus { color: #000; background-color: var(--gray-color-light-hover); border-color: var(--gray-color-light-hover); } .btn-check:checked+.btn-light, .btn-check:active+.btn-light, .btn-light:active, .btn-light.active, .show>.btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-light:disabled, .btn-light.disabled { color: #000; background-color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-dark { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark) } .btn-dark:hover { color: #fff; background-color: var(--primary-color-dark-hover); border-color: var(--primary-color-dark-hover); } .btn-check:focus+.btn-dark, .btn-dark:focus { color: #fff; background-color: var(--primary-color-dark-hover); border-color: var(--primary-color-dark-hover); } .btn-check:checked+.btn-dark, .btn-check:active+.btn-dark, .btn-dark:active, .btn-dark.active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f; } .btn-dark:disabled, .btn-dark.disabled { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-outline-primary { color: var(--primary-color); border-color: var(--primary-color); } .btn-outline-primary:hover { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .btn-check:checked+.btn-outline-primary, .btn-check:active+.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: var(--primary-color); background-color: transparent; } .btn-outline-gray { color: var(--gray-color); border-color: var(--gray-color); } .btn-outline-gray:hover { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-check:checked+.btn-outline-gray, .btn-check:active+.btn-outline-gray, .btn-outline-gray:active, .btn-outline-gray.active, .btn-outline-gray.dropdown-toggle.show { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-outline-gray:disabled, .btn-outline-gray.disabled { color: var(--gray-color); background-color: transparent; } .btn-outline-secondary { color: var(--secondary-color); border-color: var(--secondary-color); } .btn-outline-secondary:hover { color: #fff; background-color: var(--secondary-color-hover); border-color: var(--secondary-color-hover); } .btn-check:checked+.btn-outline-secondary, .btn-check:active+.btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #fff; background-color: var(--secondary-color); border-color: var(--secondary-color); } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: var(--secondary-color-light); background-color: transparent; } .btn-outline-success { color: #198754; border-color: #198754; } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:checked+.btn-outline-success, .btn-check:active+.btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #fff; background-color: #198754; border-color: #198754; } .btn-outline-success:disabled, .btn-outline-success.disabled { color: #198754; background-color: transparent; } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0; } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:checked+.btn-outline-info, .btn-check:active+.btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-outline-info:disabled, .btn-outline-info.disabled { color: #0dcaf0; background-color: transparent; } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:checked+.btn-outline-warning, .btn-check:active+.btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:disabled, .btn-outline-warning.disabled { color: #ffc107; background-color: transparent; } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:checked+.btn-outline-danger, .btn-check:active+.btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:disabled, .btn-outline-danger.disabled { color: #dc3545; background-color: transparent; } .btn-outline-light { color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-outline-light:hover { color: #000; background-color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-check:checked+.btn-outline-light, .btn-check:active+.btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #000; background-color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-outline-light:disabled, .btn-outline-light.disabled { color: var(--primary-color-light); background-color: transparent; } .btn-outline-dark { color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-outline-dark:hover { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-check:checked+.btn-outline-dark, .btn-check:active+.btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-outline-dark:disabled, .btn-outline-dark.disabled { color: var(--primary-color-dark); background-color: transparent; } .btn-link { font-size: 1.5rem; font-weight: 400; color: var(--primary-color); text-decoration: underline; } .btn-link:hover { color: var(--primary-color); } .btn-link:disabled, .btn-link.disabled { color: var(--gray-color); } .btn-lg, .btn-group-lg>.btn { padding: 0.9rem 1.8rem; font-size: 1.2rem; } .btn-sm, .btn-group-sm>.btn { padding: 0.25rem 1.5rem; font-size: .8rem; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropend, .dropdown, .dropstart { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: var(--primary-color-dark); text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px 0px 0.25rem 0.25rem; } .dropdown-menu[style] { right: auto !important; } .dropdown-menu-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-sm-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-md-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-lg-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-xl-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-xxl-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: var(--primary-color-dark); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #1e2125; background-color: var(--gray-color-light); } .dropdown-item.active, .dropdown-item:active { color: #000; text-decoration: none; background-color: var(--gray-color-light-hover); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--gray-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: var(--gray-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: var(--primary-color-dark); } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: var(--primary-color); } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .dropdown-menu-dark .dropdown-header { color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group>.btn, .btn-group-vertical>.btn { position: relative; flex: 1 1 auto; } .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child) { margin-left: -1px; } .btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group>.btn-group:not(:last-child)>.btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group>.btn:nth-child(n+3), .btn-group> :not(.btn-check)+.btn, .btn-group>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm+.dropdown-toggle-split, .btn-group-sm>.btn+.dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg+.dropdown-toggle-split, .btn-group-lg>.btn+.dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100%; } .btn-group-vertical>.btn:not(:first-child), .btn-group-vertical>.btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical>.btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn~.btn, .btn-group-vertical>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; font-weight: bold; padding: 0.5rem 1rem; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link.disabled { color: var(--gray-color); pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: var(--gray-color); background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-gray-dark); background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: var(--primary-color); } .nav-fill>.nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified>.nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar>.container, .navbar>.container-fluid, .navbar>.container-sm, .navbar>.container-md, .navbar>.container-lg, .navbar>.container-xl, .navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { align-items: center; width: 100%; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm .navbar-collapse { display: flex !important; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md .navbar-collapse { display: flex !important; } .navbar-expand-md .navbar-toggler { display: none; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg .navbar-collapse { display: flex !important; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl .navbar-collapse { display: flex !important; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl .navbar-collapse { display: flex !important; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand .navbar-collapse { display: flex !important; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; outline: thin dotted; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 1.5rem; } .card>hr { margin-right: 0; margin-left: 0; } .card>.list-group { border-top: inherit; border-bottom: inherit; } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: 1rem 1rem; } .card-title { margin-bottom: 0.5rem; } .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link+.card-link { margin-left: 1rem /* rtl:ignore */ ; } .card-header { padding: 0.5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.5rem; margin-bottom: -0.5rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-group>.card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group>.card { flex: 1 0 0%; margin-bottom: 0; } .card-group>.card+.card { margin-left: 0; border-left: 0; } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group>.card:not(:last-child) .card-img-top, .card-group>.card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group>.card:not(:last-child) .card-img-bottom, .card-group>.card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group>.card:not(:first-child) .card-img-top, .card-group>.card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group>.card:not(:first-child) .card-img-bottom, .card-group>.card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion-button { position: relative; cursor: pointer; display: flex; align-items: center; width: 100%; padding: .75rem 1.25rem; font-size: 1rem; color: var(--gray-color); background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0; overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button.collapsed { border-bottom-width: 0; } .accordion-button:not(.collapsed) { color: var(--primary-color-dark); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(180deg); } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .accordion-header { margin-bottom: 0; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 1px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-item:last-of-type .accordion-collapse { border-bottom-width: 1px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-collapse { border: solid rgba(0, 0, 0, 0.125); border-width: 0 1px; } .accordion-body { padding: 1rem 1.25rem; } .accordion-flush .accordion-button { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item:first-of-type .accordion-button { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .accordion-flush .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none; } .breadcrumb-item+.breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: 0.5rem; color: var(--gray-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */ ; } .breadcrumb-item.active { color: var(--gray-color); } .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: var(--bs-gray-dark); text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--bs-gray-dark); background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: var(--primary-color); background-color: #e9ecef; outline: 1; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item.active .page-link { z-index: 3; color: var(--bs-light); background-color: var(--bs-gray-dark); border-color: var(--bs-gray-dark); } .page-item.disabled .page-link { color: var(--secondary-color-light); pointer-events: none; background-color: #fff; border-color: #dee2e6; } .page-link { padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe; } .alert-primary .alert-link { color: #06357a; } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8; } .alert-secondary .alert-link { color: #34383c; } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; } .alert-success .alert-link { color: #0c4128; } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb; } .alert-info .alert-link { color: #04414d; } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; } .alert-warning .alert-link { color: #523e02; } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; } .alert-danger .alert-link { color: #6a1a21; } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe; } .alert-light .alert-link { color: #4f5050; } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf; } .alert-dark .alert-link { color: #101214; } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: var(--primary-color); transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: var(--bs-gray-dark); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: var(--bs-gray-dark); text-decoration: none; background-color: var(--gray-color-light); } .list-group-item-action:active { color: var(--primary-color-dark); background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.5rem 1rem; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--gray-color); pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: var(--bs-gray-dark); border-color: var(--bs-gray-dark); } .list-group-item+.list-group-item { border-top-width: 0; } .list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal>.list-group-item.active { margin-top: 0; } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0; } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md>.list-group-item.active { margin-top: 0; } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0; } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0; } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush>.list-group-item { border-width: 0 0 1px; } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #084298; background-color: #cfe2ff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #084298; background-color: #bacbe6; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298; } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #41464b; background-color: #cbccce; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b; } .list-group-item-success { color: #0f5132; background-color: #d1e7dd; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f5132; background-color: #bcd0c7; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132; } .list-group-item-info { color: #055160; background-color: #cff4fc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #055160; background-color: #badce3; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160; } .list-group-item-warning { color: #664d03; background-color: #fff3cd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #664d03; background-color: #e6dbb9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03; } .list-group-item-danger { color: #842029; background-color: #f8d7da; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #842029; background-color: #dfc2c4; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029; } .list-group-item-light { color: #636464; background-color: #fefefe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #636464; background-color: #e5e5e5; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464; } .list-group-item-dark { color: #141619; background-color: #d3d3d4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #141619; background-color: #bebebf; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; } .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } .btn-close:focus { outline: none; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); opacity: 1; } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: 0.25; } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .toast { width: 350px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .toast:not(.showing):not(.show) { opacity: 0; } .toast.hide { display: none; } .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container> :not(:last-child) { margin-bottom: 0.75rem; } .toast-header { display: flex; align-items: center; padding: 0.5rem 0.75rem; color: var(--secondary-color); background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 110; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer>* { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0 /* rtl:ignore */ ; z-index: 1060; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[data-popper-placement^=top] { margin-bottom: 0.5rem !important; } .bs-popover-top>.popover-arrow, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-end, .bs-popover-auto[data-popper-placement^=right] { margin-left: 0.5rem !important; } .bs-popover-end>.popover-arrow, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-end>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-end>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[data-popper-placement^=bottom] { margin-top: 0.5rem !important; } .bs-popover-bottom>.popover-arrow, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f0f0f0; } .bs-popover-start, .bs-popover-auto[data-popper-placement^=left] { margin-right: 0.5rem !important; } .bs-popover-start>.popover-arrow, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-start>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-start>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid #d8d8d8; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: var(--primary-color-dark); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } /* rtl:begin:ignore */ .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } /* rtl:end:ignore */ .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators li { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } @-webkit-keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */ ; } } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */ ; } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: 0.75s linear infinite spinner-border; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: 0.75s linear infinite spinner-grow; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } } .clearfix::after { display: block; clear: both; content: ""; } .link-primary { color: var(--primary-color); } .link-primary:hover, .link-primary:focus { color: var(--primary-color); } .link-secondary { color: var(--secondary-color); } .link-secondary:hover, .link-secondary:focus { color: #565e64; } .link-success { color: #198754; } .link-success:hover, .link-success:focus { color: #146c43; } .link-info { color: #0dcaf0; } .link-info:hover, .link-info:focus { color: #3dd5f3; } .link-warning { color: #ffc107; } .link-warning:hover, .link-warning:focus { color: #ffcd39; } .link-danger { color: #dc3545; } .link-danger:hover, .link-danger:focus { color: #b02a37; } .link-light { color: var(--primary-color-light); } .link-light:hover, .link-light:focus { color: #f9fafb; } .link-dark { color: var(--primary-color-dark); } .link-dark:hover, .link-dark:focus { color: #1a1e21; } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--aspect-ratio); content: ""; } .ratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --aspect-ratio: 100%; } .ratio-4x3 { --aspect-ratio: calc(3 / 4 * 100%); } .ratio-16x9 { --aspect-ratio: calc(9 / 16 * 100%); } .ratio-21x9 { --aspect-ratio: calc(9 / 21 * 100%); } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: -webkit-sticky; position: sticky; top: var(--header-height); z-index: 75; } @media (min-width: 576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .visually-hidden, .visually-hidden-focusable:not(:focus) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } @media only screen and (max-width: 880px) { .menu-break-hide { display: none !important; } } @media only screen and (min-width: 880px) { .menu-break-show { display: none !important; } } @media only screen and (max-width: 880px) { .menu-break-show { display: flex !important; } } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: 1px solid #dee2e6 !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: 1px solid #dee2e6 !important; } .border-start-0 { border-left: 0 !important; } .border-primary { border-color: var(--primary-color) !important; } .border-secondary { border-color: var(--secondary-color) !important; } .border-success { border-color: #198754 !important; } .border-info { border-color: #0dcaf0 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: var(--primary-color-light) !important; } .border-dark { border-color: var(--primary-color-dark) !important; } .border-white { border-color: #fff !important; } .border-0 { border-width: 0 !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: lighter !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-primary { color: var(--primary-color) !important; } .text-primary-contrast { color: var(--primary-color-contrast) !important; } .text-secondary { color: var(--secondary-color) !important; } .text-secondary-contrast { color: var(--secondary-color-contrast) !important; } .text-cta { color: var(--cta-color) !important; } .text-cta-contrast { color: var(--cta-color-contrast) !important; } .text-success { color: #198754 !important; } .text-info { color: #0dcaf0 !important; } .text-warning { color: #ffc107 !important; } .text-danger { color: #dc3545 !important; } .text-light { color: #696969 !important; } .text-dark { color: var(--primary-color-dark) !important; } .text-white { color: #fff !important; } .text-body { color: var(--primary-color-dark) !important; } .text-muted { color: var(--gray-color) !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-reset { color: inherit !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .bg-primary { background-color: var(--primary-color) !important; } .bg-primary-contrast { background-color: var(--primary-color-contrast) !important; } .bg-primary-hover { background-color: var(--primary-color-hover) !important; } .bg-primary-light { background-color: var(--primary-color-light) !important; } .bg-secondary { background-color: var(--secondary-color) !important; } .bg-secondary-contrast { background-color: var(--secondary-color-contrast) !important; } .bg-secondary-hover { background-color: var(--secondary-color-hover) !important; } .bg-secondary-light { background-color: var(--secondary-color-light) !important; } .bg-cta { background-color: var(--cta-color) !important; } .bg-cta-contrast { background-color: var(--cta-color-contrast) !important; } .bg-cta-hover { background-color: var(--cta-color-hover) !important; } .bg-cta-light { background-color: var(--cta-color-light) !important; } .bg-gradient-horizontal-primary-secondary { background: linear-gradient(to right, var(--primary-color), var(--secondary-color)); } .bg-gradient-horizontal-primary-secondary-light { background: linear-gradient(to right, var(--primary-color-light), var(--secondary-color-light)); } .bg-gradient-vertical-primary-secondary { background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color)); } .bg-gradient-vertical-primary-secondary-light { background: linear-gradient(to bottom, var(--primary-color-light), var(--secondary-color-light)); } .bg-success { background-color: #198754 !important; } .bg-info { background-color: #0dcaf0 !important; } .bg-warning { background-color: #ffc107 !important; } .bg-danger { background-color: #dc3545 !important; } .bg-light { background-color: var(--gray-color-light) !important; } .bg-dark { background-color: var(--primary-color-dark) !important; } .bg-body { background-color: #fff !important; } .bg-white { background-color: #fff !important; } .bg-black { background-color: #000 !important; } .bg-gray { background-color: #808080 !important; } .bg-gray-light { background-color: var(--gray-color-light) !important; } .bg-gray-dark { background-color: var(--gray-color-dark) !important; } .bg-transparent { background-color: transparent !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .font-monospace { font-family: var(--bs-font-monospace) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: 0.25rem !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: 0.2rem !important; } .rounded-2 { border-radius: 0.25rem !important; } .rounded-3 { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-end { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-start { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } .fs-sm-1 { font-size: 2.5rem !important; } .fs-sm-2 { font-size: 2rem !important; } .fs-sm-3 { font-size: 1.75rem !important; } .fs-sm-4 { font-size: 1.5rem !important; } .fs-md-1 { font-size: 2.5rem !important; } .fs-md-2 { font-size: 2rem !important; } .fs-md-3 { font-size: 1.75rem !important; } .fs-md-4 { font-size: 1.5rem !important; } .fs-lg-1 { font-size: 2.5rem !important; } .fs-lg-2 { font-size: 2rem !important; } .fs-lg-3 { font-size: 1.75rem !important; } .fs-lg-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /* Burger Menu */ @media only screen and (min-width: 880px) { header a.navbar-burger.burger { display: none; } } .navbar-burger { color: ; cursor: pointer; display: block; height: 3.25rem; position: relative; width: 3.25rem; margin-left: auto; } .navbar-burger span { background-color: currentColor; display: block; height: 2px; left: calc(50% - 8px); position: absolute; transform-origin: center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-timing-function: ease-out; width: 16px; } .navbar-burger span:nth-child(1) { top: calc(50% - 6px); } .navbar-burger span:nth-child(2) { top: calc(50% - 1px); } .navbar-burger span:nth-child(3) { top: calc(50% + 4px); } .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); color: ; } .navbar-burger.is-active span:nth-child(1) { transform: translateY(5px) rotate(45deg); } .navbar-burger.is-active span:nth-child(2) { opacity: 0; } .navbar-burger.is-active span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); } /* Logo */ #logo { padding-top: 0.5rem; padding-bottom: 0.5rem; } #logo .fixed-container { position: relative; width: 100%; height: 70px; } .fixed-container img { object-fit: contain; height: 100%; } #above-nap a { text-decoration: none; } /* CSS for Script Menu-1-0*/ #header { position: sticky; top: 0; width: 100%; z-index: 100; transition: all .7s ease; } /* Menu - Desktop - Hover Dropdown */ @media all and (min-width: 880px) { #primaryMenu li>.nav-link { padding-top: 1.25rem; padding-bottom: 1.25rem; } .navbar .dropdown-menu li a { width: 200px; white-space: normal; } .navbar .nav-item .dropdown-menu { display: none; } .navbar .nav-item:hover .dropdown-menu { display: block; margin-left: -1px; margin-top: -1px; } .navbar .nav-item .dropdown-menu { margin-top: 0; } #primaryMenu .menu-item:hover { background-color: #fff; } #primaryMenu .menu-item:hover .nav-link { color: var(--bs-dark) } } /* Menu - Desktop - Hover Dropdown Child */ ul ul li ul.dropdown-menu { display: none !important; } ul ul li:hover ul.dropdown-menu { display: block !important; left: -100%; top: 0px; position: absolute !important; } /* Avatar */ .avatar { background: var(--primary-color); border-radius: 50%; color: rgba(255, 255, 255, .85); display: inline-block; font-size: .8rem; font-weight: 300; height: 1.6rem; line-height: 1.25; margin: 0; position: relative; vertical-align: middle; width: 1.6rem; } .avatar-lg { font-size: 1.2rem; height: 2.4rem; width: 2.4rem; } .avatar-xl { font-size: 1.5rem; height: 3.5rem; width: 3.5rem; } /* Card Post */ .card.card-post .card-img-top { transition: .2s; } .card.card-post:hover .card-img-top { filter: brightness(90%); } .card.card-post p a { color: var(--gray-color) } /* Search Form */ #search-form #search-count { font-size: .8em !important; font-weight: } /* Featured Image */ #featured-image-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #featuredImage { z-index: 2; height: 40vh; min-height: 300px; } #sidebarForm { margin: 0px } /* FAQ - Voting */ .thumbs-rating-container { padding: 0px; position: relative; display: inline-flex; vertical-align: middle; } .thumbs-rating-up, .thumbs-rating-down { display: inline-block; font-weight: 400; line-height: 1.5; color: var(--gray-color) !important; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent !important; border: 1px solid transparent; padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-color: var(--gray-color); } .thumbs-rating-up:hover, .thumbs-rating-down:hover { color: #fff !important; border-color: var(--gray-color); background-color: var(--gray-color) !important; } button.thumbs-rating-voted { color: #fff !important; border-color: var(--gray-color); background-color: var(--gray-color) !important; } button.thumbs-rating-up { border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } button.thumbs-rating-down { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /* Accordion - Current */ .accordion .current { color: #000000 !important; background: var(--gray-color-light); } .accordion .no-children:after { display: none; } .accordion a { color: var(--gray-color); } .accordion li:hover { color: #000000; background: var(--gray-color-light); } .accordion li:hover a { color: #000000; } .accordion-button:not(.collapsed) a { color: var(--primary-color-dark) !important; } /* Off Canvas - Mobile Menu */ @media (max-width: 991.98px) { .offcanvas-collapse { position: fixed; top: 0px; /* Height of navbar */ bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: #fff; transition: transform .3s ease-in-out, visibility .3s ease-in-out; z-index: 10 } .offcanvas-collapse.open { visibility: visible !important; transform: translateX(-100%); } } .nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; } .nav-scroller .nav { display: flex; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; color: rgba(255, 255, 255, .75); text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; } .nav-underline .nav-link { padding-top: .75rem; padding-bottom: .75rem; font-size: .875rem; color: #6c757d; } .nav-underline .nav-link:hover { color: #007bff; } .nav-underline .active { font-weight: 500; color: #343a40; } #navbar-mobile { display: none !important; } #navbar-mobile.open { display: block !important; } .menu-item-has-children .menu-item-has-children > a.dropdown-item::after { display: inline-block; margin-left: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; margin-left: 15px; } /* Scrollbar */ body ::-webkit-scrollbar-track { background-color: var(--primary-color-light-hover); } body ::-webkit-scrollbar { width: 10px; height:10px; margin-left: 10px; margin-top: 10px; background-color: transparent; } body ::-webkit-scrollbar-thumb { background-color: var(--gray-color); } body ::-webkit-scrollbar-thumb:hover { background-color: var(--primary-color-hover); } /* Post - Comments */ textarea#comment { width: 100% } /* Hubspot Form0 */ .hs_submit { margin-top: 1rem; } .hs_submit .hs-button { width: 100% } .hbspt-form h4 { font-size: 1.2rem; } /* Marketo Forms */ .hbspt-form h3.alt { color: black; } .hbspt-form .hs-fieldtype-text { width: 63.3%; float: left; margin-right: 3.3%; } .field.hs-form-field { width: 100%; } .field.hs-form-field { width: 100%; margin-bottom: 10px; } .hbspt-form .hs-button { width: 33.3%; vertical-align: top; } ul.hs-error-msgs { padding: 0.25rem 0.25rem; margin: 0.25rem 0px; list-style-type: none; } ul.hs-error-msgs label { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; position: relative; border: 1px solid transparent; border-radius: 0.25rem; font-size: 12px; } /* Plugin Cookie Compliance - hide extra tabs in settings */ li.menu-item-third_party_cookies { display: none !important; }.moove-gdpr-modal-right-content div#privacy_overview { display: block !important; } /* EDIT LINK STYLING */ a.post-edit-link { position: absolute; top: 0px; width: 100%; left: 0px; text-align: center; color: white !important; background: #424242; opacity: 50%; } a.post-edit-link:hover { opacity: 100%; } /* Template CSS NOT SETUP*/ /* Theme Options CSS */ /* Page CSS */ </style> </head> <body data-spy="scroll" data-target="#toc" class="post-template-default single single-post postid-5699 single-format-standard no-sidebar aa-prefix-wilda-"> <!-- GOOGLE TAG MANAGER NOSCRIPT (GTM) --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src=""https://www.googletagmanager.com/ns.html?id=GTM-WKSR7D"" height=""0"" width=""0"" style=""display:none;visibility:hidden""></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="page" class="site"> <!-- HEADER --> <a class="visually-hidden-focusable" href="#content">Skip to main content</a> <header id="header" class="border-bottom border-"> <div id="above-nav" class="bg-white menu-break-hide"> <div class="container-xl container-fluid"> <div class="row"> <div class="col"> </div> <div id="above-header-links" class="col-auto text-end"> <a class="btn btn-sm d-none d-sm-inline-block -" href="https://www.wildapricot.com/contact-us" > Contact Us </a> <a class="btn btn-sm d-none d-sm-inline-block btn-secondary" href="https://common.wildapricot.com/login" > Sign In </a> <a id="top-nav-search" class="btn text-light" aria-label="Search Modal" href="#" data-toggle="modal" data-target="#searchModal"><span class="icon-search"></span></a> </div> </div> </div> </div> <nav id="primary-menu" class="navbar navbar-expand navbar-light bg-white"> <div class="container-xl container-fluid"> <div id="logo"> <a href="https://www.wildapricot.com/"> <div class="fixed-container"> <img alt="WildApricot" class="contain" src="https://www.wildapricot.com/wp-content/uploads/2023/01/PersonifyProductLogosRGB_WildApricot.svg"> </div> </a> </div> <div class="navbar-right d-flex"> <div id="nav-desktop" class="menu-break-hide"> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul id="primaryMenu" class="navbar-nav align-items-center" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li id="menu-item-2231" class="menu-item menu-item-type-post_type_archive menu-item-object-services menu-item-has-children dropdown menu-item-2231 nav-item"><a href="https://www.wildapricot.com/features" aria-haspopup="true" class="dropdown-toggle nav-link" id="menu-item-dropdown-2231"><span itemprop="name">Features</span></a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-2231"> <li id="menu-item-2235" class="menu-item menu-item-type-post_type menu-item-object-services menu-item-2235 nav-item"><a itemprop="url" href="https://www.wildapricot.com/features/membership-management-software" class="dropdown-item"><span itemprop="name">Member Database</span></a></li> <li id="menu-item-2239" class="menu-item menu-item-type-post_type menu-item-object-services menu-item-has-children dropdown menu-item-2239 nav-item"><a itemprop="url" href="https://www.wildapricot.com/features/membership-website-builder-software" class="dropdown-item"><span itemprop="name">Website Builder</span></a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-2231"> <li id="menu-item-2338" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2338 nav-item"><a itemprop="url" href="https://www.wildapricot.com/example-sites" class="dropdown-item"><span itemprop="name">Examples</span></a></li> <li id="menu-item-2516" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2516 nav-item"><a itemprop="url" href="https://www.wildapricot.com/membership-website-themes" class="dropdown-item"><span itemprop="name">Website Themes</span></a></li> </ul> </li> <li id="menu-item-2238" class="menu-item menu-item-type-post_type menu-item-object-services menu-item-2238 nav-item"><a itemprop="url" href="https://www.wildapricot.com/features/online-payment-processing" class="dropdown-item"><span itemprop="name">Payments</span></a></li> <li id="menu-item-2233" class="menu-item menu-item-type-post_type menu-item-object-services menu-item-2233 nav-item"><a itemprop="url" href="https://www.wildapricot.com/features/online-event-registration-software" class="dropdown-item"><span itemprop="name">Event Management</span></a></li> <li id="menu-item-2232" class="menu-item menu-item-type-post_type menu-item-object-services menu-item-2232 nav-item"><a itemprop="url" href="https://www.wildapricot.com/features/contact-database-software" class="dropdown-item"><span itemprop="name">Email &#038; Contact Database</span></a></li> <li id="menu-item-2236" class="menu-item menu-item-type-post_type menu-item-object-services menu-item-2236 nav-item"><a itemprop="url" href="https://www.wildapricot.com/features/mobile-app" class="dropdown-item"><span itemprop="name">Mobile App</span></a></li> <li id="menu-item-2237" class="menu-item menu-item-type-post_type menu-item-object-services menu-item-2237 nav-item"><a itemprop="url" href="https://www.wildapricot.com/features/online-store" class="dropdown-item"><span itemprop="name">Online Store</span></a></li> <li id="menu-item-2234" class="menu-item menu-item-type-post_type menu-item-object-services menu-item-2234 nav-item"><a itemprop="url" href="https://www.wildapricot.com/features/integrations" class="dropdown-item"><span itemprop="name">Integrations</span></a></li> <li id="menu-item-5523" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5523 nav-item"><a itemprop="url" href="#" class="dropdown-item"><span itemprop="name"><hr></span></a></li> <li id="menu-item-5494" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5494 nav-item"><a itemprop="url" href="https://www.wildapricot.com/add-ons" class="dropdown-item"><span itemprop="name">Add Ons</span></a></li> </ul> </li> <li id="menu-item-5517" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-5517 nav-item"><a href="https://www.wildapricot.com/who-we-serve" aria-haspopup="true" class="dropdown-toggle nav-link" id="menu-item-dropdown-5517"><span itemprop="name">Who We Serve</span></a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-5517"> <li id="menu-item-5519" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5519 nav-item"><a itemprop="url" href="https://www.wildapricot.com/who-we-serve/associations" class="dropdown-item"><span itemprop="name">Associations</span></a></li> <li id="menu-item-5520" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5520 nav-item"><a itemprop="url" href="https://www.wildapricot.com/who-we-serve/nonprofits" class="dropdown-item"><span itemprop="name">Nonprofits</span></a></li> <li id="menu-item-5522" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5522 nav-item"><a itemprop="url" href="https://www.wildapricot.com/who-we-serve/chambers" class="dropdown-item"><span itemprop="name">Chambers</span></a></li> <li id="menu-item-5518" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5518 nav-item"><a itemprop="url" href="https://www.wildapricot.com/who-we-serve/clubs" class="dropdown-item"><span itemprop="name">Clubs</span></a></li> <li id="menu-item-5521" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5521 nav-item"><a itemprop="url" href="https://www.wildapricot.com/who-we-serve/charities" class="dropdown-item"><span itemprop="name">Charities</span></a></li> </ul> </li> <li id="menu-item-2274" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-2274 nav-item"><a href="https://www.wildapricot.com/pricing" aria-haspopup="true" class="dropdown-toggle nav-link" id="menu-item-dropdown-2274"><span itemprop="name">Pricing</span></a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-2274"> <li id="menu-item-2275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2275 nav-item"><a itemprop="url" href="https://www.wildapricot.com/pricing" class="dropdown-item"><span itemprop="name">WildApricot Pricing</span></a></li> <li id="menu-item-2281" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2281 nav-item"><a itemprop="url" href="https://www.wildapricot.com/multi-chapter-accounts" class="dropdown-item"><span itemprop="name">Multi-Chapter Pricing</span></a></li> <li id="menu-item-2303" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2303 nav-item"><a itemprop="url" href="https://www.wildapricot.com/wildapricot-vs-competitors" class="dropdown-item"><span itemprop="name">WildApricot vs Competitors</span></a></li> </ul> </li> <li id="menu-item-2240" class="menu-item menu-item-type-post_type_archive menu-item-object-testimonials menu-item-2240 nav-item"><a itemprop="url" href="https://www.wildapricot.com/customer-testimonials" class="nav-link"><span itemprop="name">Testimonials</span></a></li> <li id="menu-item-384" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown menu-item-384 nav-item"><a href="#" aria-haspopup="true" class="dropdown-toggle nav-link" id="menu-item-dropdown-384"><span itemprop="name">Resources</span></a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-384"> <li id="menu-item-2906" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-has-children dropdown menu-item-2906 nav-item"><a itemprop="url" href="https://www.wildapricot.com/blog" class="dropdown-item"><span itemprop="name">Blog</span></a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-384"> <li id="menu-item-2909" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2909 nav-item"><a itemprop="url" href="https://www.wildapricot.com/blog/category/membership" class="dropdown-item"><span itemprop="name">Membership</span></a></li> <li id="menu-item-2912" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent active menu-item-2912 nav-item"><a itemprop="url" href="https://www.wildapricot.com/blog/category/events" class="dropdown-item"><span itemprop="name">Events</span></a></li> <li id="menu-item-2907" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent active menu-item-2907 nav-item"><a itemprop="url" href="https://www.wildapricot.com/blog/category/website-and-technology" class="dropdown-item"><span itemprop="name">Website &amp; Technology</span></a></li> <li id="menu-item-2908" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent active menu-item-2908 nav-item"><a itemprop="url" href="https://www.wildapricot.com/blog/category/fundraising" class="dropdown-item"><span itemprop="name">Fundraising</span></a></li> <li id="menu-item-2913" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2913 nav-item"><a itemprop="url" href="https://www.wildapricot.com/blog/category/volunteerism" class="dropdown-item"><span itemprop="name">Volunteerism</span></a></li> <li id="menu-item-2914" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2914 nav-item"><a itemprop="url" href="https://www.wildapricot.com/blog/category/marketing" class="dropdown-item"><span itemprop="name">Marketing</span></a></li> <li id="menu-item-2911" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2911 nav-item"><a itemprop="url" href="https://www.wildapricot.com/blog/category/organizational-management" class="dropdown-item"><span itemprop="name">Organizational Management</span></a></li> <li id="menu-item-2910" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2910 nav-item"><a itemprop="url" href="https://www.wildapricot.com/blog/category/wildapricot-updates" class="dropdown-item"><span itemprop="name">WildApricot Updates</span></a></li> </ul> </li> <li id="menu-item-2937" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2937 nav-item"><a itemprop="url" href="https://www.wildapricot.com/expert-webinar" class="dropdown-item"><span itemprop="name">Webinars</span></a></li> <li id="menu-item-2545" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2545 nav-item"><a itemprop="url" href="https://www.wildapricot.com/boot-camp" class="dropdown-item"><span itemprop="name">Boot Camp</span></a></li> <li id="menu-item-3090" class="menu-item menu-item-type-post_type_archive menu-item-object-resources menu-item-3090 nav-item"><a itemprop="url" href="https://www.wildapricot.com/resource-library" class="dropdown-item"><span itemprop="name">Resource Library</span></a></li> <li id="menu-item-421" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-421 nav-item"><a itemprop="url" href="https://gethelp.wildapricot.com/?_ga=2.99752345.603307001.1657811424-628331080.1641396058&#038;_gac=1.215687909.1654180072.CjwKCAjwv-GUBhAzEiwASUMm4uuLFRvvI-hiDqws35FT7CBVnnrhggld1qzxtWJyZGPe8Z5JlwHrpxoCZ7sQAvD_BwE" class="dropdown-item"><span itemprop="name">Help Center</span></a></li> </ul> </li> <li id="menu-item-428" class="btn-cta-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-428 nav-item"><a itemprop="url" href="https://register.wildapricot.com/?_ga=2.231140375.900809735.1658682543-628331080.1641396058" class="nav-link"><span itemprop="name">Try Now</span></a></li> </ul> </div> </div> <a role="button" class="navbar-toggler navbar-burger burger menu-break-show" aria-label="Toggle navigation" data-bs-toggle="offcanvas"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </a> <div id="navbar-mobile" class="navbar-collapse offcanvas-collapse"> <style> #navbar-mobile li.menu-item { text-decoration: none; text-align: left; } #navbar-mobile .menu-item a { white-space: normal; } </style> <div class="row py-2"> <div class="col px-2"> <div id="logo"> <a href="https://www.wildapricot.com/"> <div class="fixed-container"> <img alt="WildApricot" class="contain" src="https://www.wildapricot.com/wp-content/uploads/2023/01/PersonifyProductLogosRGB_WildApricot.svg"> </div> </a> </div> </div> <div class="col-auto px-2"> <a id="mobile-menu-close" role="button" class="navbar-toggler navbar-burger burger menu-break-show" aria-label="Toggle navigation" data-bs-toggle="offcanvas" style=""> <span aria-hidden="true" style="transform: rotate(45deg); top: 24px;"></span> <span aria-hidden="true" style="transform: rotate(-45deg);"></span> </a> </div> <div class="col-12"> <div class="text-center"> <a class="btn btn-sm d-none d-sm-inline-block -" href="https://www.wildapricot.com/contact-us" > Contact Us </a> <a class="btn btn-sm d-none d-sm-inline-block btn-secondary" href="https://common.wildapricot.com/login" > Sign In </a> </div> <hr> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type_archive menu-item-object-services menu-item-has-children has-children w-100 accordion-item btn align-items-center p-0 menu-item-2231 nav-item"><div class="row align-items-center"><a title="Features" href="https://www.wildapricot.com/features" class="p-3 text-dark collapsed col">Features</a><button id="button_2231" class="accordion-button collapsed col-auto border-0" type="button" data-bs-toggle="collapse" data-bs-target="#accordion_button_2231" aria-expanded="true" aria-controls="accordion__button_2231" style="width: 60px;"></button> <div class="col-12"><ul id="accordion_button_2231" class="menu px-2 mb-0 row collapse" aria-labelledby="accordion_button_2231" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-services w-100 accordion-item btn align-items-center p-0 menu-item-2235 nav-item"><div class="row align-items-center"><a title="Member Database" href="https://www.wildapricot.com/features/membership-management-software" class="dropdown-item w-100 p-3">Member Database</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-services menu-item-has-children has-children w-100 accordion-item btn align-items-center p-0 menu-item-2239 nav-item"><div class="row align-items-center"><a title="Website Builder" href="https://www.wildapricot.com/features/membership-website-builder-software" class="dropdown-item w-100 p-3">Website Builder</a><button id="button_2239" class="accordion-button collapsed col-auto border-0" type="button" data-bs-toggle="collapse" data-bs-target="#accordion_button_2239" aria-expanded="true" aria-controls="accordion__button_2239" style="width: 60px;"></button> <div class="col-12"><ul id="accordion_button_2239" class="menu px-2 mb-0 row collapse" aria-labelledby="accordion_button_2239" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page w-100 accordion-item btn align-items-center p-0 menu-item-2338 nav-item"><div class="row align-items-center"><a title="Examples" href="https://www.wildapricot.com/example-sites" class="dropdown-item w-100 p-3">Examples</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page w-100 accordion-item btn align-items-center p-0 menu-item-2516 nav-item"><div class="row align-items-center"><a title="Website Themes" href="https://www.wildapricot.com/membership-website-themes" class="dropdown-item w-100 p-3">Website Themes</a></li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-services w-100 accordion-item btn align-items-center p-0 menu-item-2238 nav-item"><div class="row align-items-center"><a title="Payments" href="https://www.wildapricot.com/features/online-payment-processing" class="dropdown-item w-100 p-3">Payments</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-services w-100 accordion-item btn align-items-center p-0 menu-item-2233 nav-item"><div class="row align-items-center"><a title="Event Management" href="https://www.wildapricot.com/features/online-event-registration-software" class="dropdown-item w-100 p-3">Event Management</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-services w-100 accordion-item btn align-items-center p-0 menu-item-2232 nav-item"><div class="row align-items-center"><a title="Email &#038; Contact Database" href="https://www.wildapricot.com/features/contact-database-software" class="dropdown-item w-100 p-3">Email &#038; Contact Database</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-services w-100 accordion-item btn align-items-center p-0 menu-item-2236 nav-item"><div class="row align-items-center"><a title="Mobile App" href="https://www.wildapricot.com/features/mobile-app" class="dropdown-item w-100 p-3">Mobile App</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-services w-100 accordion-item btn align-items-center p-0 menu-item-2237 nav-item"><div class="row align-items-center"><a title="Online Store" href="https://www.wildapricot.com/features/online-store" class="dropdown-item w-100 p-3">Online Store</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-services w-100 accordion-item btn align-items-center p-0 menu-item-2234 nav-item"><div class="row align-items-center"><a title="Integrations" href="https://www.wildapricot.com/features/integrations" class="dropdown-item w-100 p-3">Integrations</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom w-100 accordion-item btn align-items-center p-0 menu-item-5523 nav-item"><div class="row align-items-center"><a href="#" class="dropdown-item w-100 p-3">&lt;hr&gt;</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page w-100 accordion-item btn align-items-center p-0 menu-item-5494 nav-item"><div class="row align-items-center"><a title="Add Ons" href="https://www.wildapricot.com/add-ons" class="dropdown-item w-100 p-3">Add Ons</a></li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children has-children w-100 accordion-item btn align-items-center p-0 menu-item-5517 nav-item"><div class="row align-items-center"><a title="Who We Serve" href="https://www.wildapricot.com/who-we-serve" class="p-3 text-dark collapsed col">Who We Serve</a><button id="button_5517" class="accordion-button collapsed col-auto border-0" type="button" data-bs-toggle="collapse" data-bs-target="#accordion_button_5517" aria-expanded="true" aria-controls="accordion__button_5517" style="width: 60px;"></button> <div class="col-12"><ul id="accordion_button_5517" class="menu px-2 mb-0 row collapse" aria-labelledby="accordion_button_5517" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page w-100 accordion-item btn align-items-center p-0 menu-item-5519 nav-item"><div class="row align-items-center"><a title="Associations" href="https://www.wildapricot.com/who-we-serve/associations" class="dropdown-item w-100 p-3">Associations</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page w-100 accordion-item btn align-items-center p-0 menu-item-5520 nav-item"><div class="row align-items-center"><a title="Nonprofits" href="https://www.wildapricot.com/who-we-serve/nonprofits" class="dropdown-item w-100 p-3">Nonprofits</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page w-100 accordion-item btn align-items-center p-0 menu-item-5522 nav-item"><div class="row align-items-center"><a title="Chambers" href="https://www.wildapricot.com/who-we-serve/chambers" class="dropdown-item w-100 p-3">Chambers</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page w-100 accordion-item btn align-items-center p-0 menu-item-5518 nav-item"><div class="row align-items-center"><a title="Clubs" href="https://www.wildapricot.com/who-we-serve/clubs" class="dropdown-item w-100 p-3">Clubs</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page w-100 accordion-item btn align-items-center p-0 menu-item-5521 nav-item"><div class="row align-items-center"><a title="Charities" href="https://www.wildapricot.com/who-we-serve/charities" class="dropdown-item w-100 p-3">Charities</a></li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children has-children w-100 accordion-item btn align-items-center p-0 menu-item-2274 nav-item"><div class="row align-items-center"><a title="Pricing" href="https://www.wildapricot.com/pricing" class="p-3 text-dark collapsed col">Pricing</a><button id="button_2274" class="accordion-button collapsed col-auto border-0" type="button" data-bs-toggle="collapse" data-bs-target="#accordion_button_2274" aria-expanded="true" aria-controls="accordion__button_2274" style="width: 60px;"></button> <div class="col-12"><ul id="accordion_button_2274" class="menu px-2 mb-0 row collapse" aria-labelledby="accordion_button_2274" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page w-100 accordion-item btn align-items-center p-0 menu-item-2275 nav-item"><div class="row align-items-center"><a title="WildApricot Pricing" href="https://www.wildapricot.com/pricing" class="dropdown-item w-100 p-3">WildApricot Pricing</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page w-100 accordion-item btn align-items-center p-0 menu-item-2281 nav-item"><div class="row align-items-center"><a title="Multi-Chapter Pricing" href="https://www.wildapricot.com/multi-chapter-accounts" class="dropdown-item w-100 p-3">Multi-Chapter Pricing</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page w-100 accordion-item btn align-items-center p-0 menu-item-2303 nav-item"><div class="row align-items-center"><a title="WildApricot vs Competitors" href="https://www.wildapricot.com/wildapricot-vs-competitors" class="dropdown-item w-100 p-3">WildApricot vs Competitors</a></li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type_archive menu-item-object-testimonials w-100 accordion-item btn align-items-center p-0 menu-item-2240 nav-item"><div class="row align-items-center"><a title="Testimonials" href="https://www.wildapricot.com/customer-testimonials" class="p-3 text-dark collapsed col">Testimonials</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has-children w-100 accordion-item btn align-items-center p-0 menu-item-384 nav-item"><div class="row align-items-center"><a title="Resources" href="#" class="p-3 text-dark collapsed col">Resources</a><button id="button_384" class="accordion-button collapsed col-auto border-0" type="button" data-bs-toggle="collapse" data-bs-target="#accordion_button_384" aria-expanded="true" aria-controls="accordion__button_384" style="width: 60px;"></button> <div class="col-12"><ul id="accordion_button_384" class="menu px-2 mb-0 row collapse" aria-labelledby="accordion_button_384" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-has-children has-children w-100 accordion-item btn align-items-center p-0 menu-item-2906 nav-item"><div class="row align-items-center"><a title="Blog" href="https://www.wildapricot.com/blog" class="dropdown-item w-100 p-3">Blog</a><button id="button_2906" class="accordion-button collapsed col-auto border-0" type="button" data-bs-toggle="collapse" data-bs-target="#accordion_button_2906" aria-expanded="true" aria-controls="accordion__button_2906" style="width: 60px;"></button> <div class="col-12"><ul id="accordion_button_2906" class="menu px-2 mb-0 row collapse" aria-labelledby="accordion_button_2906" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-taxonomy menu-item-object-category w-100 accordion-item btn align-items-center p-0 menu-item-2909 nav-item"><div class="row align-items-center"><a title="Membership" href="https://www.wildapricot.com/blog/category/membership" class="dropdown-item w-100 p-3">Membership</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent current w-100 accordion-item btn align-items-center p-0 menu-item-2912 nav-item"><div class="row align-items-center"><a title="Events" href="https://www.wildapricot.com/blog/category/events" class="dropdown-item w-100 p-3">Events</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent current w-100 accordion-item btn align-items-center p-0 menu-item-2907 nav-item"><div class="row align-items-center"><a title="Website &amp; Technology" href="https://www.wildapricot.com/blog/category/website-and-technology" class="dropdown-item w-100 p-3">Website &amp; Technology</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent current w-100 accordion-item btn align-items-center p-0 menu-item-2908 nav-item"><div class="row align-items-center"><a title="Fundraising" href="https://www.wildapricot.com/blog/category/fundraising" class="dropdown-item w-100 p-3">Fundraising</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-taxonomy menu-item-object-category w-100 accordion-item btn align-items-center p-0 menu-item-2913 nav-item"><div class="row align-items-center"><a title="Volunteerism" href="https://www.wildapricot.com/blog/category/volunteerism" class="dropdown-item w-100 p-3">Volunteerism</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-taxonomy menu-item-object-category w-100 accordion-item btn align-items-center p-0 menu-item-2914 nav-item"><div class="row align-items-center"><a title="Marketing" href="https://www.wildapricot.com/blog/category/marketing" class="dropdown-item w-100 p-3">Marketing</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-taxonomy menu-item-object-category w-100 accordion-item btn align-items-center p-0 menu-item-2911 nav-item"><div class="row align-items-center"><a title="Organizational Management" href="https://www.wildapricot.com/blog/category/organizational-management" class="dropdown-item w-100 p-3">Organizational Management</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-taxonomy menu-item-object-category w-100 accordion-item btn align-items-center p-0 menu-item-2910 nav-item"><div class="row align-items-center"><a title="WildApricot Updates" href="https://www.wildapricot.com/blog/category/wildapricot-updates" class="dropdown-item w-100 p-3">WildApricot Updates</a></li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page w-100 accordion-item btn align-items-center p-0 menu-item-2937 nav-item"><div class="row align-items-center"><a title="Webinars" href="https://www.wildapricot.com/expert-webinar" class="dropdown-item w-100 p-3">Webinars</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page w-100 accordion-item btn align-items-center p-0 menu-item-2545 nav-item"><div class="row align-items-center"><a title="Boot Camp" href="https://www.wildapricot.com/boot-camp" class="dropdown-item w-100 p-3">Boot Camp</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type_archive menu-item-object-resources w-100 accordion-item btn align-items-center p-0 menu-item-3090 nav-item"><div class="row align-items-center"><a title="Resource Library" href="https://www.wildapricot.com/resource-library" class="dropdown-item w-100 p-3">Resource Library</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom w-100 accordion-item btn align-items-center p-0 menu-item-421 nav-item"><div class="row align-items-center"><a title="Help Center" href="https://gethelp.wildapricot.com/?_ga=2.99752345.603307001.1657811424-628331080.1641396058&#038;_gac=1.215687909.1654180072.CjwKCAjwv-GUBhAzEiwASUMm4uuLFRvvI-hiDqws35FT7CBVnnrhggld1qzxtWJyZGPe8Z5JlwHrpxoCZ7sQAvD_BwE" class="dropdown-item w-100 p-3">Help Center</a></li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="btn-cta-menu menu-item menu-item-type-custom menu-item-object-custom w-100 accordion-item btn align-items-center p-0 menu-item-428 nav-item"><div class="row align-items-center"><a title="Try Now" href="https://register.wildapricot.com/?_ga=2.231140375.900809735.1658682543-628331080.1641396058" class="p-3 text-dark collapsed col">Try Now</a></li> </div> </div> <script> jQuery('#mobile-menu-close').click(function(){ jQuery('#navbar-mobile').removeClass('open'); }); </script> </div> <script> (function mainScript() { "use strict"; const offcanvasToggle = document.querySelector( '[data-bs-toggle="offcanvas"]', ); const offcanvasCollapse = document.querySelector(".offcanvas-collapse"); offcanvasToggle.addEventListener("click", function() { offcanvasCollapse.classList.toggle("open"); }); })(); </script> </div> </div> </nav> <!-- <div class="progress" id="progress"> <div class="progress-bar" role="progressbar" style="width:1%" aria-valuenow="1" aria-valuemin="1" aria-valuemax="100"></div> </div> --> </header> <!-- CONTENT --> <div id="content" class="site-content"><style> article img { max-width: 100%; height: auto; } </style> <main> <style> a.breadcrumb-item { color: var(--gray-color); font-weight: bold; } a.breadcrumb-item:hover { color: black; } /* Article Typography */ article p, article ul, article ol { font-size: calc(.95rem + .25vw); line-height: 1.75; color: rgb(46,71,93) } article h2 { font-size: calc(1.75rem + .25vw); font-weight: bold; margin: 64px 0px 16px 0px; } article h2:before { content: ''; margin-bottom: 1rem; width: 50px; height: 3px; display: block; background: var(--bs-dark); } article h3 { font-size: 1.5rem; font-weight: 500; line-height: 1.42; margin: 32px 0px 16px 0px; } /* Post - Share */ #author { position: sticky; top: px; margin-top: 1rem } #featuredImage { z-index: 2; max-height: 40vh; } #share i { border-radius: 0rem; display: inline-block; color: ; font-size: 1rem; padding: 1rem 1.5rem; text-align: center; transition: .1s; } article.post main, article.post footer { margin-left: 0rem; margin-right: 0rem; } div#share { text-align: center; } #comments p.form-submit { text-align: right; } /* Comments */ label { display: block; } /* TOC */ nav[data-toggle=toc] .nav-link.active, nav[data-toggle=toc] .nav-link.active:focus, nav[data-toggle=toc] .nav-link.active:hover { color: black !important; font-weight: bold !important; border-left: 2px solid #000 !important; background: var(--bs-light) } nav[data-toggle=toc] .nav>li>a:focus, nav[data-toggle=toc] .nav>li>a:hover { color: #000 !important; } </style> <link rel="stylesheet" href="/wp-content/themes/kin/src/bootstrap-toc/dist/bootstrap-toc.min.css" /> <!-- add after bootstrap.min.js or bootstrap.bundle.min.js --> <script src="/wp-content/themes/kin/src/bootstrap-toc/dist/bootstrap-toc.min.js"></script> <article id="post-5699" class="post-5699 post type-post status-publish format-standard has-post-thumbnail hentry category-website-and-technology category-fundraising category-events"> <div class="hero position-relative"> <div class="container"> <div class="row"> <div class="col my-4 small text-muted"> <div class="breadcrumb align-items-center"> <a class="breadcrumb-item" href="https://www.wildapricot.com/blog">Blog</a><a class="breadcrumb-item" href="https://www.wildapricot.com/blog/category/website-and-technology">Website &amp; Technology</a> <span class="breadcrumb-item">The Best Nonprofit Event Management Software</a> </div> </div> </div> </div> <div class="container-fluid container-xl"> <div class="row align-items-center py-5 g-5"> <div id="featured-content" class="col-12 col-md-6"> <img src="https://www.wildapricot.com/wp-content/uploads/2024/07/Main-Blog-Thumbnails-9.png" class="rounded" alt="" width="100%" /> </div> <div class="col-12 col-md-6 text-center text-md-start"> <a class="fs-6 text-primary btn btn-sm btn-light text-dark mb-4" href="https://www.wildapricot.com/blog/category/website-and-technology">Website &amp; Technology</a> <h1>The Best Nonprofit Event Management Software</h1> <div class="row justify-content-center align-items-center g-2 mt-4"> <div class="col text-middle text-lg-start"> <div class="small"> <div class="text-muted"> Author: Marlena Moore </div> <div class="text-muted"> July 9, 2024 </div> </div> </div> </div> </div> </div> </div> </div> <div class="container grid-xl my-3"> <div class="row g-5 justify-content-center"> <div id="table-of-contents" class="col-12 col-md-2 col-lg-4 col-xl-4 d-none d-lg-block"> <div id="table-of-contents-card" class="card sticky-top overflow-hidden" style="top:10%"> <div class="card-header small text-uppercase text-muted"> Contents <script>var h = document.getElementById('header').clientHeight; document.getElementById("table-of-contents-card").style.top = h + 15 + 'px';</script> </div> <div class="my-2"> <nav id="toc" data-toggle="toc"></nav> </div> </div> </div> <div class="col-12 col-md-10 col-lg-8 col-xl-8"> <div class="row"> <div class="col text-muted text-start"> 🕑 8 min read </div> <div id="share" class="col-auto text-end"> <div id="share"> <a class="btn btn-sm btn-light" href="https://www.facebook.com/sharer/sharer.php?u=https://www.wildapricot.com/blog/event-management-software-for-nonprofits&quote=The Best Nonprofit Event Management Software" title="Share on Facebook" target="_blank"> <span class="icon-facebook"></span> </a> <a class="btn btn-sm btn-light" target="_new" title="Share on Twitter" href="https://twitter.com/intent/tweet?text=The+Best+Nonprofit+Event+Management+Software&url= https%3A%2F%2Fwww.wildapricot.com%2Fblog%2Fevent-management-software-for-nonprofits"> <span class="icon-twitter"></span> </a> <a class="btn btn-sm btn-light" title="Share on LinkedIn" href="http://www.linkedin.com/shareArticle?mini=true&url=https://www.wildapricot.com/blog/event-management-software-for-nonprofits&title=The Best Nonprofit Event Management Software" target="_blank" title="Share on LinkedIn"> <span class="icon-linkedin"></span> </a> <a class="btn btn-sm btn-light" title="Email" href="/cdn-cgi/l/email-protection#cef1bdbbaca4abadbaf3f29aa6abee8cabbdbaee80a1a0bebca1a8a7baee8bb8aba0baee83afa0afa9aba3aba0baee9da1a8bab9afbcabf0e8aca1aab7f3f2a6bababebdf4e1e1b9b9b9e0b9a7a2aaafbebca7ada1bae0ada1a3e1aca2a1a9e1abb8aba0bae3a3afa0afa9aba3aba0bae3bda1a8bab9afbcabe3a8a1bce3a0a1a0bebca1a8a7babdf0" target="_blank"> <span class="icon-envelope-o"></span> </a> </div> </div> </div> <hr> <div class="mb-5" data-bs-spy="scroll" data-bs-target="#toc" data-bs-offset="0" tabindex="0"> <p><span data-preserver-spaces="true">The best event software for nonprofits will provide the tools you need to succeed from the start. No matter your nonprofit size, integrative event management software will help you raise the funds you need to achieve your mission. Find the software that fits your nonprofit&#8217;s unique goals, and improve your </span><a class="editor-rtfLink" href="https://www.wildapricot.com/blog/nonprofit-marketing" target="_blank" rel="noopener"><span data-preserver-spaces="true">marketing and fundraising</span></a><span data-preserver-spaces="true"> efforts with the </span><span data-preserver-spaces="true">recommendations</span><span data-preserver-spaces="true"> we give in this blog! </span></p> <h2><strong><span data-preserver-spaces="true">What is event management software for nonprofits?</span></strong></h2> <p><span data-preserver-spaces="true">Event management software makes organizing fundraising events from beginning to end easy. This software can do the following for your nonprofit&#8217;s events:</span></p> <ul> <li><span data-preserver-spaces="true">Build an event listing for your website</span></li> <li><span data-preserver-spaces="true">Registration forms and ticketing</span></li> <li><span data-preserver-spaces="true">Take and track payments &#8211; registration and donations</span></li> <li><span data-preserver-spaces="true">Automate event emails &#8211; promotional, confirmation </span><span data-preserver-spaces="true">and</span><span data-preserver-spaces="true"> reminders</span></li> <li><span data-preserver-spaces="true">Attendee tracking and reporting</span></li> <li><span data-preserver-spaces="true">Mobile app</span></li> </ul> <p><span data-preserver-spaces="true">Every nonprofit has different event management software needs, and it&#8217;s important to work with software that gives you the tools you need for success.</span></p> <h3><strong><span data-preserver-spaces="true">Benefits of Nonprofit Event Management Software</span></strong></h3> <p><span data-preserver-spaces="true">As an event manager, nonprofit event management software allows you to save time and money when </span><a class="editor-rtfLink" href="https://www.wildapricot.com/blog/how-to-plan-an-event" target="_blank" rel="noopener"><span data-preserver-spaces="true">planning and executing events</span></a><span data-preserver-spaces="true">. </span></p> <p><span data-preserver-spaces="true">The ability to automate your event communications and quickly process payments online gives you more time to focus on event logistics and obtain </span><a class="editor-rtfLink" href="https://www.wildapricot.com/blog/event-sponsorship" target="_blank" rel="noopener"><span data-preserver-spaces="true">sponsors</span></a><span data-preserver-spaces="true">. There&#8217;s a good chance you will need fewer employees for your event promotion, allowing your nonprofit to dedicate funds to other initiatives.</span></p> <p><span data-preserver-spaces="true">Event software also amplifies your events and gives your nonprofit credibility. You&#8217;ll be able to customize every aspect of your event promotion, from branded promotional emails to embedded registration forms on your nonprofit&#8217;s website.</span></p> <p><span data-preserver-spaces="true">Event management software will also improve the attendee experience at your nonprofit&#8217;s events. They&#8217;ll appreciate the ability to register and pay for the event online and receive quick communication through your automated messaging. Plus, with a mobile app, attendees will have a one-stop shop for all things about your event, allowing for live updates and a clear schedule of the day.</span></p> <div class="wilda-blog-in-content-cta-top wilda-target" id="wilda-669533645" data-wilda-trackid="5561" data-wilda-trackbid="1"><a data-no-instant="1" href="https://register.wildapricot.com/?utm_source=blog&#038;utm_medium=cta&#038;utm_campaign=work_smarter" rel="noopener nofollow" class="adv-link" target="_blank" aria-label="Click through to claim your 60-day trial of WildApricot to create effective QR codes that will speed up event check-in."><img src="https://www.wildapricot.com/wp-content/uploads/2023/04/WildApricot-CTA-Project_Skinny-CTA-1.png" alt="Click through to claim your 60-day trial of WildApricot to create effective QR codes that will speed up event check-in." srcset="https://b2993016.smushcdn.com/2993016/wp-content/uploads/2023/04/WildApricot-CTA-Project_Skinny-CTA-1.png?lossy=1&strip=1&webp=1 1230w, https://b2993016.smushcdn.com/2993016/wp-content/uploads/2023/04/WildApricot-CTA-Project_Skinny-CTA-1-300x61.png?lossy=1&strip=1&webp=1 300w, https://b2993016.smushcdn.com/2993016/wp-content/uploads/2023/04/WildApricot-CTA-Project_Skinny-CTA-1-1024x208.png?lossy=1&strip=1&webp=1 1024w, https://b2993016.smushcdn.com/2993016/wp-content/uploads/2023/04/WildApricot-CTA-Project_Skinny-CTA-1-768x156.png?lossy=1&strip=1&webp=1 768w" sizes="(max-width: 1230px) 100vw, 1230px" class="no-lazyload" width="1230" height="250" /></a></div><h2><strong><span data-preserver-spaces="true">Features to look for in event management software</span></strong></h2> <p><span data-preserver-spaces="true">From online registration and ticketing to marketing and communication tools, there are several features to consider when deciding on event management software. Consider your nonprofit&#8217;s needs—what are the event goals? Are you looking for software to execute one event or a comprehensive system to hold numerous events a year? </span></p> <p><span data-preserver-spaces="true">Each solution is unique, and the right event management software makes </span><a class="editor-rtfLink" href="https://www.wildapricot.com/blog/how-to-get-sponsorship" target="_blank" rel="noopener"><span data-preserver-spaces="true">fundraising for your nonprofit easier</span></a><span data-preserver-spaces="true">. Check out the features below and list your must-haves when shopping for your software.</span></p> <h3><strong><span data-preserver-spaces="true">Online Registration and Ticketing</span></strong></h3> <p><span data-preserver-spaces="true">Make it seamless for your attendees to register for your event online or to secure tickets to your event. With online registration and ticketing options, event management software eliminates the need to manually sell tickets. This will make it easy to keep track of those who have registered for your event and segment them for your event communications.</span></p> <h3><strong><span data-preserver-spaces="true">Payment Processing</span></strong></h3> <p><span data-preserver-spaces="true">The right event management software will make </span><a class="editor-rtfLink" href="https://www.wildapricot.com/blog/payment-processing-for-nonprofits" target="_blank" rel="noopener"><span data-preserver-spaces="true">payment processing simple</span></a><span data-preserver-spaces="true"> for your nonprofit. Look for </span><span data-preserver-spaces="true">a software</span><span data-preserver-spaces="true"> that can handle the level of transactions you will require for your event. From small events with few payments that need to be </span><span data-preserver-spaces="true">processed,</span><span data-preserver-spaces="true"> to large-scale events that involve many transactions, choosing the right software will make payment processing seamless. </span></p> <p><span data-preserver-spaces="true">Look for hidden fees when it comes to processing payments so that you have a good understanding of what you are going to earn during each transaction. You&#8217;ll also want to ensure </span><a class="editor-rtfLink" href="https://www.shopify.com/ca/blog/payment-security" target="_blank" rel="noopener"><span data-preserver-spaces="true">payments or donations are secure</span></a><span data-preserver-spaces="true"> through technology like encryption, </span><a class="editor-rtfLink" href="https://www.pcisecuritystandards.org/about_us/" target="_blank" rel="noopener"><span data-preserver-spaces="true">PCI DSS</span></a><span data-preserver-spaces="true">, secure payment gateways </span><span data-preserver-spaces="true">and</span><span data-preserver-spaces="true"> other protocols.</span></p> <h3><strong><span data-preserver-spaces="true">Attendee Tracking and Management</span></strong></h3> <p><span data-preserver-spaces="true">Tracking and managing event attendees has never been </span><span data-preserver-spaces="true">easier</span><span data-preserver-spaces="true"> with event software for nonprofits. You can create a </span><a class="editor-rtfLink" href="https://www.wildapricot.com/features/contact-database-software" target="_blank" rel="noopener"><span data-preserver-spaces="true">database of attendees</span></a><span data-preserver-spaces="true"> and use integrative tools to maximize your fundraising efforts. Attendee tracking and management will give you better insight into who is supporting your nonprofit and how to reach your potential in fundraising efforts.</span></p> <h3><strong><span data-preserver-spaces="true">Reporting and Dashboards</span></strong></h3> <p><span data-preserver-spaces="true">Using a comprehensive dashboard, you can run reports to gain </span><a class="editor-rtfLink" href="https://www.wildapricot.com/blog/event-survey-questions" target="_blank" rel="noopener"><span data-preserver-spaces="true">insight into your fundraising efforts</span></a><span data-preserver-spaces="true">. Look for a dashboard interface that is easy to understand and allows for the number of users you want as admins from your fundraising and marketing team. No matter what size your nonprofit is, event software for nonprofits comes with options.</span></p> <h3><strong><span data-preserver-spaces="true">Marketing and Communication Tools</span></strong></h3> <p><span data-preserver-spaces="true">Reach your target audience easily using marketing and communication tools that come with the event software you choose. Whether you are looking to send out 100 text messages a month or a comprehensive text and email campaign for your next event, most event software can be scaled to give you the communication capabilities you require for your nonprofit.</span></p> <h3><strong><span data-preserver-spaces="true">Donor and Sponsor Management</span></strong></h3> <p><span data-preserver-spaces="true">Your nonprofit&#8217;s donors and sponsors are essential to its growth and success. With the right software in place to manage sponsors and donors, you will know who is donating to your cause, the total amounts and the frequency. Keep track of your sponsors and donors to strengthen these relationships and ensure continued support. </span><a class="editor-rtfLink" href="https://www.wildapricot.com/blog/donor-thank-you" target="_blank" rel="noopener"><span data-preserver-spaces="true">Build rapport</span></a><span data-preserver-spaces="true"> with effective communication and consistent acknowledgment of the support given to your nonprofit.</span></p> <h3><strong><span data-preserver-spaces="true">Integration</span></strong></h3> <p><span data-preserver-spaces="true">Integrating all aspects of your marketing and fundraising efforts is vital to your nonprofit. Chances are your nonprofit already uses software for membership management and your website. Having your event management software integrate with your existing software will save you a lot of time and headaches. For example, you can utilize your existing contact database for event promotion and grow your marketing efforts post-event with the new contacts you gain through integration.</span></p> <h2><strong><span data-preserver-spaces="true">Best Event Management Software for Nonprofits</span></strong></h2> <p><span data-preserver-spaces="true">Choosing the best event management software for nonprofits means doing your research. Here are </span><span data-preserver-spaces="true">a number of</span><span data-preserver-spaces="true"> software programs for you to consider when it comes to finding event management software that works for you.</span></p> <h3><strong><a class="editor-rtfLink" href="https://www.wildapricot.com/who-we-serve/nonprofits" target="_blank" rel="noopener"><span data-preserver-spaces="true">WildApricot</span></a></strong></h3> <p><span data-preserver-spaces="true">WildApricot is an all-in-one cloud management software that runs every aspect of your nonprofit, including your events. Streamline your nonprofit&#8217;s next event with these features: </span></p> <ul> <li><span data-preserver-spaces="true">A website builder with a </span><span data-preserver-spaces="true">built in</span><span data-preserver-spaces="true"> payment processor</span></li> <li><span data-preserver-spaces="true">Online registration tools</span></li> <li><span data-preserver-spaces="true">A fully searchable contact database</span></li> <li><span data-preserver-spaces="true">Mobile event registration </span><a class="editor-rtfLink" href="https://www.wildapricot.com/features/mobile-app" target="_blank" rel="noopener"><span data-preserver-spaces="true">through the mobile app</span></a></li> <li><span data-preserver-spaces="true">An emailing system with professionally designed email and newsletter templates</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: 60-day free trial. Pricing starts at $60/</span><span data-preserver-spaces="true">month</span></p> <h3><strong><a class="editor-rtfLink" href="https://mya2zevents.com/" target="_blank" rel="noopener"><span data-preserver-spaces="true">A2Z Events</span></a></strong></h3> <p><span data-preserver-spaces="true">A2Z Events is great for larger organizations with more extensive fundraising events. Their event management software allows for an effortless event with tons of features like: </span></p> <ul> <li><span data-preserver-spaces="true">Attendee mobile app</span></li> <li><span data-preserver-spaces="true">Attendee engagement and matchmaking</span></li> <li><span data-preserver-spaces="true">Event registration and badge printing</span></li> <li><span data-preserver-spaces="true">Sponsorship management</span></li> <li><span data-preserver-spaces="true">Lead retrieval and attendance tracking</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: Free demo available</span></p> <h3><strong><a class="editor-rtfLink" href="https://bloomerang.co/product/event-fundraising/" target="_blank" rel="noopener"><span data-preserver-spaces="true">Bloomerang</span></a></strong></h3> <p><span data-preserver-spaces="true">Bloomerang</span><span data-preserver-spaces="true"> is a great software for nonprofits that puts donor engagement first. </span><span data-preserver-spaces="true">This </span><span data-preserver-spaces="true">is a build-your-own software platform that</span><span data-preserver-spaces="true"> allows you to choose the plan that fits your event&#8217;s needs.</span><span data-preserver-spaces="true"> Features include: </span></p> <ul> <li><span data-preserver-spaces="true">A mobile app</span></li> <li><span data-preserver-spaces="true">Donor </span><span data-preserver-spaces="true">database</span></li> <li><span data-preserver-spaces="true">Marketing and engagement tools</span></li> <li><span data-preserver-spaces="true">Event </span><span data-preserver-spaces="true">registration</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: Plans start at $125/month</span></p> <h3><strong><a class="editor-rtfLink" href="https://charityengine.net/" target="_blank" rel="noopener"><span data-preserver-spaces="true">CharityEngine</span></a></strong></h3> <p><span data-preserver-spaces="true">CharityEngine is great for growing nonprofits and enterprise nonprofits alike. They are a one-stop donor management and fundraising tool. They have features like:</span></p> <ul> <li><span data-preserver-spaces="true">Event and form creation</span></li> <li><span data-preserver-spaces="true">Automated email communication</span></li> <li><span data-preserver-spaces="true">Online attendee portal</span></li> <li><span data-preserver-spaces="true">Online auction and registration</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: Plans start at $299/month</span></p> <h3><strong><a class="editor-rtfLink" href="https://www.qgiv.com/" target="_blank" rel="noopener"><span data-preserver-spaces="true">Qgiv</span></a></strong></h3> <p><span data-preserver-spaces="true">Qgiv is an integrated fundraising support platform that allows you to build the software you need without paying for extras you don&#8217;t. Features include: </span></p> <ul> <li><span data-preserver-spaces="true">Easy event registration</span></li> <li><span data-preserver-spaces="true">Text and auction fundraising</span></li> <li><span data-preserver-spaces="true">Customizable reporting dashboard</span></li> <li><span data-preserver-spaces="true">Online donation forms</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: Plans start at $25/month</span></p> <h3><strong><a class="editor-rtfLink" href="https://www.givesmart.com/features/" target="_blank" rel="noopener"><span data-preserver-spaces="true">GiveSmart</span></a></strong></h3> <p><span data-preserver-spaces="true">GiveSmart event management software for nonprofits provides </span><span data-preserver-spaces="true">you with</span><span data-preserver-spaces="true"> three options for your fundraising and event management needs. Whether your nonprofit is focused on donor management or fundraising efforts, </span><span data-preserver-spaces="true">there&#8217;s</span><span data-preserver-spaces="true"> features you&#8217;ll love.</span></p> <ul> <li><span data-preserver-spaces="true">Mobile bidding and online auctions</span></li> <li><span data-preserver-spaces="true">Ticketing and seating management</span></li> <li><span data-preserver-spaces="true">Customizable event website</span></li> <li><span data-preserver-spaces="true">Text messaging</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: Demo available on request</span></p> <h3><strong><a class="editor-rtfLink" href="https://www.cvent.com/" target="_blank" rel="noopener"><span data-preserver-spaces="true">Cvent</span></a></strong></h3> <p><span data-preserver-spaces="true">Make event budgeting easier with the Cvent software that provides event planning and marketing in one place. You can use Cvet for one </span><span data-preserver-spaces="true">event,</span><span data-preserver-spaces="true"> or as a comprehensive platform for your nonprofit.</span></p> <ul> <li><span data-preserver-spaces="true">Automated workflows</span></li> <li><span data-preserver-spaces="true">Ability to execute virtual, hybrid </span><span data-preserver-spaces="true">or</span><span data-preserver-spaces="true"> in-person events</span></li> <li><span data-preserver-spaces="true">Capture leads and track ROI</span></li> <li><span data-preserver-spaces="true">Event app</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: Demo available upon request</span></p> <h3><strong><a class="editor-rtfLink" href="https://www.bizzabo.com/" target="_blank" rel="noopener"><span data-preserver-spaces="true">Bizzabo</span></a></strong></h3> <p><span data-preserver-spaces="true">Bizzabo has all types of add-on features to fine-tune their software </span><span data-preserver-spaces="true">for</span><span data-preserver-spaces="true"> your specific event management requirements. Some of their features include: </span></p> <ul> <li><span data-preserver-spaces="true">Multi-day agenda management</span></li> <li><span data-preserver-spaces="true">Branded event app</span></li> <li><span data-preserver-spaces="true">Powerful integrations and apps</span></li> <li><span data-preserver-spaces="true">Customizable event site builder</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: Plans start at $499/month</span></p> <h3><strong><a class="editor-rtfLink" href="https://donorsnap.com/" target="_blank" rel="noopener"><span data-preserver-spaces="true">DonorSnap</span></a></strong></h3> <p><span data-preserver-spaces="true">DonorSnap&#8217;s event management software for nonprofits is focused on managing your donors and the database of contacts you have for your nonprofit. Features you&#8217;ll love include:</span></p> <ul> <li><span data-preserver-spaces="true">Email and text messaging</span></li> <li><span data-preserver-spaces="true">Auction management</span></li> <li><span data-preserver-spaces="true">Event registration and ticket sales</span></li> <li><span data-preserver-spaces="true">Donor management</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: Plans start at $50/month</span></p> <h3><strong><a class="editor-rtfLink" href="https://www.doubleknot.com/" target="_blank" rel="noopener"><span data-preserver-spaces="true">Doubleknot</span></a></strong></h3> <p><span data-preserver-spaces="true">Doubleknot is a great option if you are looking to have recurring events. Use the same information from previous events for recurring registrants. Features include:  </span></p> <ul> <li><span data-preserver-spaces="true">Timed ticketing and admissions</span></li> <li><span data-preserver-spaces="true">Custom forms, fields </span><span data-preserver-spaces="true">and</span><span data-preserver-spaces="true"> registration types</span></li> <li><span data-preserver-spaces="true">Online and offline payment options </span></li> <li><span data-preserver-spaces="true">Capacity and waitlist management</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: Demo available upon request</span></p> <h3><strong><a class="editor-rtfLink" href="https://givebutter.com/" target="_blank" rel="noopener"><span data-preserver-spaces="true">Givebutter</span></a></strong></h3> <p><span data-preserver-spaces="true">Givebutter is a free event management software for nonprofits that relies on donor and attendee tips so you can focus on your mission. Check out features like:</span></p> <ul> <li><span data-preserver-spaces="true">QR code ticket scanning</span></li> <li><span data-preserver-spaces="true">Peer to peer and team fundraising pages</span></li> <li><span data-preserver-spaces="true">Payment processing</span></li> <li><span data-preserver-spaces="true">Real-time auction updates and notifications</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: Free</span></p> <h3><strong><a class="editor-rtfLink" href="https://www.eventbrite.com/organizer/overview/" target="_blank" rel="noopener"><span data-preserver-spaces="true">Eventbrite</span></a></strong></h3> <p><span data-preserver-spaces="true">Eventbrite is a self-service and all-in-one event management software. Specifically great for ticketing, this software offers more with features like: </span></p> <ul> <li><span data-preserver-spaces="true">Multiple ticket types</span></li> <li><span data-preserver-spaces="true">Custom event pages</span></li> <li><span data-preserver-spaces="true">Marketing tools like email and social media</span></li> <li><span data-preserver-spaces="true">Online registration</span></li> </ul> <p><span data-preserver-spaces="true">Pricing</span><strong><span data-preserver-spaces="true">:</span></strong><span data-preserver-spaces="true"> There is a free plan for up to 25 tickets. Paid plans start at $29/</span><span data-preserver-spaces="true">month</span></p> <h3><strong><a class="editor-rtfLink" href="https://www.onecause.com/about-us/" target="_blank" rel="noopener"><span data-preserver-spaces="true">OneCause</span></a></strong></h3> <p><span data-preserver-spaces="true">OneCause values charitable fundraising and </span><span data-preserver-spaces="true">their mission is</span><span data-preserver-spaces="true"> to help nonprofits raise more money through their software. Utilize their features </span><span data-preserver-spaces="true">which</span><span data-preserver-spaces="true"> include: </span></p> <ul> <li><span data-preserver-spaces="true">Virtual fundraising</span></li> <li><span data-preserver-spaces="true">Mobile ticketing with QR codes</span></li> <li><span data-preserver-spaces="true">Personal fundraising pages </span></li> <li><span data-preserver-spaces="true">Live and silent auctions</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: Demo available upon request</span></p> <h3><strong><a class="editor-rtfLink" href="https://doublethedonation.com/" target="_blank" rel="noopener"><span data-preserver-spaces="true">Double the Donation</span></a></strong></h3> <p><span data-preserver-spaces="true">Double the Donation make matching gifts easy with the ability to receive matching corporate donations for your nonprofit. Their software has features like:</span></p> <ul> <li><span data-preserver-spaces="true">Automated emails</span></li> <li><span data-preserver-spaces="true">Donor matching </span></li> <li><span data-preserver-spaces="true">Streamlined search field</span></li> <li><span data-preserver-spaces="true">Extensive integrations</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: Plans start at $999 a year</span></p> <h3><strong><a class="editor-rtfLink" href="https://snowballfundraising.com/" target="_blank" rel="noopener"><span data-preserver-spaces="true">Snowball Fundraising</span></a></strong></h3> <p><span data-preserver-spaces="true">Snowball Fundraising software is perfect for nonprofits focusing their event efforts on fundraising campaigns. They have various plans, starting at 0$ a month, with more features depending on your plan. Check out capabilities like:</span></p> <ul> <li><span data-preserver-spaces="true">Text-to-give fundraising tool</span></li> <li><span data-preserver-spaces="true">SMS and email </span></li> <li><span data-preserver-spaces="true">Auctions with easy bidding</span></li> <li><span data-preserver-spaces="true">Track donations and donor data</span></li> </ul> <p><span data-preserver-spaces="true">Pricing: Free plan with 2.9% + 30¢/transaction</span></p> <h2><strong><span data-preserver-spaces="true">Final Tips for Choosing the Right Event Management Software</span></strong></h2> <p><span data-preserver-spaces="true">In order to</span><span data-preserver-spaces="true"> choose the right event management software for your nonprofit&#8217;s needs, prioritize what you want out of </span><span data-preserver-spaces="true">your software</span><span data-preserver-spaces="true">. Whether you are a small nonprofit looking to hold your </span><a class="editor-rtfLink" href="https://www.wildapricot.com/blog/how-to-plan-a-fundraising-gala" target="_blank" rel="noopener"><span data-preserver-spaces="true">first event</span></a><span data-preserver-spaces="true"> and sell online tickets</span><span data-preserver-spaces="true">, </span><span data-preserver-spaces="true">or a large nonprofit with an extensive donor base, it&#8217;s important to learn what software is available to you.</span></p> <p><span data-preserver-spaces="true">The right event management software will provide the features you want at an affordable price for your nonprofit&#8217;s budget. Planning and orchestrating your event is easier with the right software to stay organized.</span></p> <h3><strong><span data-preserver-spaces="true">What WildApricot Can Do For Your Nonprofit&#8217;s Next Event</span></strong></h3> <p><span data-preserver-spaces="true">Here at </span><a class="editor-rtfLink" href="https://www.wildapricot.com/who-we-serve/nonprofits" target="_blank" rel="noopener"><span data-preserver-spaces="true">WildApricot</span></a><span data-preserver-spaces="true">, we understand that your event management needs will be specific to your mission. We have countless features to help you organize events </span><strong><span data-preserver-spaces="true">and</span></strong><span data-preserver-spaces="true"> manage all aspects of your nonprofit! </span><span data-preserver-spaces="true">When everything is integrated and housed in one database, you can automate most of your administrative tasks and focus on what </span><span data-preserver-spaces="true">really</span><span data-preserver-spaces="true"> matters—serving your mission and </span><span data-preserver-spaces="true">making an impact on</span><span data-preserver-spaces="true"> your community.</span></p> <p><a class="editor-rtfLink" href="https://www.wildapricot.com/features/online-event-registration-software" target="_blank" rel="noopener"><span data-preserver-spaces="true">Try a 60-day free trial </span></a><span data-preserver-spaces="true">and see how WildApricot can help your nonprofit thrive and execute stellar events!</span></p> </div> </div> </div> </article><!-- #post-5699 --> <div id="more-posts"> <div class="container grid-xl py-5"> <div class="row g-4"> <div class="col-12"> <h2 data-toc-skip>Related Website &amp; Technology Articles</h2> </div> <div class="col-12 col-md-6 col-lg-4"> <div class="card card-post h-100 bg-white"> <div class="card-header bg-transparent border-0 my-2"> <img class="card-img-top rounded" src="https://www.wildapricot.com/wp-content/uploads/2022/10/club-management-softwaree75625ad456940d08b56ee569be2ff88-500x333.png" alt="25 Club Management Software Tools That Save Time and Money"> </div> <div class="card-body pt-0"> <div class="row g-0"> <div class="col text-start"> <a class="text-muted small" href="https://www.wildapricot.com/blog/category/website-and-technology"> Website &amp; Technology </a> </div> <div class="col-auto"> <div class="text-muted text-center small"> 🕑 7 Min Read </div> </div> <div class="col-12 pt-2"> <div class="card-title text-center text-md-start"> <a href="https://www.wildapricot.com/blog/club-management-software"> <p class=" fs-4 text-dark text-center text-md-start"><strong>14 Best Club Management Software Tools That Save Time and Money</strong></p> </a> </div> </div> </div> </div> <div class="card-footer bg-transparent"> <div class="row align-items-center"> <div class="col small text-start"> <img alt="Terry Ibele Avatar" class="avatar avatar-lg me-2" src="https://www.wildapricot.com/wp-content/uploads/2022/09/terry-ibele-150x150.jpg"> Terry Ibele </div> <div class="col-auto small"> <div class="text-muted text-center text-md-start"> Oct 25, 2024<br> </div> </div> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4"> <div class="card card-post h-100 bg-white"> <div class="card-header bg-transparent border-0 my-2"> <img class="card-img-top rounded" src="https://www.wildapricot.com/wp-content/uploads/2024/09/Main-Blog-Thumbnails-37-500x333.png" alt="12 Best Grant Management Software for Nonprofits"> </div> <div class="card-body pt-0"> <div class="row g-0"> <div class="col text-start"> <a class="text-muted small" href="https://www.wildapricot.com/blog/category/website-and-technology"> Website &amp; Technology </a> </div> <div class="col-auto"> <div class="text-muted text-center small"> 🕑 14 Min Read </div> </div> <div class="col-12 pt-2"> <div class="card-title text-center text-md-start"> <a href="https://www.wildapricot.com/blog/grant-management-software"> <p class=" fs-4 text-dark text-center text-md-start"><strong>12 Best Grant Management Software for Nonprofits</strong></p> </a> </div> </div> </div> </div> <div class="card-footer bg-transparent"> <div class="row align-items-center"> <div class="col small text-start"> <img alt="Marlena Moore Avatar" class="avatar avatar-lg me-2" src="https://www.wildapricot.com/wp-content/uploads/2023/08/Marlena-Moore-Headshot-150x150.jpeg"> Marlena Moore </div> <div class="col-auto small"> <div class="text-muted text-center text-md-start"> Sep 27, 2024<br> </div> </div> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4"> <div class="card card-post h-100 bg-white"> <div class="card-header bg-transparent border-0 my-2"> <img class="card-img-top rounded" src="https://www.wildapricot.com/wp-content/uploads/2024/09/Main-Blog-Thumbnails-29-500x333.png" alt="The 15 Best Software Solutions to Manage Volunteers"> </div> <div class="card-body pt-0"> <div class="row g-0"> <div class="col text-start"> <a class="text-muted small" href="https://www.wildapricot.com/blog/category/website-and-technology"> Website &amp; Technology </a> </div> <div class="col-auto"> <div class="text-muted text-center small"> 🕑 9 Min Read </div> </div> <div class="col-12 pt-2"> <div class="card-title text-center text-md-start"> <a href="https://www.wildapricot.com/blog/software-to-manage-volunteers"> <p class=" fs-4 text-dark text-center text-md-start"><strong>The 15 Best Software Solutions to Manage Volunteers</strong></p> </a> </div> </div> </div> </div> <div class="card-footer bg-transparent"> <div class="row align-items-center"> <div class="col small text-start"> <img alt="Marlena Moore Avatar" class="avatar avatar-lg me-2" src="https://www.wildapricot.com/wp-content/uploads/2023/08/Marlena-Moore-Headshot-150x150.jpeg"> Marlena Moore </div> <div class="col-auto small"> <div class="text-muted text-center text-md-start"> Sep 15, 2024<br> </div> </div> </div> </div> </div> </div> </div> </div><!-- #primary --> </div> <div id="global-post-cta"> <div class="container"> <!-- CUSTOM CODE START NOT FOR FINAL --> <div class="row"> <div class="col-12"> <div class="card bg-primary-light p-relative overflow-hidden" style="background-image: url(https://wildapricotdev.wpengine.com/wp-content/uploads/2022/09/bg.png); background-position: right bottom; background-repeat: no-repeat;"> <div class="card-body"> <div class="row p-5"> <div class="col-12 col-md-6 text-center text-md-start mb-5 mb-md-0"> <h3 data-toc-skip>The Membership Growth Report:</h3> <h4>Benchmarks &amp; Insights for Growing Revenue and Constituents</h4> <a title="Get the report now!" class="btn btn-primary px-5" href="https://resources.wildapricot.com/2020-membership-growth-report">Get the report now!</a> </div> </div> </div> </div> </div> </div> <!-- CUSTOM CODE END NOT FOR FINAL --> </div> </div> </main> <style> #footer-logo { max-width: 200px; } #footer-top a { color: #4c4c4cee; } #footer-top a:hover { color: black; } #footer-bottom a { color: #9c9c9c; } #footer-bottom a:hover { color: #ffffff; } .footerMenu { list-style: none; padding: 0px } @media(max-width:767px) { .addr-box { border-bottom: 1px var(--gray-color-light) dotted; margin-bottom: 20px; padding: 20px 0 } .addr-box hr { display: none } } </style> </div><!-- #content --> <footer class="site-footer"> <!-- NOT FOR FINAL START --> <hr class="m-0"> <div id="cta" class="py-5 my-5 "> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-md-10 col-lg-6 text-center"> <span class="h3 d-block">Get started for free</span> <a class="btn btn-cta" href="https://register.wildapricot.com/">Try Now</a> </div> </div> </div> </div> <!-- NOT FOR FINAL END --> <div id="footer-top" class="py-5 border-top"> <div class="container grid-xl"> <div class="row g-3"> <div class="col-12 col-md"> <div class="col-12 col-sm-6"> <div class="fixed-container"> <img alt="WildApricot Footer Logo" class="contain" src="https://www.wildapricot.com/wp-content/uploads/2023/01/PersonifyProductLogosRGB_WildApricot.svg"> </div> </div> </div> <div class="col-12 col-md"> <div class="row"> <div class="col-auto text-center text-light"> <span class="icon-map-marker me-1 text-danger fs-4"></span> </div> <div class="col"> <address> WildApricot Inc.<br> 144 Front Street West<br /> Suite 725<br /> <span class="d-block">Toronto, Ontario M5J 2L7</span> Canada<br></span> <a class="btn btn-sm btn-light" href="https://maps.app.goo.gl/9qr6ZebkuxGRwSVB6" target="_blank" rel="noopener noreferrer" title="Directions" aria-label="Directions to WildApricot Inc. (Opens in new tab)">Directions</a> </address> </div> </div> </div> </div> </div> </div> <div id="footer-top" class="py-5 border-top"> <div class="container"> <div class="row g-3"> <div class="col-6 col-md-4 col-lg py-2"> <span class="text-uppercase text-dark fw-bold d-block lh-lg">About</span> <span class="lh-sm fw-bold"> <a href="/about-us">Company</a><br> <a href="/meet-the-apricots">Our Team</a><br> <a href="/partner-program">Partner & Affiliate Programs</a><br> <a href="https://personifycorp.com/about-us/careers/job-listings/">Careers</a><br> <a href="/legal-center">Legal Center</a><br> <a href="/wild-apricot-security">Security</a><br> <a href="/membership-software-recommendation">Recommend WildApricot</a><br> <a href="https://personifycorp.com/products/">Personify Portfolio</a><br> </span> </div> <div class="col-6 col-md-4 col-lg py-2"> <span class="text-uppercase text-dark fw-bold d-block lh-lg">Features</span> <span class="lh-sm fw-bold"> <a href="/features/membership-management-software">Member Database</a><br> <a href="/features/membership-website-builder-software">Website Builder</a><br> <a href="/features/online-payment-processing">Payments</a><br> <a href="/features/online-event-registration-software">Event Management</a><br> <a href="/features/contact-database-software">Email & Contact Database</a><br> <a href="/features/mobile-app">Mobile App</a><br> <a href="/features/online-store">Online Store</a><br> <a href="/features/integrations">Integrations</a><br> <a href="/add-ons">Add Ons</a><br> </span> </div> <div class="col-6 col-md-4 col-lg py-2"> <a href="/who-we-serve" class="text-uppercase text-dark fw-bold d-block lh-lg">Who We Serve</a> <span class="lh-sm fw-bold"> <a href="/who-we-serve/associations">Associations</a><br> <a href="/who-we-serve/chambers">Chambers</a><br> <a href="/who-we-serve/charities">Charities</a><br> <a href="/who-we-serve/clubs">Clubs</a><br> <a href="/who-we-serve/nonprofits">Non-Profits</a><br> </span> <span class="text-uppercase text-dark fw-bold d-block lh-lg mt-3">Resource Library</span> <span class="lh-sm fw-bold"> <a href="/resource-library?cat-id=21">eBooks</a><br> <a href="/resource-library?cat-id=22">Research Reports</a><br> <a href="/resource-library?cat-id=23">Templates</a><br> <a href="/resource-library?cat-id=24">Checklists</a><br> <a href="/resource-library?cat-id=25">Slide Decks</a><br> </span> </div> <div class="col-6 col-md-4 col-lg py-2"> <a href="/blog" class="text-uppercase text-dark fw-bold d-block lh-lg">Blog</a> <span class="lh-sm fw-bold"> <a href="/blog/category/membership">Membership</a><br> <a href="/blog/category/events">Events</a><br> <a href="/blog/category/website-and-technology">Website & Technology</a><br> <a href="/blog/category/fundraising">Fundraising</a><br> <a href="/blog/category/volunteerism">Volunteerism</a><br> <a href="/blog/category/marketing">Marketing</a><br> <a href="/blog/category/organizational-management/">Organizational Management</a><br> <a href="/blog/category/wildapricot-updates">WildApricot Updates</a><br> </span> </div> <div class="col-6 col-md-4 col-lg py-2"> <span class="text-uppercase text-dark fw-bold d-block lh-lg">Forums</span> <span class="lh-sm fw-bold"> <a href="https://forums.wildapricot.com/forums/308932-wishlist?_ga=2.98480223.1310433789.1667320444-628331080.1641396058">Wishlist</a><br> <a href="https://forums.wildapricot.com/forums/308926-designers?_ga=2.203184209.1310433789.1667320444-628331080.1641396058">Designers</a><br> <a href="https://forums.wildapricot.com/forums/309658-developers?_ga=2.203184209.1310433789.1667320444-628331080.1641396058">Developers</a><br> </span> <span class="text-uppercase text-dark fw-bold d-block lh-lg mt-3">Help</span> <span class="lh-sm fw-bold"> <a href="https://gethelp.wildapricot.com/en/?_ga=2.203184209.1310433789.1667320444-628331080.1641396058">Help Center</a><br> <a href="https://support.wildapricot.com/hc/en-us">Support Portal</a><br> <a href="https://forums.wildapricot.com/forums/308923-service-notices?_ga=2.30693759.1310433789.1667320444-628331080.1641396058">Service Notices</a><br> <a href="/partners">Partner Directory</a><br> </span> </div> <div class="col-12"> <div id="socialMedia"> <a class="btn btn-transparent text-light" aria-label="Open Facebook (Open in a new tab)" href="https://www.facebook.com/wildapricot" target="_blank"> <span class="icon-facebook px-2"></span> </a> <a class="btn btn-transparent text-light" aria-label="Open Twitter (Open in a new tab)" href="https://twitter.com/wildapricot" target="_blank"> <span class="icon-twitter px-2"></span> </a> <a class="btn btn-transparent text-light" aria-label="Open LinkedIn (Open in a new tab)" href="https://www.linkedin.com/company/wild-apricot" target="_blank"> <span class="icon-linkedin px-2"></span> </a> <a class="btn btn-transparent text-light" aria-label="Open YouTube (Open in a new tab)" href="https://www.youtube.com/wildapricotcom" target="_blank"> <span class="icon-youtube px-2"></span> </a> <a class="btn btn-transparent text-light" aria-label="Open Pinterest (Open in a new tab)" href="https://www.pinterest.com/wildapricot/" target="_blank"> <span class="icon-pinterest px-2"></span> </a> </div> </div> </div> </div> </div> </div> <div id="footer-bottom" class="p-3 bg-dark"> <div class="container"> <div class="row align-items-center"> <div class="col-12 col-md text-white"> <!-- Modal Trigger --> <a href="#"data-toggle="modal" data-target="#attribution">©</a> 2024 WildApricot Inc. All Right Reserved. <!-- Modal --> <div class="modal fade" id="attribution" tabindex="-1" role="dialog" aria-labelledby="attributionLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <span class="modal-title text-dark" id="exampleModalLabel">Attributions </span> <a type="button" class="close btn fs-4" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </a> </div> <div class="modal-body"> <b>Icons</b><br> <a class="text-muted" href="https://icomoon.io/app/#/select/library" title="internet icons">Some of the icons used on this site are provided by Icomoon.io and it's designers.</a> <hr> </div> </div> </div>t </div> | <a href='javascript:void(0)' onclick='revisitCkyConsent()'>Do Not Sell or Share My Personal Information</a> | <a href="https://www.wildapricot.com/legal-center">Legal Center</a> </div> <div class="col-auto text-end"> <a href="/data-protection"> <img src="https://wildapricotdev.wpengine.com/wp-content/uploads/2022/11/pci-dss-compliant-logo.png" alt="PCI Compliance"> </a> </div> </div> </div> </div> <!-- Search Modal --> <div class="modal fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="#searchModal" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="container p-2"> <form role="search" method="get" class="form search-form " action="https://www.wildapricot.com/"> <div class="input-group"> <input name="s" type="text" class="form-control form-control-lg" placeholder="Search"> <button type="submit" value="" name="search" id="modal-search" class="btn btn-primary btn-lg" type="button"> <span class="icon-search" aria-hidden="true"></span>&nbsp; </button> </div> </form> <small class="text-white">Hit enter to search or ESC to close</small> </div> </div> </div> </div> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" id="wphb-4-js-extra"> /* <![CDATA[ */ var advanced_ads_cookies = {"cookie_path":"\/","cookie_domain":""}; var advadsCfpInfo = {"cfpExpHours":"3","cfpClickLimit":"3","cfpBan":"7","cfpPath":"","cfpDomain":"www.wildapricot.com"};;;var leadin_wordpress = {"userRole":"visitor","pageType":"post","leadinPluginVersion":"10.2.3"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.wildapricot.com/wp-content/uploads/hummingbird-assets/5109f7d416ba6ad1e2194ede71cf8de1.js" id="wphb-4-js"></script> <script type="text/javascript" src="https://www.wildapricot.com/wp-includes/js/comment-reply.min.js" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" id="wphb-5-js-extra"> /* <![CDATA[ */ var advadsTracking = {"impressionActionName":"aatrack-records","clickActionName":"aatrack-click","targetClass":"wilda-target","blogId":"1","frontendPrefix":"wilda-"};;;var advanced_ads_pro_ajax_object = {"ajax_url":"https:\/\/www.wildapricot.com\/wp-admin\/admin-ajax.php","lazy_load_module_enabled":"","lazy_load":{"default_offset":0,"offsets":[]},"moveintohidden":"","wp_timezone_offset":"0","the_id":"5699","is_singular":"1"}; var advanced_ads_responsive = {"reload_on_resize":"0"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.wildapricot.com/wp-content/uploads/hummingbird-assets/66850eedc68da52dfefa67ce412c9610.js" id="wphb-5-js"></script> <script>window.advads_admin_bar_items = [{"title":"Blog - In Content - CTA Top","type":"placement"},{"title":"Blog CTA - Direct","type":"ad"}];</script><script>window.advads_has_ads = [["5561","ad","Blog CTA - Direct","off"]]; ( window.advanced_ads_ready || jQuery( document ).ready ).call( null, function() {if ( !window.advanced_ads_pro ) {console.log("Advanced Ads Pro: cache-busting can not be initialized");} });</script><script>!function(){window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[],advanced_ads_ready_queue.push=window.advanced_ads_ready;for(var d=0,a=advanced_ads_ready_queue.length;d<a;d++)advanced_ads_ready(advanced_ads_ready_queue[d])}();</script><script id="wilda-tracking">var advads_tracking_ads = {"1":[5561]};var advads_tracking_urls = {"1":"https:\/\/www.wildapricot.com\/wp-content\/ajax-handler.php"};var advads_tracking_methods = {"1":"frontend"};var advads_tracking_parallel = {"1":false};var advads_tracking_linkbases = {"1":"https:\/\/www.wildapricot.com\/linkout\/"};</script><!-- #page --> <!-- #final scripts --> <script> // COMPLIANCE // AODA /* Change on Request https://www.w3.org/WAI/WCAG21/Understanding/change-on-request.html */ document.addEventListener('DOMContentLoaded', function() { Array.from(document.querySelectorAll('a[target="_blank"]:not([aria-label])')) .forEach(link => { var img = link.querySelector('img'); if (img) { // If the link contains an image, use the image's alt attribute as the aria-label link.setAttribute('aria-label', img.alt + ' (opens in a new tab)'); } else { // If the link does not contain an image, use the link text as the aria-label link.setAttribute('aria-label', link.textContent + ' (opens in a new tab)'); } }); }); /* Using semantic markup to mark emphasized or special text https://www.w3.org/WAI/WCAG21/Techniques/html/H49 */ document.addEventListener('DOMContentLoaded', function() { // Replace <b> with <strong> Array.from(document.getElementsByTagName('b')).forEach(b => { var strong = document.createElement('strong'); strong.innerHTML = b.innerHTML; b.parentNode.replaceChild(strong, b); }); // Replace <i> with <em> Array.from(document.getElementsByTagName('i')).forEach(i => { var em = document.createElement('em'); em.innerHTML = i.innerHTML; i.parentNode.replaceChild(em, i); }); }); </script> </body> </html><script>window.advads_admin_bar_items = [{"title":"Blog - In Content - CTA Top","type":"placement"},{"title":"Blog CTA - Direct","type":"ad"}];</script><script>window.advads_has_ads = [["5561","ad","Blog CTA - Direct","off"]]; ( window.advanced_ads_ready || jQuery( document ).ready ).call( null, function() {if ( !window.advanced_ads_pro ) {console.log("Advanced Ads Pro: cache-busting can not be initialized");} });</script><script>!function(){window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[],advanced_ads_ready_queue.push=window.advanced_ads_ready;for(var d=0,a=advanced_ads_ready_queue.length;d<a;d++)advanced_ads_ready(advanced_ads_ready_queue[d])}();</script><script id="wilda-tracking">var advads_tracking_ads = {"1":[5561]};var advads_tracking_urls = {"1":"https:\/\/www.wildapricot.com\/wp-content\/ajax-handler.php"};var advads_tracking_methods = {"1":"frontend"};var advads_tracking_parallel = {"1":false};var advads_tracking_linkbases = {"1":"https:\/\/www.wildapricot.com\/linkout\/"};</script><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <script> jQuery('#mobile-menu-close').click(function(){ jQuery('#navbar-mobile').removeClass('open'); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10