Tracking Membership Dues: A How-To Guide

<!doctype html> <html lang="en-US"> <head> <meta charset="utf-8">  <link rel="shortcut icon" href=""> <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/e9285db7bbb9e9ee10739b8c/script.js"></script>  <title>Tracking Membership Dues: A How-To Guide | MemberClicks</title> <link rel="canonical" href="https://memberclicks.com/blog/tracking-membership-dues/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Tracking Membership Dues: A How-To Guide | MemberClicks" /> <meta property="og:description" content="Membership dues are more than just a source of income—they’re a vital measure of your association’s health and growth potential. Effectively tracking dues gives you insight into member retention, engagement, and your organization’s financial standing. Yet, many associations struggle with inefficient or outdated systems that don’t provide the full picture. In this article, we’ll explore […]" /> <meta property="og:url" content="https://memberclicks.com/blog/tracking-membership-dues/" /> <meta property="og:site_name" content="MemberClicks" /> <meta property="article:published_time" content="2024-10-09T23:07:33+00:00" /> <meta property="article:modified_time" content="2024-10-09T23:07:34+00:00" /> <meta property="og:image" content="https://memberclicks.com/wp-content/uploads/2021/12/tracking-membership-dues-scaled.jpg" /> <meta property="og:image:width" content="2560" /> <meta property="og:image:height" content="1708" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="author" content="MemberClicks" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="MemberClicks" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="4 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://memberclicks.com/blog/tracking-membership-dues/#article","isPartOf":{"@id":"https://memberclicks.com/blog/tracking-membership-dues/"},"author":{"name":"MemberClicks","@id":"https://memberclicks.com/#/schema/person/0911ab31a502e2cc7b8283b368d9d925"},"headline":"Tracking Membership Dues: A How-To Guide","datePublished":"2024-10-09T23:07:33+00:00","dateModified":"2024-10-09T23:07:34+00:00","mainEntityOfPage":{"@id":"https://memberclicks.com/blog/tracking-membership-dues/"},"wordCount":1364,"publisher":{"@id":"https://memberclicks.com/#organization"},"image":{"@id":"https://memberclicks.com/blog/tracking-membership-dues/#primaryimage"},"thumbnailUrl":"https://memberclicks.com/wp-content/uploads/2021/12/tracking-membership-dues-scaled.jpg","articleSection":["Association Software","Member Software","Membership Management"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https://memberclicks.com/blog/tracking-membership-dues/","url":"https://memberclicks.com/blog/tracking-membership-dues/","name":"Tracking Membership Dues: A How-To Guide | MemberClicks","isPartOf":{"@id":"https://memberclicks.com/#website"},"primaryImageOfPage":{"@id":"https://memberclicks.com/blog/tracking-membership-dues/#primaryimage"},"image":{"@id":"https://memberclicks.com/blog/tracking-membership-dues/#primaryimage"},"thumbnailUrl":"https://memberclicks.com/wp-content/uploads/2021/12/tracking-membership-dues-scaled.jpg","datePublished":"2024-10-09T23:07:33+00:00","dateModified":"2024-10-09T23:07:34+00:00","breadcrumb":{"@id":"https://memberclicks.com/blog/tracking-membership-dues/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://memberclicks.com/blog/tracking-membership-dues/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://memberclicks.com/blog/tracking-membership-dues/#primaryimage","url":"https://memberclicks.com/wp-content/uploads/2021/12/tracking-membership-dues-scaled.jpg","contentUrl":"https://memberclicks.com/wp-content/uploads/2021/12/tracking-membership-dues-scaled.jpg","width":2560,"height":1708,"caption":"A professional uses a tablet at an office desk to track and manage membership dues."},{"@type":"BreadcrumbList","@id":"https://memberclicks.com/blog/tracking-membership-dues/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://memberclicks.com/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://memberclicks.com/blog/"},{"@type":"ListItem","position":3,"name":"Tracking Membership Dues: A How-To Guide"}]},{"@type":"WebSite","@id":"https://memberclicks.com/#website","url":"https://memberclicks.com/","name":"MemberClicks","description":"","publisher":{"@id":"https://memberclicks.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://memberclicks.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://memberclicks.com/#organization","name":"MemberClicks","url":"https://memberclicks.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://memberclicks.com/#/schema/logo/image/","url":"https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg","contentUrl":"https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg","width":1326,"height":255,"caption":"MemberClicks"},"image":{"@id":"https://memberclicks.com/#/schema/logo/image/"}},{"@type":"Person","@id":"https://memberclicks.com/#/schema/person/0911ab31a502e2cc7b8283b368d9d925","name":"MemberClicks","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://memberclicks.com/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/9db91252f05e49f3a95ae07e78724dec?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/9db91252f05e49f3a95ae07e78724dec?s=96&d=mm&r=g","caption":"MemberClicks"},"url":"https://memberclicks.com/blog/author/memberclicks-blog/"}]}</script>  <link rel='dns-prefetch' href='//a.omappapi.com' /> <link rel='dns-prefetch' href='//hb.wpmucdn.com' /> <link rel='dns-prefetch' href='//b2685282.smushcdn.com' /> <link href='https://fonts.gstatic.com' crossorigin='' rel='preconnect' /> <link rel='preconnect' href='https://fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="MemberClicks » Feed" href="https://memberclicks.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="MemberClicks » Comments Feed" href="https://memberclicks.com/comments/feed/" /> <script id="membe-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://memberclicks.com/wp-content/plugins/formidable/css/formidableforms.css' type='text/css' media='all' /> <style id='safe-svg-svg-icon-style-inline-css' type='text/css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <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='kin-style-css' href='https://memberclicks.com/wp-content/themes/kin/style.css' type='text/css' media='all' /> <link rel='stylesheet' id='kin-child-style-css' href='https://memberclicks.com/wp-content/themes/kin-child/style.css' type='text/css' media='all' /> <link rel='stylesheet' id='ubermenu-css' href='https://memberclicks.com/wp-content/plugins/ubermenu/pro/assets/css/ubermenu.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='ubermenu-minimal-css' href='https://memberclicks.com/wp-content/plugins/ubermenu/assets/css/skins/minimal.css' type='text/css' media='all' /> <link rel='stylesheet' id='ubermenu-font-awesome-all-css' href='https://memberclicks.com/wp-content/plugins/ubermenu/assets/fontawesome/css/all.min.css' type='text/css' media='all' /> <script type="text/javascript" src="https://memberclicks.com/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script> <script type="text/javascript" src="https://memberclicks.com/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script> <script type="text/javascript" id="advanced-ads-advanced-js-js-extra"> /* <![CDATA[ */ var advads_options = {"blog_id":"1","privacy":{"enabled":false,"state":"not_needed"}}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads/public/assets/js/advanced.min.js" id="advanced-ads-advanced-js-js"></script> <script type="text/javascript" id="advanced_ads_pro/visitor_conditions-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"}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads-pro/modules/advanced-visitor-conditions/inc/conditions.min.js" id="advanced_ads_pro/visitor_conditions-js"></script> <link rel="https://api.w.org/" href="https://memberclicks.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://memberclicks.com/wp-json/wp/v2/posts/3216" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://memberclicks.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://memberclicks.com/?p=3216' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://memberclicks.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmemberclicks.com%2Fblog%2Ftracking-membership-dues%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://memberclicks.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmemberclicks.com%2Fblog%2Ftracking-membership-dues%2F&format=xml" /> <style id="ubermenu-custom-generated-css"> /** Font Awesome 4 Compatibility **/ .fa{font-style:normal;font-variant:normal;font-weight:normal;font-family:FontAwesome;} /** UberMenu Custom Menu Styles (Customizer) **/ /* main */ .ubermenu-main .ubermenu-item .ubermenu-submenu-drop { -webkit-transition-duration:.15s; -ms-transition-duration:.15s; transition-duration:.15s; } .ubermenu-main { max-width:730px; } .ubermenu-main .ubermenu-nav { max-width:1200px; } .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:16px; padding-left:16px; padding-right:16px; } .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target { font-weight:600; } .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { color:#000000; } .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0 > .ubermenu-custom-content.ubermenu-custom-content-padded { padding-top:9px; padding-bottom:9px; } .ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target:not(.ubermenu-noindicator) { padding-right:31px; } .ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target.ubermenu-noindicator { padding-right:16px; } .ubermenu-main .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-nonlink,.ubermenu-main .ubermenu-submenu .ubermenu-widget,.ubermenu-main .ubermenu-submenu .ubermenu-custom-content-padded,.ubermenu-main .ubermenu-submenu .ubermenu-retractor,.ubermenu-main .ubermenu-submenu .ubermenu-colgroup .ubermenu-column,.ubermenu-main .ubermenu-submenu.ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu.ubermenu-submenu-padded { padding:15px 15px; } .ubermenu-main .ubermenu-grid-row { padding-right:15px 15px; } .ubermenu-main .ubermenu-grid-row .ubermenu-target { padding-right:0; } .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target { font-size:18px; } .ubermenu-main .ubermenu-target > .ubermenu-target-description, .ubermenu-main .ubermenu-submenu .ubermenu-target > .ubermenu-target-description { color:#646464; } /** UberMenu Custom Menu Item Styles (Menu Item Settings) **/ /* 7415 */ .ubermenu .ubermenu-item.ubermenu-item-7415 { background:#411a50; } /* 7413 */ .ubermenu .ubermenu-row-id-7413 { padding:0px; } /* 18952 */ .ubermenu .ubermenu-item-18952 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:210px; } .ubermenu .ubermenu-item-18952 > .ubermenu-item-layout-image_left > .ubermenu-target-title, .ubermenu .ubermenu-item-18952 > .ubermenu-item-layout-image_right > .ubermenu-target-title { padding-top:.5rem; } .ubermenu .ubermenu-item-18952 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18952.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18952.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-target:hover { background:#fafafa; } .ubermenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-18952.ubermenu-custom-content-padded { padding:0px; } /* 19009 */ .ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target { background:#fa7e1e; color:#ffffff; } .ubermenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target:hover { background:#d35e04; } .ubermenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19009:hover > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009:hover > .ubermenu-target { color:#ffffff; } .ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-19009.ubermenu-custom-content-padded { padding:10px 15px; } /* 19007 */ .ubermenu .ubermenu-item-19007 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } /* 19006 */ .ubermenu .ubermenu-item-19006 > .ubermenu-target > .ubermenu-badge { color:#424242; } /* 19000 */ .ubermenu .ubermenu-item-19000 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-19000.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19000 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19000.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19000 > .ubermenu-target:hover { background:#eeeeee; } /* 18997 */ .ubermenu .ubermenu-item-18997 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18997.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18997 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18997.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18997 > .ubermenu-target:hover { background:#eeeeee; } /* 18992 */ .ubermenu .ubermenu-item-18992 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18992.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18992 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18992.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18992 > .ubermenu-target:hover { background:#eeeeee; } /* 18981 */ .ubermenu .ubermenu-item-18981 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:185px; } .ubermenu .ubermenu-item-18981 > .ubermenu-item-layout-image_left > .ubermenu-target-title, .ubermenu .ubermenu-item-18981 > .ubermenu-item-layout-image_right > .ubermenu-target-title { padding-top:2rem; } .ubermenu .ubermenu-item-18981 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18981 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-18981 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-18981.ubermenu-custom-content-padded { padding:0px; } /* 18979 */ .ubermenu .ubermenu-item-18979 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18979 > .ubermenu-target { color:#096faa; } .ubermenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18979 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979 > .ubermenu-target:hover { background:#eeeeee; } .ubermenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18979:hover > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979:hover > .ubermenu-target { color:#096ea9; } /* 18978 */ .ubermenu .ubermenu-item-18978 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18978.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18978 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18978.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18978 > .ubermenu-target:hover { background:#eeeeee; } /* 18977 */ .ubermenu .ubermenu-item-18977 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18977.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18977 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18977.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18977 > .ubermenu-target:hover { background:#eeeeee; } /* 18976 */ .ubermenu .ubermenu-item-18976 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18976.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18976 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18976.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18976 > .ubermenu-target:hover { background:#eeeeee; } /* 18975 */ .ubermenu .ubermenu-item-18975 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18975.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18975 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18975.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18975 > .ubermenu-target:hover { background:#eeeeee; } /* 18974 */ .ubermenu .ubermenu-item-18974 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18974.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18974 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18974.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18974 > .ubermenu-target:hover { background:#eeeeee; } /* 18973 */ .ubermenu .ubermenu-item-18973 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18973.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18973 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18973.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18973 > .ubermenu-target:hover { background:#eeeeee; } /* 18971 */ .ubermenu .ubermenu-item-18971 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18971.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18971 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18971.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18971 > .ubermenu-target:hover { background:#eeeeee; } /* 18970 */ .ubermenu .ubermenu-item-18970 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18970.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18970 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18970.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18970 > .ubermenu-target:hover { background:#eeeeee; } /* 18969 */ .ubermenu .ubermenu-item-18969 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18969.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18969 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18969.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18969 > .ubermenu-target:hover { background:#eeeeee; } /* 18966 */ .ubermenu .ubermenu-item-18966 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18966.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18966 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18966.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18966 > .ubermenu-target:hover { background:#eeeeee; } /* 18965 */ .ubermenu .ubermenu-item-18965 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18965.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18965 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18965.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18965 > .ubermenu-target:hover { background:#eeeeee; } /* 18958 */ .ubermenu .ubermenu-item-18958 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18958.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18958 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18958.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18958 > .ubermenu-target:hover { background:#eeeeee; } /* 18954 */ .ubermenu .ubermenu-item-18954 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18954.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18954 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18954.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18954 > .ubermenu-target:hover { background:#eeeeee; } /* 18946 */ .ubermenu .ubermenu-item-18946 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#434343; } .ubermenu .ubermenu-item.ubermenu-item-18946.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18946 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18946.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18946 > .ubermenu-target:hover { background:#eeeeee; } /* 18950 */ .ubermenu .ubermenu-item-18950 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18950.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18950 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18950.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18950 > .ubermenu-target:hover { background:#eeeeee; } /* 18959 */ .ubermenu .ubermenu-item-18959 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18959.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18959 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18959.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18959 > .ubermenu-target:hover { background:#eeeeee; } /* 18960 */ .ubermenu .ubermenu-item-18960 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18960.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18960 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18960.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18960 > .ubermenu-target:hover { background:#eeeeee; } /* 18961 */ .ubermenu .ubermenu-item-18961 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18961.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18961 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18961.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18961 > .ubermenu-target:hover { background:#eeeeee; } /* 18962 */ .ubermenu .ubermenu-item-18962 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18962.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18962 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18962.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18962 > .ubermenu-target:hover { background:#eeeeee; } /* 18963 */ .ubermenu .ubermenu-item-18963 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18963.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18963 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18963.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18963 > .ubermenu-target:hover { background:#eeeeee; } /* 18993 */ .ubermenu .ubermenu-item-18993 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18993.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18993 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18993.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18993 > .ubermenu-target:hover { background:#eeeeee; } /* 18994 */ .ubermenu .ubermenu-item-18994 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18994.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18994 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18994.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18994 > .ubermenu-target:hover { background:#eeeeee; } /* 18995 */ .ubermenu .ubermenu-item-18995 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18995.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18995 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18995.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18995 > .ubermenu-target:hover { background:#eeeeee; } /* 18996 */ .ubermenu .ubermenu-item-18996 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18996.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18996 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18996.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18996 > .ubermenu-target:hover { background:#eeeeee; } /* 18998 */ .ubermenu .ubermenu-item.ubermenu-item-18998.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18998 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18998.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18998 > .ubermenu-target:hover { background:#eeeeee; } /* 18999 */ .ubermenu .ubermenu-item-18999 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18999.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18999 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18999.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18999 > .ubermenu-target:hover { background:#eeeeee; } /* 19002 */ .ubermenu .ubermenu-item.ubermenu-item-19002.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19002 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19002.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19002 > .ubermenu-target:hover { background:#eeeeee; } /* 19001 */ .ubermenu .ubermenu-item.ubermenu-item-19001.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19001 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19001.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19001 > .ubermenu-target:hover { background:#eeeeee; } /* 19003 */ .ubermenu .ubermenu-item.ubermenu-item-19003.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19003 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19003.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19003 > .ubermenu-target:hover { background:#eeeeee; } /* 19004 */ .ubermenu .ubermenu-item.ubermenu-item-19004.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19004 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19004.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19004 > .ubermenu-target:hover { background:#eeeeee; } /* 18989 */ .ubermenu .ubermenu-item-18989 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:185px; } .ubermenu .ubermenu-item-18989 > .ubermenu-item-layout-image_left > .ubermenu-target-title, .ubermenu .ubermenu-item-18989 > .ubermenu-item-layout-image_right > .ubermenu-target-title { padding-top:2rem; } .ubermenu .ubermenu-item-18989 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18989 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-18989 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-18989.ubermenu-custom-content-padded { padding:0px; } /* 18984 */ .ubermenu .ubermenu-item-18984 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18984.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18984 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18984.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18984 > .ubermenu-target:hover { background:#eeeeee; } /* 18985 */ .ubermenu .ubermenu-item-18985 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18985.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18985 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18985.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18985 > .ubermenu-target:hover { background:#eeeeee; } /* 18986 */ .ubermenu .ubermenu-item-18986 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18986.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18986 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18986.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18986 > .ubermenu-target:hover { background:#eeeeee; } /* 18987 */ .ubermenu .ubermenu-item-18987 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18987.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18987 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18987.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18987 > .ubermenu-target:hover { background:#eeeeee; } /* 18955 */ .ubermenu .ubermenu-item-18955 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:60px; } .ubermenu .ubermenu-item.ubermenu-item-18955.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18955 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18955.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18955 > .ubermenu-target:hover { background:#eeeeee; } /* 18956 */ .ubermenu .ubermenu-item-18956 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:60px; } .ubermenu .ubermenu-item.ubermenu-item-18956.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18956 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18956.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18956 > .ubermenu-target:hover { background:#eeeeee; } /* 18972 */ .ubermenu .ubermenu-item-18972 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18972.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18972 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18972.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18972 > .ubermenu-target:hover { background:#eeeeee; } /* 18947 */ .ubermenu .ubermenu-item-18947 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18947.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18947 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18947.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18947 > .ubermenu-target:hover { background:#eeeeee; } /* 18948 */ .ubermenu .ubermenu-item-18948 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18948.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18948 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18948.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18948 > .ubermenu-target:hover { background:#eeeeee; } /* 18949 */ .ubermenu .ubermenu-item-18949 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18949.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18949 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18949.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18949 > .ubermenu-target:hover { background:#eeeeee; } /** UberMenu Custom Tweaks (General Settings) **/ .ubermenu .ubermenu-item.ubermenu-item-19009 > a.ubermenu-target span { opacity:100% !important } /* MENU - HAMBURGER AND CLOSE */ button.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-minimal.ubermenu-loc-.ubermenu-responsive-toggle-content-align-right.ubermenu-responsive-toggle-align-full.ubermenu-responsive-toggle-icon-only.ubermenu-responsive-toggle-close-icon-times { font-size: 1rem; } span.ubermenu-sub-indicator-close { margin-right: 1.5rem; } .ubermenu-responsive-default.ubermenu.ubermenu-mobile-modal .ubermenu-mobile-close-button { padding: 1em .5rem; } .ubermenu-responsive-toggle i.fas.fa-bars { font-size: 24px; } /* MENU - Book a Demo button */ a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.rounded { border-radius: 0pc !important; } /* MENU - Featured Resource */ #resources-featured-image span.ubermenu-target-title.ubermenu-target-text { background: var(--primary-color-light); padding: 1rem; padding-bottom: 2rem; } #resources-featured-image { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; transition: .3s; margin-right: 1rem; padding: 0px; border-radius: 10px; overflow: hidden; } #resources-featured-image .ubermenu-badge { background: var(--primary-color-light); margin: 0px; width: 100%; padding: 1rem; } /* MENU - Desktop - Hover Effect */ #header:hover li.ubermenu-item-level-0 span { opacity: 66%; transition: .15s; } #header li.ubermenu-item-level-0:hover span { opacity: 100%; transition: .15s; } #header:hover li.ubermenu-item-level-1 span { opacity: 100%; transition: 0; } #header li.ubermenu-item-level-1:hover span { opacity: 100% !important } svg.svg-inline--fa.fa-angle-right.fa-w-8.ubermenu-icon.fs-6 { font-size: 7px !important; vertical-align: sub; } /** UberMenu Custom Tweaks - Mobile **/ @media screen and (max-width:959px){ .top-level a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only span { font-size: 175%; line-height: 200%; } .top-level ul a span { font-size: 100% !important; line-height: initial !important; } .ubermenu-mobile-footer { display: none !important; } a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only span.ubermenu-target-title.ubermenu-target-text:after { content: "\203A"; /* Unicode for right-facing carrot */ display: inline-block; margin-left: 5px; /* Adjust spacing as needed */ } svg.svg-inline--fa.fa-angle-right.fa-w-8.ubermenu-icon.fs-6 { display: none; } /* FIX IMAGE PADDINGS */ .ubermenu .ubermenu-item-15989 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text, .ubermenu .ubermenu-item-7407 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text, .ubermenu .ubermenu-item-7408 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text, .ubermenu .ubermenu-item-7409 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left: 50px; } .ubermenu-mobile-close-button svg.svg-inline--fa.fa-times.fa-w-11.text-dark { height: 28px; } } /** UberMenu Custom Tweaks - Desktop **/ @media screen and (min-width:960px){ .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0 > .ubermenu-custom-content.ubermenu-custom-content-padded { padding-top: 23px; padding-bottom: 23px; } li#menu-item-19009 { border-radius: 10px !important; overflow: hidden; margin-top: 13px; margin-bottom: 13px; } } /* Status: Loaded from Transient */ </style><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="icon" href="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" sizes="32x32" /> <link rel="icon" href="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" /> <meta name="msapplication-TileImage" content="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" /> <style id="wpforms-css-vars-root"> :root { --wpforms-field-border-radius: 3px; --wpforms-field-border-style: solid; --wpforms-field-border-size: 1px; --wpforms-field-background-color: #ffffff; --wpforms-field-border-color: rgba( 0, 0, 0, 0.25 ); --wpforms-field-border-color-spare: rgba( 0, 0, 0, 0.25 ); --wpforms-field-text-color: rgba( 0, 0, 0, 0.7 ); --wpforms-field-menu-color: #ffffff; --wpforms-label-color: rgba( 0, 0, 0, 0.85 ); --wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 ); --wpforms-label-error-color: #d63637; --wpforms-button-border-radius: 3px; --wpforms-button-border-style: none; --wpforms-button-border-size: 1px; --wpforms-button-background-color: #066aab; --wpforms-button-border-color: #066aab; --wpforms-button-text-color: #ffffff; --wpforms-page-break-color: #066aab; --wpforms-background-image: none; --wpforms-background-position: center center; --wpforms-background-repeat: no-repeat; --wpforms-background-size: cover; --wpforms-background-width: 100px; --wpforms-background-height: 100px; --wpforms-background-color: rgba( 0, 0, 0, 0 ); --wpforms-background-url: none; --wpforms-container-padding: 0px; --wpforms-container-border-style: none; --wpforms-container-border-width: 1px; --wpforms-container-border-color: #000000; --wpforms-container-border-radius: 3px; --wpforms-field-size-input-height: 43px; --wpforms-field-size-input-spacing: 15px; --wpforms-field-size-font-size: 16px; --wpforms-field-size-line-height: 19px; --wpforms-field-size-padding-h: 14px; --wpforms-field-size-checkbox-size: 16px; --wpforms-field-size-sublabel-spacing: 5px; --wpforms-field-size-icon-size: 1; --wpforms-label-size-font-size: 16px; --wpforms-label-size-line-height: 19px; --wpforms-label-size-sublabel-font-size: 14px; --wpforms-label-size-sublabel-line-height: 17px; --wpforms-button-size-font-size: 17px; --wpforms-button-size-height: 41px; --wpforms-button-size-padding-h: 15px; --wpforms-button-size-margin-top: 10px; --wpforms-container-shadow-size-box-shadow: none; } </style>  <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-56XFGCS');</script>  <link rel="stylesheet" href="https://memberclicks.com/wp-content/themes/kin/fonts/icomoon-font-awesome/style.css"> <link rel="stylesheet" href="https://memberclicks.com/wp-content/themes/kin/fonts/icomoon-free/style.css"> <style> /* Style.css */ @font-face { font-family: West; src: url('https://memberclicks.com/wp-content/uploads/2023/06/West-RegularWeb.woff2') format('woff2'); font-weight: 400; font-style: normal } @font-face { font-family: West; src: url('https://memberclicks.com/wp-content/uploads/2023/08/West-MediumWeb.woff2') format('woff2'); font-weight: 500; font-style: normal } @font-face { font-family: West; src: url('https://memberclicks.com/wp-content/uploads/2023/06/West-BoldWeb.woff2') format('woff2'); font-weight: 700; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/06/Urbanist-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/07/Urbanist-Italic-VariableFont_wght.woff2') format('woff2'); font-weight: 400; font-style: italic } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/07/Urbanist-Semibold.woff2') format('woff2'); font-weight: 600; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/06/Urbanist-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/07/Urbanist-Italic-VariableFont_wght.woff2') format('woff2'); font-weight: 700; font-style: italic } @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: West,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; --heading-weight: 500; --bs-font-sans-serif: 'Urbanist', sans-serif,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --body-weight: 400; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --header-height: px; --primary-color-h: 202; --primary-color-s: 90%; --primary-color-l: 35%; --primary-color-contrast: #ffffff; --secondary-color-h: 305; --secondary-color-s: 40%; --secondary-color-l: 34%; --secondary-color-contrast: #ffffff; --cta-color-h: 26; --cta-color-s: 96%; --cta-color-l: 55%; --cta-color-contrast: #ffffff; --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.7)); --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%)); --cta-color-dark: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 3.3%)); --cta-color-dark-hover: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 10%)); --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: var(--body-weight); 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 { color: var(--secondary-color-hover); margin-top: 0; margin-bottom: 0.5rem; font-family: var(--heading-font); font-weight: var(--heading-weight); line-height: 1.1; } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @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); } @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(--primary-color); text-decoration: none; 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 { outline: transparent; } 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, #article img{ 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.25rem; } .g-4, .gy-4 { --bs-gutter-y: 1.25rem; } .g-5, .gx-5 { --bs-gutter-x: 1.5rem; } .g-5, .gy-5 { --bs-gutter-y: 1.5rem; } @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, .mktoLabel { margin-bottom: 0.5rem; font-size: 15px; font-weight: normal !important; } .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: 0; 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-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: var(--primary-color-contrast); 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: var(--primary-color-contrast); background-color: var(--primary-color); border-color: #0a53be; } .btn-primary:disabled, .btn-primary.disabled { color: var(--primary-color-contrast); background-color: var(--primary-color); border-color: var(--primary-color); } .btn-secondary { color: var(--secondary-color-contrast); background: 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-menu a { color: #fff !important; background-color: var(--cta-color) !important; border-color: var(--cta-color) !important; } .btn-cta:hover, .btn-menu a:hover { color: #fff !important; background-color: var(--cta-color-hover) !important; border-color: var(--cta-color-hover) !important; } .btn-outline-cta { color: var(--cta-color); border-color: var(--cta-color); } .btn-outline-cta:hover { color: #fff; background-color: var(--cta-color-hover); border-color: var(--cta-color-hover); } .btn-check:checked+.btn-outline-cta, .btn-check:active+.btn-outline-cta, .btn-outline-cta:active, .btn-outline-cta.active, .btn-outline-cta.dropdown-toggle.show { color: #fff; background-color: var(--cta-color); border-color: var(--cta-color); } .btn-outline-cta:disabled, .btn-outline-cta.disabled { color: var(--cta-color-light); background-color: transparent; } .btn-menu a { padding: 10px 15px !important; margin-left: 10px; } .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: calc(100% + 1px); 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; } .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, "/") */ ; } body.archive.category .breadcrumb-item+.breadcrumb-item::before { color: #fff; } .breadcrumb-item.active { color: var(--gray-color); } .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: var(--primary-color); 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(--primary-color); background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: var(--primary-color); background-color: #e9ecef; outline: 0; 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: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .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: 1000px) { .menu-break-hide { display: none !important; } } @media only screen and (min-width: 1000px) { .menu-break-show { display: none !important; } } @media only screen and (max-width: 1000px) { .menu-break-show { display: flex !important; } } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; transition: .3s; } .shadow:hover { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !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-cta { border-color: var(--cta-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-default { padding-top: 2rem !important; } .pb-default { padding-bottom: 2rem !important; } .ps-default { padding-left: initial !important; } .pe-default { padding-right: initial !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-hover { color: var(--primary-color-hover) !important; } .text-primary-contrast { color: var(--primary-color-contrast) !important; } .text-primary-light { color: var(--primary-color-light) !important; } .text-primary-light-hover { color: var(--primary-color-light-hover) !important; } .text-primary-dark { color: var(--primary-color-dark) !important; } .text-primary-dark-hover { color: var(--primary-color-dark-hover) !important; } .text-secondary { color: var(--secondary-color) !important; } .text-secondary-hover { color: var(--secondary-color-hover) !important; } .text-secondary-contrast { color: var(--secondary-color-contrast) !important; } .text-secondary-light, .text-secondary-dark-contrast { color: var(--secondary-color-light) !important; } .text-secondary-light-hover, .bg-secondary-dark p { color: var(--secondary-color-light) !important; } .text-secondary-dark { color: var(--secondary-color-dark) !important; } .text-secondary-dark-hover { color: var(--secondary-color-dark-hover) !important; } .text-cta { color: var(--cta-color) !important; } .text-cta-hover { color: var(--cta-color-hover) !important; } .text-cta-contrast { color: var(--cta-color-contrast) !important; } .text-cta-light { color: var(--cta-color-light) !important; } .text-cta-light-hover { color: var(--cta-color-light-hover) !important; } .text-cta-dark { color: var(--cta-color-dark) !important; } .text-cta-dark-hover { color: var(--cta-color-dark-hover) !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-primary-light-hover { background-color: var(--primary-color-light-hover) !important; } .bg-primary-dark { background-color: var(--primary-color-dark) !important; } .bg-primary-dark-hover { background-color: var(--primary-color-dark-hover) !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-secondary-light-hover { background-color: var(--secondary-color-light-hover) !important; } .bg-secondary-dark { background-color: var(--secondary-color-dark) !important; } .bg-secondary-dark-hover { background-color: var(--secondary-color-dark-hover) !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-cta-light-hover { background-color: var(--cta-color-light-hover) !important; } .bg-cta-dark { background-color: var(--cta-color-dark) !important; } .bg-cta-dark-hover { background-color: var(--cta-color-dark-hover) !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 { background: linear-gradient(to bottom, var(--primary-color), var(--primary-color-dark)); } .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(--bs-light) !important; } .bg-light-contrast { background-color: var(--bs-dark) !important; } .bg-light-hover { background-color: var(--gray-color-light) !important; } .bg-light-light-hover { background-color: var(--bs-white) !important; } .bg-light-dark { background-color: var(--gray-color-dark) !important; } .bg-light-dark-hover { background-color: var(--gray-color-dark) !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: 1000px) { 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: 50px; } .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: 1000px) { #primaryMenu li>.nav-link { padding-top: 1.25rem; padding-bottom: 1.25rem; } .navbar .dropdown-menu li a { width: 250px; 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: calc(100% + 1px); 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; } /* PATCH - AMP MOBLE MENU */ div[amp-nested-submenu-close] { height: 30px; }#breadcrumbs a{color:#fff;opacity:.35}body.archive.category #sticky-posts{margin-top:-5rem}body.archive.category .card-footer{border-top:none}.pagination .page-item .page-link{border-radius:.25rem;background-color:rgba(0,0,0,0);border-color:var(--gray-color);color:var(--gray-color)}.pagination .page-item.active .page-link,.pagination .page-item:hover .page-link{color:#fff;background-color:var(--secondary-color);border-color:var(--secondary-color)}.templated-cta .inner,.global-cta .inner{background-position:bottom right;background-size:contain;background-repeat:no-repeat;border-radius:1rem;padding:50px}@media screen and (max-width: 767px){.templated-cta .inner,.global-cta .inner{background-image:none !important;text-align:center}}@media screen and (min-width: 768px){.templated-cta .inner .inner-content,.global-cta .inner .inner-content{width:50%}}.templated-cta .inner .inner-content p,.global-cta .inner .inner-content p{opacity:.9}.templated-cta .inner .btn,.global-cta .inner .btn{color:#fff;font-family:var(--heading-font);font-weight:normal}.templated-cta.color-scheme-primary .btn,.global-cta.color-scheme-primary .btn{background-color:#015182}.templated-cta.color-scheme-primary .btn:hover,.global-cta.color-scheme-primary .btn:hover{background-color:#01314f}.templated-cta.color-scheme-secondary .btn,.global-cta.color-scheme-secondary .btn{background-color:#411a50}.templated-cta.color-scheme-secondary .btn:hover,.global-cta.color-scheme-secondary .btn:hover{background-color:#220d2a}#sidebar-ctas .templated-cta .inner .inner-content,#sidebar-ctas .global-cta .inner .inner-content{width:100% !important}#more-posts{margin-top:6rem;margin-bottom:6rem}#table-of-contents .card{border-radius:0;border-color:rgba(0,0,0,0)}#table-of-contents .card .card-header{border-bottom:none;padding:0}#table-of-contents nav[data-toggle=toc] .nav>li>a{padding-left:0}#table-of-contents nav[data-toggle=toc] .nav-link.active,#table-of-contents nav[data-toggle=toc] .nav-link.active:focus,#table-of-contents nav[data-toggle=toc] .nav-link.active:hover,#table-of-contents nav[data-toggle=toc] .nav>li>a:focus,#table-of-contents nav[data-toggle=toc] .nav>li>a:hover{border-left:none !important}#table-of-contents nav ul>li>ul{display:none}#progress{height:.3rem;border-radius:0}#about-hero:before{position:absolute;top:-30vh;left:-40vw;width:180vw;background-color:#eaf4fa;height:90vw;display:block;content:"";border-radius:50% 50% 50% 50%/0% 0% 100% 100%;z-index:1}#about-hero .container{position:relative;z-index:10}#about-hero .container img{box-shadow:0px 15px 35px 0px rgba(0,0,0,.1294117647)}#about-hero .member-stats{margin-top:-50px}#about-hero .member-stats .item{border:1px solid #e6e8e9}#values{position:relative;z-index:10}#values img{width:44px;height:44px;padding-bottom:.5rem}#our-story{background-color:#0d2c3f;color:#fff;background-image:url("/wp-content/themes/kin/inc/img/about-us/about-squiggle.png");background-position:left top;background-repeat:no-repeat;background-size:60%}#our-story .intro p{color:#b1d1e3}#our-story .intro p span{color:#fa7b1c}#our-story .timeline{background-image:url("/wp-content/themes/kin/inc/img/about-us/story-line-short.gif");background-position:center bottom;background-repeat:no-repeat;transition:all 200ms ease-in-out}#our-story .timeline .dot{width:24px;height:24px;border:2px solid #194966;background-color:#0d2c3f;border-radius:50%;transition:all 500ms ease-in-out}#our-story .timeline[data-state=active]{background-position:center center}#our-story .timeline[data-state=past]{background-position:center top}#our-story .timeline[data-state=active] .dot,#our-story .timeline[data-state=past] .dot{background-color:var(--primary-color);border-color:var(--primary-color)}#our-story .timeline-item h5{color:#65add9}#our-story .timeline-item p{color:#e6e8e9}#our-story .timeline-item img{max-width:100%;height:auto;border-radius:20px}#our-story .timeline-item .col-5,#our-story .timeline-item .col-1{padding-top:50px;padding-bottom:50px}.font-header{font-family:var(--heading-font)}.font-body{font-family:var(--body-font)}.font-bold{font-weight:bold}.bg-primary-dark{background-color:#015182}.bg-secondary-dark{background-color:#411a50}.width-auto{max-width:100%;height:auto}/*# sourceMappingURL=dev-styles.css.map */ /* Template CSS NOT SETUP*/ /* Theme Options CSS */ /* FEATURES PAGES */ #more-features h3 { color: white; } /* MARKETO FORM 3032/3541 */ form#mktoForm_3032, form#mktoForm_3032 .mktoFormCol, form#mktoForm_3032 .mktoHtmlText, form#mktoForm_3032 label, form#mktoForm_3032 input, form#mktoForm_3032 .mktoFieldWrap, form#mktoForm_3032 .mktoButtonRow, form#mktoForm_3541, form#mktoForm_3541 .mktoFormCol, form#mktoForm_3541 .mktoHtmlText, form#mktoForm_3541 label, form#mktoForm_3541 input, form#mktoForm_3541 .mktoFieldWrap, form#mktoForm_3541 .mktoButtonRow{ width: 100% !important; } form#mktoForm_3032 input, form#mktoForm_3541 input{ margin-bottom: 10px !important; } form#mktoForm_3032 .mktoGutter.mktoHasWidth, form#mktoForm_3032 .mktoOffset, form#mktoForm_3541 .mktoGutter.mktoHasWidth, form#mktoForm_3541 .mktoOffset{ display: none; } form#mktoForm_3032 .mktoButtonRow, form#mktoForm_3541 .mktoButtonRow{ text-align: center !important; } form#mktoForm_3032 span.mktoButtonWrap, form#mktoForm_3541 span.mktoButtonWrap{ margin: auto !important; } /* MARKETO FORM 3037 */ form#mktoForm_3037, form#mktoForm_3037 .mktoFormCol, form#mktoForm_3037 .mktoHtmlText, form#mktoForm_3037 label, form#mktoForm_3037 input, form#mktoForm_3037 .mktoFieldWrap{ width: 100% !important; } form#mktoForm_3037 input { margin-bottom: 10px !important; } form#mktoForm_3037 .mktoGutter.mktoHasWidth, form#mktoForm_3037 .mktoOffset{ display: none; } /* MARKETO FORM 3038 */ form#mktoForm_3038, form#mktoForm_3038 .mktoFormCol, form#mktoForm_3038 .mktoHtmlText, form#mktoForm_3038 label, form#mktoForm_3038 input, form#mktoForm_3038 .mktoFieldWrap, form#mktoForm_3038 .mktoButtonRow { width: 100% !important; } form#mktoForm_3038 input { margin-bottom: 10px !important; } form#mktoForm_3038 .mktoGutter.mktoHasWidth, form#mktoForm_3038 .mktoOffset{ display: none; } form#mktoForm_3038 .mktoButtonRow { text-align: center !important; } form#mktoForm_3038 span.mktoButtonWrap { margin: auto !important; } /* MARKETO FORM 3039 */ form#mktoForm_3039, form#mktoForm_3039 .mktoFormCol, form#mktoForm_3039 .mktoHtmlText, form#mktoForm_3039 label, form#mktoForm_3039 input, form#mktoForm_3039 .mktoFieldWrap, form#mktoForm_3039 .mktoButtonRow { width: 100% !important; } form#mktoForm_3039 .mktoFieldWrap { padding-right: 0px !important; } form#mktoForm_3039 input { margin-bottom: 10px !important; } form#mktoForm_3039 .mktoGutter.mktoHasWidth, form#mktoForm_3039 .mktoOffset{ display: none; } form#mktoForm_3039 .mktoButtonRow { text-align: center !important; } form#mktoForm_3039 span.mktoButtonWrap { margin: auto !important; } form#mktoForm_3039 button.mktoButton { color: #fff; background-color: var(--cta-color) !important; border-color: var(--cta-color) !important; width: 100%; } form#mktoForm_3039 button.mktoButton:hover { color: #fff; background-color: var(--cta-color-hover) !important; border-color: var(--cta-color-hover) !important; } /* MARKETO FORM 3548 */ form#mktoForm_3548, form#mktoForm_3548 .mktoFormCol, form#mktoForm_3548 .mktoHtmlText, form#mktoForm_3548 label, form#mktoForm_3548 input, form#mktoForm_3548 .mktoFieldWrap, form#mktoForm_3548 .mktoButtonRow { width: 100% !important; } form#mktoForm_3548 input { margin-bottom: 10px !important; } form#mktoForm_3548 .mktoGutter.mktoHasWidth, form#mktoForm_3548 .mktoOffset{ display: none; } form#mktoForm_3548 .mktoButtonRow { text-align: center !important; } form#mktoForm_3548 span.mktoButtonWrap { margin: auto !important; } /* MARKETO FORM 3265 */ form#mktoForm_3265, form#mktoForm_3265 .mktoFormCol, form#mktoForm_3265 .mktoHtmlText, form#mktoForm_3265 label, form#mktoForm_3265 input, form#mktoForm_3265 .mktoFieldWrap, form#mktoForm_3265 .mktoButtonRow { width: 100% !important; } form#mktoForm_3265 input { margin-bottom: 10px !important; } form#mktoForm_3265 .mktoGutter.mktoHasWidth, form#mktoForm_3265 .mktoOffset{ display: none; } form#mktoForm_3265 .mktoButtonRow { text-align: center !important; } form#mktoForm_3265 span.mktoButtonWrap { margin: auto !important; } /* Marketo Buttons */ button.mktoButton { display: inline-block; font-weight: bold; line-height: 1; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; 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; color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } button.mktoButton:hover { color: #fff; background-color: var(--primary-color-hover); border-color: var(--primary-color-hover); } /* FOOTER LINKS */ div#footer-top .row .row a { display: inline-block; padding-top: 5px; } /* BLOG IMAGE ALIGN CSS */ #article figure.alignleft { float: left; } #article figure.alignright { float: right; } /* Testimonial Star Responsive */ @media screen and (max-width: 500px) { .card-testimonial span.icon-star { font-size: 13px !important; margin: 0px !important; } } /* Page CSS */ </style> </head> <body data-spy="scroll" data-target="#toc" class="post-template-default single single-post postid-3216 single-format-standard no-sidebar aa-prefix-membe-">   <noscript><iframe src=""https://www.googletagmanager.com/ns.html?id=GTM-56XFGCS"" height=""0"" width=""0"" style=""display:none;visibility:hidden""></iframe></noscript>  <div id="page" class="site">  <a class="visually-hidden-focusable" href="#content">Skip to main content</a> <header id="header" class="border-bottom border-"> <nav id="primary-menu" class="navbar navbar-expand navbar-light bg-white"> <div class="container-xl container-fluid"> <div id="logo"> <a href="https://memberclicks.com/"> <div class="fixed-container"> <img alt="MemberClicks" class="contain" src="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg"> </div> </a> </div> <div id="ubermenu-container" class="w-100">  <button class="ubermenu-responsive-toggle ubermenu-responsive-toggle-main ubermenu-skin-minimal ubermenu-loc-primary ubermenu-responsive-toggle-content-align-right ubermenu-responsive-toggle-align-full ubermenu-responsive-toggle-icon-only ubermenu-responsive-toggle-close-icon-times " tabindex="0" data-ubermenu-target="ubermenu-main-2-primary-2" aria-label="Toggle Menu"><i class="fas fa-bars" ></i></button><nav id="ubermenu-main-2-primary-2" class="ubermenu ubermenu-nojs ubermenu-main ubermenu-menu-2 ubermenu-loc-primary ubermenu-responsive ubermenu-responsive-single-column ubermenu-responsive-single-column-subs ubermenu-responsive-default ubermenu-mobile-modal ubermenu-mobile-accordion ubermenu-mobile-accordion-single ubermenu-responsive-collapse ubermenu-horizontal ubermenu-transition-slide ubermenu-trigger-hover_intent ubermenu-skin-minimal ubermenu-bar-align-right ubermenu-items-align-right ubermenu-bound ubermenu-retractors-responsive ubermenu-submenu-indicator-closes"><ul id="ubermenu-nav-main-2-primary" class="ubermenu-nav" ><li id="menu-item-18944" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-18944 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-hide-desktop" ><div class="ubermenu-content-block ubermenu-custom-content ubermenu-custom-content-padded"><div class="row"> <div class="col" style="max-width: 260px"> <img alt="MemberClicks" class="contain" src="https://memberclickdev.wpengine.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg"> </div> <div class="col-auto ms-auto"> <button class="ubermenu-mobile-close-button fs-6"><svg class="svg-inline--fa fa-times fa-w-11 text-dark" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" data-fa-i2svg=""><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> </div></div></li><li id="menu-item-18945" class="top-level ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-has-children ubermenu-item-18945 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/who-we-serve/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Who We Serve</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18945 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li id="menu-item-18946" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18946 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/who-we-serve/"><span class="ubermenu-target-title ubermenu-target-text">Who We Serve</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18947" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18947 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/professional-associations/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Group-667-2-150x150.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2.png?size=30x30&lossy=0&strip=1&webp=1 30w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2.png?size=60x60&lossy=0&strip=1&webp=1 60w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2.png?size=90x90&lossy=0&strip=1&webp=1 90w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2-150x150.png?lossy=0&strip=1&webp=1 150w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2-225x225.png?lossy=0&strip=1&webp=1 225w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2-300x300.png?lossy=0&strip=1&webp=1 300w" sizes="(max-width: 150px) 100vw, 150px" width="75px" alt="Professional Associations" /><span class="ubermenu-target-title ubermenu-target-text">Professional Associations</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Solutions for managing and engaging professional association members</span></a></li><li id="menu-item-18948" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18948 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/trade-associations/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Group-667-3-150x150.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3.png?size=30x30&lossy=0&strip=1&webp=1 30w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3.png?size=60x60&lossy=0&strip=1&webp=1 60w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3.png?size=90x90&lossy=0&strip=1&webp=1 90w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3-150x150.png?lossy=0&strip=1&webp=1 150w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3-225x225.png?lossy=0&strip=1&webp=1 225w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3-300x300.png?lossy=0&strip=1&webp=1 300w" sizes="(max-width: 150px) 100vw, 150px" width="75px" alt="Trade Associations" /><span class="ubermenu-target-title ubermenu-target-text">Trade Associations</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Software for trade associations to connect and grow communities</span></a></li><li id="menu-item-18949" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18949 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2 ubermenu-clear-row" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/chambers/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Group-667-1-150x150.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1.png?size=30x30&lossy=0&strip=1&webp=1 30w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1.png?size=60x60&lossy=0&strip=1&webp=1 60w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1.png?size=90x90&lossy=0&strip=1&webp=1 90w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1-150x150.png?lossy=0&strip=1&webp=1 150w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1-225x225.png?lossy=0&strip=1&webp=1 225w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1-300x300.png?lossy=0&strip=1&webp=1 300w" sizes="(max-width: 150px) 100vw, 150px" width="75px" alt="Chambers" /><span class="ubermenu-target-title ubermenu-target-text">Chambers</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Software that drives business growth and community impact</span></a></li><li id="menu-item-18950" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18950 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/association-management/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-150x150.png?lossy=0&strip=1&webp=1 150w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-225x225.png?lossy=0&strip=1&webp=1 225w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-300x300.png?lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png?size=384x384&lossy=0&strip=1&webp=1 384w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png?size=512x512&lossy=0&strip=1&webp=1 512w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png?size=640x640&lossy=0&strip=1&webp=1 640w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-768x768.png?lossy=0&strip=1&webp=1 768w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-1024x1024.png?lossy=0&strip=1&webp=1 1024w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png?lossy=0&strip=1&webp=1 1085w" sizes="(max-width: 1085px) 100vw, 1085px" width="75px" alt="Association Management Companies" /><span class="ubermenu-target-title ubermenu-target-text">Association Management Companies</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Solutions that simplify operations and enhance member engagement</span></a></li><li id="menu-item-18951" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18951 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-content-align-left ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Featured Case Study</span></span></li><li id="menu-item-18952" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-resources ubermenu-item-18952 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left mx-4 mb-3 bg-primary-light" href="https://memberclicks.com/resources/case-studies/the-american-society-of-nutrition/"><img class="ubermenu-image ubermenu-image-size-card-horizontal-post" src="https://memberclicks.com/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-450x253.jpg" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature.jpg?size=128x72&lossy=0&strip=1&webp=1 128w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-300x169.jpg?lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature.jpg?size=384x216&lossy=0&strip=1&webp=1 384w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-450x253.jpg?lossy=0&strip=1&webp=1 450w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-768x432.jpg?lossy=0&strip=1&webp=1 768w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-800x450.jpg?lossy=0&strip=1&webp=1 800w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-1024x576.jpg?lossy=0&strip=1&webp=1 1024w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature.jpg?lossy=0&strip=1&webp=1 1200w" sizes="(max-width: 450px) 100vw, 450px" width="200px" alt="MC_CS_American Society for Nutrition_feature" /><span class="ubermenu-target-title ubermenu-target-text">American Society for Nutrition – MC Professional AMS</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">See how ASN grew their membership by 40% since teaming up with MemberClicks</span><span class="ubermenu-badge ubermenu-badge-inline-absolute"><span class="fw-bold fs-6 mt-2"> Download <svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg> </span></span></a><div class="ubermenu-content-block ubermenu-custom-content"><style> li#menu-item-18952 a, li#menu-item-18952 a .ubermenu-badge { border-radius: 10px; overflow: hidden; } li#menu-item-18952 a { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } </style></div></li></ul></li><li id="menu-item-18953" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-18953 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/products/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Solutions</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18953 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li id="menu-item-18954" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18954 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/products/"><span class="ubermenu-target-title ubermenu-target-text">Products</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18955" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-services ubermenu-item-18955 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left border mx-3 mb-3" href="https://memberclicks.com/products/professional/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Untitled-1-01.svg" width="50px" alt="Professional" /><span class="ubermenu-target-title ubermenu-target-text">MC Pro</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Built for professional associations and nonprofits</span></a><div class="ubermenu-content-block ubermenu-custom-content d-none"><style> #menu-item-18955 a { border-radius: 10px; overflow: hidden; } </style></div></li><li id="menu-item-18956" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-services ubermenu-item-18956 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left border mx-3" href="https://memberclicks.com/products/trade/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Trade.svg" width="50px" alt="Trade" /><span class="ubermenu-target-title ubermenu-target-text">MC Trade</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Built for trade associations and chambers</span></a><div class="ubermenu-content-block ubermenu-custom-content d-none"><style> #menu-item-18956 a { border-radius: 10px; overflow: hidden; } </style></div></li><li id="menu-item-18957" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18957 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Add Ons & Enhancements</span></span></li><li id="menu-item-18958" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18958 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/registration-tech/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/02/Registration-Tech-Logo.svg" width="30px" alt="Registration Tech" /><span class="ubermenu-target-title ubermenu-target-text">Registration Tech</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Technology for events and meetings large and small</span></a></li><li id="menu-item-18959" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18959 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/community/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/CommUnity.svg" width="30px" alt="CommUnity" /><span class="ubermenu-target-title ubermenu-target-text">CommUnity</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">An exclusive space where your members build strong relationships</span></a></li><li id="menu-item-18960" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18960 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/job-board/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/job-board.svg" width="30px" alt="Job Board" /><span class="ubermenu-target-title ubermenu-target-text">Job Board</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Empower your members to build meaningful careers</span></a></li><li id="menu-item-18961" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18961 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/classroom/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Classroom.svg" width="30px" alt="Classroom" /><span class="ubermenu-target-title ubermenu-target-text">Classroom</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Online learning tools for your members</span></a></li><li id="menu-item-18962" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18962 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2 ubermenu-clear-row" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/member-app/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/MemberApp.svg" width="30px" alt="MemberApp" /><span class="ubermenu-target-title ubermenu-target-text">Member App</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">A mobile membership app and event app</span></a></li><li id="menu-item-18963" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18963 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/add-ons/data-insights/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/10/DI-no-padding.svg" width="30px" alt="DI – no padding" /><span class="ubermenu-target-title ubermenu-target-text">Data Insights</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">AI-powered reporting connected to your AMS</span></a></li></ul></li><li id="menu-item-18964" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-18964 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/features" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Features</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18964 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li id="menu-item-18965" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18965 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-item-layout-icon_left" href="/features"><span class="ubermenu-target-title ubermenu-target-text">Features</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18966" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18966 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/crm/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/crm.png" width="30px" alt="crm" /><span class="ubermenu-target-title ubermenu-target-text">CRM for Associations</span></a></li><li id="menu-item-18969" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18969 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/dues-and-renewals/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/renewal.png" width="30px" alt="Dues and Renewals" /><span class="ubermenu-target-title ubermenu-target-text">Dues and Renewal Management</span></a></li><li id="menu-item-18970" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18970 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/email-marketing/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/email.png" width="30px" alt="Email Marketing" /><span class="ubermenu-target-title ubermenu-target-text">Email Marketing</span></a></li><li id="menu-item-18971" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18971 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/reporting/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/reporting.png" width="30px" alt="reporting" /><span class="ubermenu-target-title ubermenu-target-text">Data and Reporting</span></a></li><li id="menu-item-18972" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18972 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/features/account-payment-processing/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/accounting.png" width="30px" alt="Accounting & payments" /><span class="ubermenu-target-title ubermenu-target-text">Financial Management</span></a></li><li id="menu-item-18973" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18973 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/event-management/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/event.png" width="30px" alt="Event Management" /><span class="ubermenu-target-title ubermenu-target-text">Event Management</span></a></li><li id="menu-item-18974" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18974 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/forms/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/forms.png" width="30px" alt="Forms, surveys & Applications" /><span class="ubermenu-target-title ubermenu-target-text">Forms</span></a></li><li id="menu-item-18975" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18975 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/review-panel/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/member_mgmt.png" width="30px" alt="Member Management" /><span class="ubermenu-target-title ubermenu-target-text">Submission Management</span></a></li><li id="menu-item-18976" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18976 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/membership-websites/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/Icon.png" width="30px" alt="Member Websites icon" /><span class="ubermenu-target-title ubermenu-target-text">Association Websites</span></a></li><li id="menu-item-18977" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18977 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/committee-management/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/Group-554.png" width="30px" alt="Committee management" /><span class="ubermenu-target-title ubermenu-target-text">Committee Management</span></a></li><li id="menu-item-18978" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18978 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/membership-management/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/member_mgmt.png" width="30px" alt="Member Management" /><span class="ubermenu-target-title ubermenu-target-text">Membership Management</span></a></li><li id="menu-item-18979" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18979 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/features"><span class="ubermenu-target-title ubermenu-target-text">Explore all features</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18980" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18980 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Featured Resource</span></span></li><li id="menu-item-18981" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-resources ubermenu-item-18981 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left mx-4 mb-3 bg-primary-light" href="https://memberclicks.com/resources/guides/ams-selection-guide/"><img class="ubermenu-image ubermenu-image-size-card-horizontal-post" src="https://memberclicks.com/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS-450x253.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS.png?size=90x51&lossy=0&strip=1&webp=1 90w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS.png?size=180x101&lossy=0&strip=1&webp=1 180w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS.png?size=270x152&lossy=0&strip=1&webp=1 270w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS.png?size=360x202&lossy=0&strip=1&webp=1 360w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS-450x253.png?lossy=0&strip=1&webp=1 450w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS-800x450.png?lossy=0&strip=1&webp=1 800w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS-1280x720.png?lossy=0&strip=1&webp=1 1280w" sizes="(max-width: 450px) 100vw, 450px" width="175px" alt="GUIDE_Selecting-Your-AMS" /><span class="ubermenu-target-title ubermenu-target-text">AMS Selection Guide: A Comprehensive Guide to Choosing an Association Management Software (AMS)</span><span class="ubermenu-badge ubermenu-badge-inline-absolute"><span class="fw-bold fs-6 mt-2"> Download <svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg> </span></span></a><div class="ubermenu-content-block ubermenu-custom-content d-none"><style> li#menu-item-18981 a, li#menu-item-18981 a .ubermenu-badge { border-radius: 10px; overflow: hidden; margin: 0px 4px } #menu-item-18981 span.ubermenu-target-title.ubermenu-target-text { padding-top: .75rem; } .ubermenu .ubermenu-item-layout-image_above>.ubermenu-image { margin: 0px; background: var(--primary-color); } li#menu-item-18981 a { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } </style></div></li></ul></li><li id="menu-item-18982" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-18982 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="#" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Services</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18982 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li id="menu-item-18983" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18983 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Professional Packages</span></span></li><li id="menu-item-18984" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18984 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/professional-services-packages-pro/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Untitled-1-01.svg" width="30px" alt="Professional" /><span class="ubermenu-target-title ubermenu-target-text">MC Professional</span></a></li><li id="menu-item-18985" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18985 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/professional-services-packages-trade/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Trade.svg" width="30px" alt="Trade" /><span class="ubermenu-target-title ubermenu-target-text">MC Trade</span></a></li><li id="menu-item-18986" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18986 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/professional-services-packages-community/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/CommUnity.svg" width="30px" alt="CommUnity" /><span class="ubermenu-target-title ubermenu-target-text">CommUnity</span></a></li><li id="menu-item-18987" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18987 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/data-and-web-services-packages/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Untitled-1-01.svg" width="30px" alt="Professional" /><span class="ubermenu-target-title ubermenu-target-text">Data and Web</span></a></li><li id="menu-item-18988" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18988 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Featured Resource</span></span></li><li id="menu-item-18989" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18989 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left mx-4 mb-3 bg-primary-light" href="/add-ons/data-insights/"><img class="ubermenu-image ubermenu-image-size-card-post" src="https://memberclicks.com/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1-500x333.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1-500x333.png?lossy=0&strip=1&webp=1 500w" sizes="(max-width: 500px) 100vw, 500px" width="175px" alt="Data" /><span class="ubermenu-target-title ubermenu-target-text">MC Trade Data Insights gives you access to advanced reporting and deep analysis at your fingertips.</span><span class="ubermenu-badge ubermenu-badge-inline-absolute"><span class="fw-bold fs-6 mt-2"> Learn More <svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg> </span></span></a><div class="ubermenu-content-block ubermenu-custom-content d-none"><style> li#menu-item-18989 a, li#menu-item-18989 a .ubermenu-badge { border-radius: 10px; overflow: hidden; margin: 0px 4px } #menu-item-18989 span.ubermenu-target-title.ubermenu-target-text { padding-top: .75rem; } li#menu-item-18989 a { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } </style></div></li></ul></li><li id="menu-item-18990" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-18990 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/resources/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Resources</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18990 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-18991 ubermenu-item-level-1 ubermenu-column ubermenu-column-2-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-18991"><ul class="ubermenu-submenu ubermenu-submenu-id-18991 ubermenu-submenu-type-stack" ><li id="menu-item-18992" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18992 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-full" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/resources"><span class="ubermenu-target-title ubermenu-target-text">Learning Resources</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18993" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18993 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2 ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/blog/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Blogs-and-Guides-Icon.svg" width="30px" alt="Blogs and Guides Icon" /><span class="ubermenu-target-title ubermenu-target-text">Blog</span></a></li><li id="menu-item-18994" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18994 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/resources/?resource_type=ebooks+guides"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/eBook-Icon.svg" width="30px" alt="eBook" /><span class="ubermenu-target-title ubermenu-target-text">Guides</span></a></li><li id="menu-item-18995" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18995 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/resources/?resource_type=case-studies"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Case-Studies.svg" width="30px" alt="Case Studies" /><span class="ubermenu-target-title ubermenu-target-text">Case Studies</span></a></li><li id="menu-item-18996" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18996 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/resources/?resource_type=webinars"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Webinars-and-Events.svg" width="30px" alt="Webinars and Events" /><span class="ubermenu-target-title ubermenu-target-text">Webinars & Events</span></a></li><li id="menu-item-18997" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18997 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-full" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/support/"><span class="ubermenu-target-title ubermenu-target-text">Support</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18998" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18998 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" target="_blank" href="https://theloop.personifycorp.com/home"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Vector-1.svg" width="26" height="19" alt="Vector 1" /><span class="ubermenu-target-title ubermenu-target-text">The Loop</span></a></li><li id="menu-item-18999" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18999 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/implementation/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Implementation-Icon.svg" width="30px" alt="Implementation" /><span class="ubermenu-target-title ubermenu-target-text">Implementation</span></a></li><li id="menu-item-19000" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-19000 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-full" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/about-memberclicks/"><span class="ubermenu-target-title ubermenu-target-text">About Us</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-19001" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-19001 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" target="_blank" href="https://personifycorp.com/about-us/leadership/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Leadership-Icon-2.svg" width="15" height="26" alt="Leadership" /><span class="ubermenu-target-title ubermenu-target-text">Leadership</span></a></li><li id="menu-item-19002" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-19002 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" target="_blank" href="https://personifycorp.com/about-us/careers/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Careers.svg" width="26" height="26" alt="Careers" /><span class="ubermenu-target-title ubermenu-target-text">Careers</span></a></li><li id="menu-item-19003" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-19003 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/industry-partners/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Group-672.svg" width="24" height="19" alt="Industry partners" /><span class="ubermenu-target-title ubermenu-target-text">Industry Partners</span></a></li><li id="menu-item-19004" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-19004 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/contact/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Contact-us.svg" width="24" height="24" alt="Contact us" /><span class="ubermenu-target-title ubermenu-target-text">Contact Us</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-19005 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-hide-mobile ubermenu-item-type-column ubermenu-column-id-19005"><ul class="ubermenu-submenu ubermenu-submenu-id-19005 ubermenu-submenu-type-stack" ><li id="menu-item-19006" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-19006 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Featured Resource</span></span></li><li class="ubermenu-autocolumn menu-item-19007-col-0 ubermenu-item-level-3 ubermenu-column ubermenu-column-1-1 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-19007-col-0"><ul class="ubermenu-submenu ubermenu-submenu-id-19007-col-0 ubermenu-submenu-type-stack" ><li id="menu-item-19007-post-18031" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-dynamic-post ubermenu-item-19007 ubermenu-item-19007-post-18031 ubermenu-item-header ubermenu-item-level-3 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-default ubermenu-item-layout-image_above" href="https://memberclicks.com/resources/guides/the-ultimate-guide-to-non-dues-revenue-for-associations/" id="resources-featured-image"><img class="ubermenu-image ubermenu-image-size-card-post" src="https://memberclicks.com/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1-500x333.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1-500x333.png?lossy=0&strip=1&webp=1 500w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1-675x450.png?lossy=0&strip=1&webp=1 675w" sizes="(max-width: 500px) 100vw, 500px" width="500" height="333" alt="Pastel Book Launching for Authors (1)" /><span class="ubermenu-target-title ubermenu-target-text">The Ultimate Guide to Non-Dues Revenue for Associations</span><span class="ubermenu-badge ubermenu-badge-inline"><span class="fw-bold fs-6"> Download <svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg> </span></span></a></li></ul></li></ul></li></ul></li><li id="menu-item-19008" class="top-level ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-19008 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/membership-software-pricing/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Pricing</span></a></li><li id="menu-item-19009" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-19009 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only rounded" href="#demo-request" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Book a Demo</span></a></li></ul><div class="ubermenu-mobile-footer"><button class="ubermenu-mobile-close-button"><i class="fas fa-times"></i> Close</button></div></nav>  </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>  <div id="content" class="site-content"> <style> /* IMG */ .type-post #content img { width: 110%; height: auto; margin-left: -5%; } </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> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <link rel="stylesheet" href="/wp-content/themes/kin/src/bootstrap-toc/dist/bootstrap-toc.min.css" />  <script src="/wp-content/themes/kin/src/bootstrap-toc/dist/bootstrap-toc.min.js"></script> <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 m-0"> <a class="breadcrumb-item" href="https://memberclicks.com/blog/">Blog</a> <a class="breadcrumb-item" href="https://memberclicks.com/blog/category/association-software/">Association Software</a> <span class="breadcrumb-item">Tracking Membership Dues: A How-To Guide</a> </div> </div> </div> </div> <div class="container"> <div class="row align-items-center py-5 g-5"> <div id="featured-content" class="col-12 col-md-6 mt-0"> <img width="1280" height="720" src="https://memberclicks.com/wp-content/uploads/2021/12/tracking-membership-dues-1280x720.jpg" class="rounded img-fluid wp-post-image" alt="A professional uses a tablet at an office desk to track and manage membership dues." decoding="async" fetchpriority="high" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/tracking-membership-dues.jpg?size=256x144&lossy=0&strip=1&webp=1 256w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/tracking-membership-dues-450x253.jpg?lossy=0&strip=1&webp=1 450w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/tracking-membership-dues.jpg?size=512x288&lossy=0&strip=1&webp=1 512w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/tracking-membership-dues-800x450.jpg?lossy=0&strip=1&webp=1 800w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/tracking-membership-dues.jpg?size=1024x576&lossy=0&strip=1&webp=1 1024w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/tracking-membership-dues-1280x720.jpg?lossy=0&strip=1&webp=1 1280w" sizes="(max-width: 1280px) 100vw, 1280px" /> <img src="<" class="rounded" alt="" width="100%" /> </div> <div class="col-12 col-md-6"> <a class="fs-6 text-primary btn btn-sm btn-light text-dark mb-4" href="https://memberclicks.com/blog/category/association-software/">Association Software</a> <h1>Tracking Membership Dues: A How-To Guide</h1> <div class="row g-2 mt-4"> <div class="col text-middle text-lg-start d-flex justify-content-between align-items-center"> <span class="author-info"> <span> <img alt="MemberClicks Avatar" class="avatar avatar-lg me-2" src="https://memberclicks.com/wp-content/uploads/2023/07/memberclicks-icon-150x150.jpg"> </span> <span class="text-muted"> MemberClicks </span> </span> <span class="text-muted"> October 9, 2024 </span> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row g-5 justify-content-center"> <div id="table-of-contents" class="col-md-3 d-none d-xl-block"> <div id="table-of-contents-card" class="card sticky-top overflow-hidden" style="top:10%"> <div class="card-header font-bold text-secondary font-header bg-transparent"> <i class="icon-bookmark-o text-primary"></i> Table of 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"> <div class="row "> <div class="col text-muted text-start"> <i class="icon-clock"></i> 6 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://memberclicks.com/blog/tracking-membership-dues/&quote=Tracking Membership Dues: A How-To Guide" title="Share on Facebook" target="_blank"> <span class="icon-facebook"></span> </a> <a class="btn btn-sm btn-light" target="_new" href="https://twitter.com/intent/tweet?text=Tracking+Membership+Dues%3A+A+How-To+Guide&url= https%3A%2F%2Fmemberclicks.com%2Fblog%2Ftracking-membership-dues%2F"> <span class="icon-twitter"></span> </a> <a class="btn btn-sm btn-light" href="http://www.linkedin.com/shareArticle?mini=true&url=https://memberclicks.com/blog/tracking-membership-dues/&title=Tracking Membership Dues: A How-To Guide" target="_blank" title="Share on LinkedIn"> <span class="icon-linkedin"></span> </a> <a class="btn btn-sm btn-light" href="mailto:?subject=<Tracking Membership Dues: A How-To Guide>&body=<https://memberclicks.com/blog/tracking-membership-dues/>" target="_blank"> <span class="icon-envelope"></span> </a> </div> </div> </div> <hr> <article id="post-3216" class="toc post-3216 post type-post status-publish format-standard has-post-thumbnail hentry category-association-software category-member-software category-membership-management" data-bs-spy="scroll" data-bs-target="#toc"> <div id="article" class="mb-5" data-bs-spy="scroll" data-bs-target="#toc" data-bs-offset="0" tabindex="0"> <p>Membership dues are more than just a source of income—they’re a vital measure of your association’s health and growth potential. Effectively tracking dues gives you insight into member retention, engagement, and your <a href="https://memberclicks.com/blog/nonprofit-financial-statements-everything-you-need-to-know/">organization’s financial standing</a>. Yet, many associations struggle with inefficient or outdated systems that don’t provide the full picture.</p> <p>In this article, we’ll explore how a streamlined approach to tracking membership dues can help you maintain a steady revenue stream, improve member relations, and set your organization up for long-term success. </p> <p>Ready to optimize how you manage dues and keep your membership engaged? Let’s dive in!</p> <h2 class="wp-block-heading">Why Is It Important to Track Membership Dues?</h2> <p>Tracking membership dues isn’t just about staying on top of payments; it’s essential for your organization’s decision-making and strategic growth. Here’s how dues tracking can directly support your goals:</p> <h3 class="wp-block-heading"><strong>Assess Membership Trends</strong></h3> <p>By analyzing dues trends over time, you can quickly identify patterns in growth or decline. For example, if you notice a drop in annual renewals, this may indicate a need to revisit your engagement strategy or member benefits. </p> <p>An association that noticed a 10% decline in dues payments acted fast, launching a new member feedback program that helped boost renewals by 15% the following year.</p> <h3 class="wp-block-heading"><strong>Understand Payment Preferences</strong></h3> <p>Some members prefer to pay annually, while others need installment options to stay on track. Tracking these preferences can help you shape policies that meet members where they are, leading to higher renewal rates and member satisfaction. </p> <p>For instance, a chamber of commerce introduced flexible payment plans after tracking data showed 40% of members wanted quarterly billing, resulting in a notable reduction in payment delays.</p> <h3 class="wp-block-heading"><strong>Ensure Timely Follow-Ups</strong></h3> <p>Automated dues tracking lets you send reminders right before renewal dates, reducing missed payments. For example, a nonprofit organization saw a 20% decrease in lapsed memberships by implementing automated reminders. Even in cases of failed autopayments, tracking allows quick follow-ups, so members don’t unintentionally lose their benefits due to something as simple as an expired credit card.</p> <p>By tracking dues data, your association can make well-informed decisions, enhance member satisfaction, and secure the steady revenue needed to grow and thrive.</p> <div class="membe-e25a59a15447cf2ddfd02469dd4595a1 membe-blog-cta-push" id="membe-e25a59a15447cf2ddfd02469dd4595a1"></div><h2 class="wp-block-heading">How Do Organizations Track Membership Dues?</h2> <p>Organizations track membership dues differently depending on their services and characteristics.</p> <p>For example, a small, local softball club’s needs are likely different from those of an international professional development association. The membership size, benefits, fees, and structure impact what the organization needs to track and how simple that process is.</p> <p>Some of the approaches different associations take to track membership data include:</p> <h3 class="wp-block-heading"><strong>Ad Hoc or Honor System</strong> </h3> <h5 class="wp-block-heading"><em>Best for:</em> Small clubs or informal groups.</h5> <p><strong>Pros:</strong> This method can work for very small organizations with limited budgets and a manageable number of members. It’s cost-effective and easy to set up with simple email follow-ups or group reminders.<br><br><strong>Cons:</strong> However, as membership grows, it can become challenging to keep track of who has paid and who hasn’t. Without a structured approach, there’s a higher risk of missed payments, lack of accountability, and time-consuming follow-ups.</p> <h3 class="wp-block-heading"><strong>Spreadsheets</strong></h3> <h5 class="wp-block-heading"><em>Best for:</em> Small to medium-sized organizations looking for low-cost solutions.</h5> <p><strong>Pros:</strong> Spreadsheets are affordable and provide customizable templates for tracking dues, giving staff flexibility over data entry. For organizations just starting out or with limited resources, this is a great intermediate step.<br><br><strong>Cons:</strong> Manually entering data is time-consuming and can lead to errors, especially as membership grows. Updates and reminders must also be managed separately, which can stretch staff time and resources.</p> <h3 class="wp-block-heading"><strong>Membership Management Software</strong></h3> <h5 class="wp-block-heading"><em>Best for:</em> Larger organizations or those aiming to grow quickly.</h5> <p><strong>Pros:</strong> <a href="https://memberclicks.com/association-management-software/">Association management software</a> automates dues tracking, allowing for scheduled reminders, integrated payment processing, and comprehensive reporting features. This all-in-one approach saves time and reduces errors, allowing staff to <a href="https://memberclicks.com/blog/member-engagement-strategies-ideas/">focus on member engagement</a> rather than admin tasks.<br><br><strong>Cons:</strong> While highly effective, the cost of membership management software can be prohibitive for smaller organizations, and there’s a learning curve involved in setup and maintenance.</p> <p>Selecting the right dues tracking approach depends on your organization’s current size, growth plans, and budget. As your association grows, it may be worth considering a transition to more robust tools to avoid costly tracking errors or administrative overload.</p> <h2 class="wp-block-heading">How to Set Up and Monitor an Effective Dues Tracking System</h2> <p>Setting up a reliable dues tracking system and regularly monitoring it can transform your association’s efficiency and member experience. Here are some actionable steps to help you get started and stay on track:</p> <ol class="wp-block-list"> <li><strong>Choose Your Tracking Method</strong>: Based on your organization’s size, budget, and goals, decide on the tracking approach that suits your needs best, whether it’s a simple spreadsheet or an all-in-one AMS platform.</li> <li><strong>Establish a Tracking Schedule</strong>: Regularly update your dues records, ideally on a monthly basis. Consistency in tracking prevents backlogs and ensures your data remains accurate and up-to-date.</li> <li><strong>Set Automated Reminders</strong>: If using an AMS, configure automated dues reminders to go out before and after the due date. For manual tracking, designate a staff member to send reminders regularly and ensure they are timely and consistent.</li> <li><strong>Monitor Key Metrics</strong>: Track important metrics like renewal rates, overdue payments, and payment method preferences. By monitoring these, you can identify trends, such as peak renewal times or common delays, which helps you refine your dues management over time.</li> <li><strong>Conduct Regular Audits</strong>: Every quarter, review your dues tracking records to identify any discrepancies, missing payments, or opportunities for improvement. This could involve cross-checking data in your AMS or ensuring spreadsheet entries are up-to-date and accurate.</li> <li><strong>Gather Feedback from Members</strong>: Periodically ask for feedback from members about their experience with your dues process. This can help you understand if there are any pain points, such as limited payment options or timing issues with reminders, and make adjustments accordingly.</li> </ol> <p>These steps create a structured dues tracking system that supports your financial goals and helps maintain positive relationships with members.</p> <h2 class="wp-block-heading">Benefits of Using Association Management Software to Track Membership Dues</h2> <p>Association management software (AMS) provides a comprehensive solution to streamline the dues tracking process, freeing your team from manual tracking and allowing them to <a href="https://memberclicks.com/blog/member-retention/">focus on member engagement and retention</a>. Here’s how an AMS can transform your dues management:</p> <ul class="wp-block-list"> <li><strong>Automated Renewals and Reminders</strong>: AMS platforms automate the renewal process by sending timely, customized reminders before dues are due, <a href="https://memberclicks.com/blog/3-ways-to-re-engage-your-lapsed-members/">minimizing the chances of lapsed memberships.</a> For example, automated reminders can reduce missed payments by up to 25%, according to recent studies from associations using AMS platforms.</li> <li><strong>Customizable Payment Options</strong>: AMS platforms can accommodate various payment preferences, from one-time payments to monthly or quarterly installments. This flexibility can improve retention, as members are more likely to stay when payment options align with their financial needs.</li> <li><strong>Integrated Payment Processing and Security</strong>: AMS <a href="https://memberclicks.com/features/account-payment-processing/">software integrates payment processors</a> that handle credit cards, ACH, and other payment methods, offering members a smooth payment experience while ensuring data security. Built-in security features protect against fraud and help maintain member trust.</li> <li><strong>Comprehensive Reporting and Analytics</strong>: Dues tracking through an AMS provides your organization with valuable data on member engagement and payment trends. Leaders can <a href="https://memberclicks.com/features/dues-and-renewals/">use this data to identify peak renewal periods</a>, the success of payment reminders, and areas for improvement, supporting strategic planning and financial forecasting.</li> </ul> <p>For example, with a platform like MemberClicks, you can automate the entire dues management cycle, from invoicing to follow-up reminders. MemberClicks also enables leaders to analyze trends in real-time, empowering them to make data-backed decisions that improve member retention and overall satisfaction.</p> <div class="membe-blog-cta-push-bottom membe-target" id="membe-1568070918" data-membe-trackid="17229" data-membe-trackbid="1"><a data-no-instant="1" href="https://memberclicks.com/contact/" class="adv-link" aria-label="CTA – AMS TOFU THIN 1"><img src="https://memberclicks.com/wp-content/uploads/2024/04/CTA-AMS-TOFU-THIN-1.png" alt="" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/04/CTA-AMS-TOFU-THIN-1.png?size=128x27&lossy=0&strip=1&webp=1 128w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/04/CTA-AMS-TOFU-THIN-1-300x64.png?lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/04/CTA-AMS-TOFU-THIN-1.png?size=384x82&lossy=0&strip=1&webp=1 384w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/04/CTA-AMS-TOFU-THIN-1.png?lossy=0&strip=1&webp=1 560w" sizes="(max-width: 560px) 100vw, 560px" class="no-lazyload" width="560" height="120" /></a></div><h2 class="wp-block-heading">Wrapping Up</h2> <p>Tracking membership dues is critical for maintaining your organization’s budget and assessing membership engagement over time. While there are different ways to go about tracking membership dues, using an association management software like MemberClicks helps keep this task organized, quick, and simple.</p> <p>Not having to spend so much time on tracking membership dues lets your team expand into other efforts to make your association the best it can be for its members. Level up your overall membership management process by checking out some of our additional resources, including:</p> <ul class="wp-block-list"> <li><a href="/membership-dues" target="_blank" rel="noopener">The Complete Guide to Membership Dues</a></li> <li><a href="/ams-system" target="_blank" rel="noopener">What is an AMS? Understanding Association Management Systems</a></li> <li><a href="/membership-management-guide" target="_blank" rel="noopener">Your Complete Membership Management Guide for 2021 and Beyond</a></li> </ul> </div> </article> </div> <div class="col-12 col-lg-3 "> <div id="sidebar-ctas" class="sticky-top"> <div class="sidebar-cta mb-4 text-center"> </div> <div id="subscribe" class="card card-blog-cta h-100 bg-primary p-3 d-flex aligns-items-center justify-content-center p-4 text-center border-0" style="background-image: url('https://memberclicks.com/wp-content/uploads/2023/08/Group-666.png'); background-position: ; background-repeat: no-repeat; background-size: "> <div class="text-primary-contrast"> <div id="subscribe-header" class="fs-2 lh-sm pb-3 text-primary-contrast">Give me the latest news!</div> <div class="pb-3 text-primary-contrast"><style> form#mktoForm_3553, form#mktoForm_3553 form#mktoForm_3553Col, form#mktoForm_3553 .mktoFieldDescriptor.mktoFormCol, form#mktoForm_3553 .mktoFieldWrap, form#mktoForm_3553 label, form#mktoForm_3553 input, form#mktoForm_3553 .mktoHtmlText.mktoHasWidth, form#mktoForm_3553 .mktoButtonRow, form#mktoForm_3553 .mktoFormCol { width: 100% !important; } form#mktoForm_3553 .mktoOffset, form#mktoForm_3553 .mktoAsterix { display: none; } form#mktoForm_3553 label#LblEmail { color: white; padding-bottom: 0.5rem; } form#mktoForm_3553 .mktoHtmlText { color: #ccc; font-size: 12px; } form#mktoForm_3553 .mktoHtmlText a { color: #fff; font-weight: bold; } form#mktoForm_3553 .mktoButtonWrap { width: 100%; margin: auto !important; display: block; text-align: center !important; } button.mktoButton { color: var(--primary-color-contrast) !important; 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: var(--primary-color-hover); 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; } button.mktoButton:hover { background-color: var(--primary-color-dark-hover); } </style> <script>MktoForms2.loadForm(“//go.personifycorp.com”, “659-YYM-976", 3553);</script> <script src="//go.personifycorp.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_3553"></form><script> MktoForms2.loadForm("//go.personifycorp.com", "659-YYM-976", 3553, function(form){ form.onSuccess(function(values, followUpUrl) { form.getFormElem().hide(); document.getElementById('confirmform').style.display = 'block'; document.getElementById('subscribe-header').style.display = 'none'; return false; }); }); </script> <div id="confirmform" class="text-primary-contrast"style="display:none;"><h4 class="text-primary-contrast">Thanks for subscribing!</h4><p>We’re excited to share the best of MemberClicks with you soon!</p></div> </div> </div> </div> </div> <script> var h = document.getElementById('header').clientHeight; document.getElementById("sidebar-ctas").style.top = h + 15 + 'px'; </script> </div> </div> </div> <div class="container py-5"> <div class="row justify-content-center"> <div class="col-12 col-md-10 col-lg-8"> <div class="card bg-secondary-light-hover py-0 px-4" style="background-image: url('https://memberclickdev.wpengine.com/wp-content/uploads/2023/08/Vector-4-4.png'); background-position: right bottom; background-repeat: no-repeat"> <div class="card-body py-0"> <div class="row align-items-center justify-content-center"> <div class="col-12 col-lg-5 order-lg-1 text-center"> <img class="img-fluid mx-auto" src="https://memberclickdev.wpengine.com/wp-content/uploads/2023/07/MC-MemRetention-Mockup-1-1.png"> </div> <div class="col-12 col-lg-7 order-lg-0 py-3 text-center text-lg-start"> <span class="h4 text-dark fw-bold">Free Member Retention Guide</span> <p class="text-light">Ready to retain members and keep them coming back forever and ever? This guide will teach you everything you need to know about member retention. We cover all the basics, like the first steps to member retention and how to map out your member journey. From there, we dive a bit deeper into retention tips.</p> <a class="btn btn-secondary" href="/resources/guides/member-retention-101/">Download</a> </div> </div> </div> </div> </div> </div> </div>  <div id="more-posts"> <div class="container"> <div class="row"> <div class="col-12"> <h4 class="text-secondary mb-4" data-toc-skip>Related Association Software Articles</h4> </div> </div> <div class="row"> <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"> <a href="https://memberclicks.com/blog/best-practices-for-your-learning-management-system/"> <img class="card-img-top rounded" src="https://memberclicks.com/wp-content/uploads/2023/07/pexels-vlada-karpovich-4050315-scaled-1-500x333.jpg" alt="11 Best Practices for Your Learning Management System"> </a> </div> <div class="card-body pt-2 d-flex flex-grow-1 align-items-stretch"> <div class="row"> <div class="col align-self-start"> <div class="hstack gap-4 small"> Sep 16, 2024 <div class="vr mx-2 align-middle text-muted"></div> <span class="icon-clock text-success"></span> 17 min read </div> </div> <div class="col-12 py-1 align-self-start"> <div class="card-title text-center text-md-start my-0 lh-sm align-self-start"> <a href="https://memberclicks.com/blog/best-practices-for-your-learning-management-system/"> <span class=" fs-4 text-dark text-center text-md-start"><strong>11 Best Practices for Your Learning Management System</strong></span> </a> </div> </div> <div class="col-12 pt-2 pb-1 align-self-end justify-content-between d-flex align-items-center"> <span class="author-info"> <span class="text-muted small"> Marlena Moore </span> </span> <a class="text-muted small" href="https://memberclicks.com/blog/category/association-software/"> Association Software </a> </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"> <a href="https://memberclicks.com/blog/marketing-automation-platforms-for-associations/"> <img class="card-img-top rounded" src="https://memberclicks.com/wp-content/uploads/2024/08/entrepreneurs-designers-architects-business-people-2023-11-27-04-52-35-utc-1-500x333.jpg" alt="Top 10 Marketing Automation Platforms for Associations "> </a> </div> <div class="card-body pt-2 d-flex flex-grow-1 align-items-stretch"> <div class="row"> <div class="col align-self-start"> <div class="hstack gap-4 small"> Aug 9, 2024 <div class="vr mx-2 align-middle text-muted"></div> <span class="icon-clock text-success"></span> 6 min read </div> </div> <div class="col-12 py-1 align-self-start"> <div class="card-title text-center text-md-start my-0 lh-sm align-self-start"> <a href="https://memberclicks.com/blog/marketing-automation-platforms-for-associations/"> <span class=" fs-4 text-dark text-center text-md-start"><strong>Top 10 Marketing Automation Platforms for Associations </strong></span> </a> </div> </div> <div class="col-12 pt-2 pb-1 align-self-end justify-content-between d-flex align-items-center"> <span class="author-info"> <span class="text-muted small"> Andrea Amorosi </span> </span> <a class="text-muted small" href="https://memberclicks.com/blog/category/association-software/"> Association Software </a> </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"> <a href="https://memberclicks.com/blog/nonprofit-kpis/"> <img class="card-img-top rounded" src="https://memberclicks.com/wp-content/uploads/2024/05/group-of-multiethnic-business-people-working-toget-2023-11-27-05-27-56-utc-1-500x333.jpg" alt="10 KPIs Nonprofits Need to Focus On"> </a> </div> <div class="card-body pt-2 d-flex flex-grow-1 align-items-stretch"> <div class="row"> <div class="col align-self-start"> <div class="hstack gap-4 small"> May 20, 2024 <div class="vr mx-2 align-middle text-muted"></div> <span class="icon-clock text-success"></span> 15 min read </div> </div> <div class="col-12 py-1 align-self-start"> <div class="card-title text-center text-md-start my-0 lh-sm align-self-start"> <a href="https://memberclicks.com/blog/nonprofit-kpis/"> <span class=" fs-4 text-dark text-center text-md-start"><strong>10 KPIs Nonprofits Need to Focus On </strong></span> </a> </div> </div> <div class="col-12 pt-2 pb-1 align-self-end justify-content-between d-flex align-items-center"> <span class="author-info"> <span class="text-muted small"> Andrea Amorosi </span> </span> <a class="text-muted small" href="https://memberclicks.com/blog/category/association-software/"> Association Software </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <style> #footer-logo { max-width: 200px; } #footer-top a { color: #808080; } #footer-top a:hover { color: black; } #footer-bottom a { color: #808080; } #footer-bottom a:hover { color: #eeeeee; } .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 } } .star-last { position: relative; color: #ffdd7f } .star-last:after { content: "\f005"; position: absolute; color: #ffbb00; top: 0; left: 0; margin-left: auto; margin-right: auto; width: 50%; overflow: hidden; } .star-point-1.star-last:after { width: 10%; } .star-point-2.star-last:after { width: 20%; } .star-point-3.star-last:after { width: 30%; } .star-point-4.star-last:after { width: 40%; } .star-point-5.star-last:after { width: 50%; } .star-point-6.star-last:after { width: 60%; } .star-point-7.star-last:after { width: 70%; } .star-point-8.star-last:after { width: 80%; } .star-point-9.star-last:after { width: 90%; } .star-point-10.star-last:after { width: 100%; } </style> <style> form#mktoForm_3039 .mktoFormRow:nth-child(5) input { width: 15px !important; margin-left: -20px; } form#mktoForm_3039 .mktoFormRow:nth-child(5) label { width: calc(100% - 50px) !important; margin-left: 0px; } form#mktoForm_3039 .mktoFormRow:nth-child(5) .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired.mktoInvalid { width: 250px !important; } form#mktoForm_3039 .mktoFormRow:nth-child(5) .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired { margin-left: 15px; width: 100% !important; } </style>  <div class="modal fade" id="demo-request" tabindex="-1" aria-labelledby="demo-request" aria-hidden="true"> <div class="modal-dialog modal-xl"> <div class="col-12 p-0 mt-5 pt-5"> <button id="demo-close" type="button" class="btn-close float-end btn-close-white m-2" data-bs-dismiss="modal" data-bs-target="#demo-request" aria-label="Close"></button> </div> <div class="modal-content overflow-hidden" style="border-radius: 1rem !important;"> <div class="modal-body p-0 overflow-hidden"> <div id="demo-request-top" class="bg-primary-light" style="background-image: url('https://memberclickdev.wpengine.com/wp-content/uploads/2023/08/Artboard-1@2x-e1692902858303.png'); background-position: center top ; background-repeat: no-repeat; background-size: 2000px"> <div class="container"> <div class="row p-2 p-lg-5"> <div class="col-12 col-lg-5 mx-auto order-1 order-md-2"> <div class="card"> <img class="d-none d-md-flex" src="https://memberclickdev.wpengine.com/wp-content/uploads/2023/08/Vector-2-1.png" style="position: absolute; top: -50px; left: -75px;"> <img class="d-none d-md-flex" src="https://memberclickdev.wpengine.com/wp-content/uploads/2023/08/Ellipse-127-2.png" style="position: absolute; bottom: -72px; right: -72px;"> <div class="card-body p-4"> <div class="d-block d-lg-none"> <h3>Request a Demo</h3> <p>Get in touch to learn more about MemberClicks - software designed for the unique needs of associations, chambers and nonprofits.</p> </div> <script src="//go.personifycorp.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_3039"></form> <script> MktoForms2.loadForm("//go.personifycorp.com", "659-YYM-976", 3039, function(form){ form.onSuccess(function(values, followUpUrl) { location.href = "/contact/thank-you/"; return false; }); }); </script> </div> </div> </div> <div class="col-12 col-md-6 text-white order-2 order-md-1 d-none d-lg-block mx-lg-4"> <div class="pb-3 d-none d-lg-block"> Request a Demo </div> <div class="h1 display-5 fw-bold lh-1 text-white d-none d-md-block">Membership Software that Clicks for Your Needs</div> <p class="d-none d-md-block mb-5 pb-5">Get in touch to learn more about MemberClicks - software designed for the unique needs of associations, chambers and nonprofits. If you’re looking to create a better member experience, save staff time and reduce costs, let us match you with the perfect tools today!</p> <div class="col-12 pt-5 d-none d-lg-block"> <div class="row pt-5"> <div class="col-4"> <div id="13089" class="card card-testimonial bg-transparent w-100 d-inline-block border-0" > <div class="card-body p-0 text-center"> <div class="row text-center g-1" style=" height: 100px; display: flex; justify-content: center; align-items: center; " > <div class="col-12 py-3"> <a href="https://www.capterra.com/p/133851/MemberClicks/" target="_blank" > <img decoding="async" loading="lazy" class="img-fluid" src="https://memberclickdev.wpengine.com/wp-content/uploads/2021/12/capterra-e1692076049701.png" alt="Capterra Logo" style="width: auto; height: 30px; object-fit: contain" width="100%" height="auto" /> </a> </div> <div class="col-12 border-bottom border-top border-1 mb-2 fs-6"> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1 star-last star-point-3"></span> </div> <div class="col"> <img border="0" src="https://capterra.s3.amazonaws.com/assets/images/gdm-badges/ca-shortlist-2024.png" height="75px" /> </div> </div> </div> </div> </div> <div class="col-4"> <div id="13090" class="card card-testimonial bg-transparent w-100 d-inline-block border-0" > <div class="card-body p-0 text-center"> <div class="row text-center g-1" style=" height: 75px; display: flex; justify-content: center; align-items: center; " > <div class="col-12 py-3"> <a href="https://www.getapp.com/customer-management-software/a/memberclicks/" target="_blank" > <img decoding="async" loading="lazy" class="img-fluid" src="https://memberclickdev.wpengine.com/wp-content/uploads/2023/06/GetAppLogo.png" alt="GetApp Logo" style="width: auto; height: 30px; object-fit: contain" width="100%" height="auto" /> </a> </div> <div class="col-12 border-bottom border-top border-1 mb-2 fs-6"> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1 star-last star-point-3"></span> </div> <div class="col"> <img border="0" src="https://capterra.s3.amazonaws.com/assets/images/gdm-badges/ga-category_leaders-2023.png" height="75px" /> </div> </div> </div> </div> </div> <div class="col-4"> <div id="13090" class="card card-testimonial bg-transparent w-100 d-inline-block border-0" > <div class="card-body p-0 text-center"> <div class="row text-center g-1" style=" height: 75px; display: flex; justify-content: center; align-items: center; " > <div class="col-12 py-3"> <a href="https://www.softwareadvice.com/nonprofit/memberclicks-profile/" target="_blank" > <img decoding="async" loading="lazy" class="img-fluid" src="https://memberclickdev.wpengine.com/wp-content/uploads/2021/12/Software-Advice-logo.png" alt="Software Advice Logo" style="width: auto; height: 30px; object-fit: contain" width="100%" height="auto" /> </a> </div> <div class="col-12 border-bottom border-top border-1 mb-2 fs-6"> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1 star-last star-point-3"></span> </div> <div class="col"> <img border="0" src="https://capterra.s3.amazonaws.com/assets/images/gdm-badges/sa-frontrunners-2024.png" height="75px" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <script> document.addEventListener('DOMContentLoaded', () => { const demoRequestButtons = document.querySelectorAll('a[href="#demo-request"]'); const demoRequestModal = new bootstrap.Modal(document.getElementById('demo-request')); demoRequestButtons.forEach(button => { button.addEventListener('click', (event) => { event.preventDefault(); demoRequestModal.show(); }); }); }); document.addEventListener('DOMContentLoaded', () => { const demoRequestButtons = document.querySelectorAll('a[href="#demo-request-top"]'); const demoRequestModal = new bootstrap.Modal(document.getElementById('demo-request')); demoRequestButtons.forEach(button => { button.addEventListener('click', (event) => { event.preventDefault(); demoRequestModal.show(); }); }); }); </script> </div> <footer class="site-footer"> <div id="footer-top" class="py-5 border-top"> <div class="container"> <div class="row g-4 lh-lg"> <div class="col-12 col-md-3 py-2"> <a href="https://memberclicks.com/"> <div class="fixed-container"> <img id="img-fluid" alt="MemberClicks" class="contain" layout="fill" style="max-width:300px" src="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg"> </div> </a> <div class="my-4">Building connections that click</div> <div id="socialMedia"> <a class="p-2 text-light" href="https://www.facebook.com/MemberClicks" target="_blank"> <span class="icon-facebook"></span> </a> <a class="p-2 text-light" href="https://www.linkedin.com/company/memberclicks/" target="_blank"> <span class="icon-linkedin"></span> </a> <a class="p-2 text-light" href="https://www.youtube.com/c/Memberclicks" target="_blank"> <span class="icon-youtube"></span> </a> </div> </div> <div class="col-12 col-md-9"> <div class="row"> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/products/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Products</a> <span class="lh-sm"> <a href="/products/professional/">MC Professional</a><br> <a href="/products/trade/">MC Trade</a><br> <a href="/membership-software-pricing/">Pricing</a><br> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/who-we-serve/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Solution Types</a> <span class="lh-sm"> <a href="/membership-management/">Membership Management</a><br> <a href="/association-management/">Association Management</a><br> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/association-software-support/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Support</a> <span class="lh-sm"> <a href="/association-software-support/">Support</a><br> <a href="/implementation/">Implementation</a><br> <a href="/professional-services-packages-trade/">MC Trade Services</a><br> <a href="/professional-services-packages-pro/">MC Pro Services</a> <a href="/professional-services-packages-community/">CommUnity Services</a> <a href="/data-and-web-services-packages/">Data and Web Services</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/about-us/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Company</a> <span class="lh-sm"> <a href="/about-us/">About Us</a><br> <a href="/contact/">Contact Us</a><br> <a href="https://personifycorp.com/about-us/leadership/" target="_blank">Leadership</a><br> <a href="https://personifycorp.com/about-us/careers/" target="_blank">Careers</a><br> <a href="https://memberclicks.com/industry-partners">Industry Partners</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/products/#members" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Add Ons</a> <span class="lh-sm"> <a href="/add-ons/classroom/">Classroom LMS</a><br> <a href="/add-ons/community/">CommUnity</a><br> <a href="/add-ons/conference-app/">Conference App</a><br> <a href="/add-ons/data-insights/">Data Insights</a><br> <a href="/add-ons/job-board/">Job Board</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="#" class="text-dark fw-bold d-block lh-lg mb-2 fs-5 text-truncate">Organization</a> <span class="lh-sm"> <a href="/professional-associations/">Professional Associations</a><br> <a href="/trade/">Trade Associations</a><br> <a href="/chambers/">Chambers of Commerce</a><br> <a href="/association-management/">Association Management Companies</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/resources/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Resources</a> <span class="lh-sm"> <a href="/blog/">Blog</a><br> <a href="/resources/?resource_type=guides">Guides</a><br> <a href="/resources/?resource_type=case-studies">Case Studies</a><br> <a href="/resources/?resource_type=webinars">Webinars & Events</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="#" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Partner Brands</a> <span class="lh-sm"> <a href="https://personifycorp.com/" target="_blank">Personify</a><br> <a href="http://wildapricot.com/" target="_blank">WildApricot</a><br> <a href="https://personifycorp.com/products/threesixty/" target="_blank">ThreeSixty</a><br> <a href="https://personifycorp.com/products/a2z-events/" target="_blank">A2Z Events</a> </span> </div> </div> </div> </div> </div> </div> <div id="footer-bottom" class="p-3 bg-"> <div class="container"> <div class="row align-items-center"> <div class="col-12 col-md text-light">  <a href="#"data-toggle="modal" data-target="#attribution">©</a> 2024 MemberClicks All Right Reserved.  <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"> <h5 class="modal-title" id="exampleModalLabel">Attributions </h5> <a type="button" class="close btn fs-4" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</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> </div> | <a href='javascript:void(0)' onclick='revisitCkyConsent()'>Do Not Sell or Share My Personal Information</a> | <a href="https://memberclicks.com/legal/">Legal Center</a> </div> <div class="col-auto text-end"> <a href="/pci"> <img src="https://wildapricotdev.wpengine.com/wp-content/uploads/2022/11/pci-dss-compliant-logo.png"> </a> </div> </div> </div> </div>  <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://memberclicks.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="search" class="btn btn-primary btn-lg" type="button"> <span class="icon-search" aria-hidden="true"></span>  </button> </div> </form> <small class="text-light">Hit enter to search or ESC to close</small> </div> </div> </div> </div> </footer> <script> /* Scroll calcs == menu + progress and template bars */ (function() { // First check for progress bar, otherwise calculate header height if (document.getElementById('progress')) { var h = document.getElementById('header').clientHeight - document.getElementById('progress').clientHeight; } else { var h = document.getElementById('header').clientHeight; } var doc = document.documentElement; var w = window; var prevScroll = w.scrollY || doc.scrollTop; var curScroll; var direction = 0; var prevDirection = 0; var header = document.getElementById('header'); var checkScroll = function() { /* ** Find the direction of scroll ** 0 - initial, 1 - up, 2 - down */ curScroll = w.scrollY || doc.scrollTop; if (curScroll > prevScroll) { //scrolled up direction = 2; } else if (curScroll < prevScroll) { //scrolled down direction = 1; } if (direction !== prevDirection) { toggleHeader(direction, curScroll); } // update the progress bar if (document.getElementById('progress')) { updateProgress(curScroll); } // update the Timeline Bar if (document.getElementById('our-story')) { updateTimeline(curScroll); } prevScroll = curScroll; }; var toggleHeader = function(direction, curScroll) { if (direction === 2 && curScroll > 52) { //replace 52 with the height of your header in px document.getElementById("header").style.top = '-' + h + 'px'; prevDirection = direction; } else if (direction === 1) { document.getElementById("header").style.top = '0px'; prevDirection = direction; } }; // progress bar calculations if (document.getElementById('progress')) { function updateProgress(curScroll) { var bar = document.querySelector(".progress-bar"); var t = document.querySelector('article'); var b = document.getElementById('more-posts'); if (curScroll > t.offsetTop && curScroll < (b.offsetTop - w.innerHeight)) { var curPercentage = Math.round(((curScroll - t.offsetTop) / (t.offsetHeight - w.innerHeight)) * 100); if (curPercentage < 1) { curPercentage = 1; } if (curPercentage > 100) { curPercentage = 100; } bar.style.width = curPercentage + "%"; bar.ariaValueNow = curPercentage; } else if (curScroll < t.offsetTop) { bar.style.width = "1%"; bar.ariaValueNow = 1; } } } // Scrollbar on About Us page if (document.getElementById('our-story')) { function updateTimeline(curScroll,timelineCount) { var timeline = document.querySelectorAll(".timeline"); for(let i = 0; i < timeline.length; i++){ if(timeline[i].offsetTop < (curScroll + (w.innerHeight / 2)) && i > 0){ timeline[i - 1].dataset.state = "past"; timeline[i].dataset.state = "active"; } else if (i == 0){ timeline[i].dataset.state = "active"; } else { timeline[i].dataset.state = "inactive"; } } } } window.addEventListener('scroll', checkScroll); })(); </script> <script type="text/javascript" id="advanced-ads-sticky-footer-js-js-extra"> /* <![CDATA[ */ var advanced_ads_sticky_settings = {"check_position_fixed":"","sticky_class":"membe-sticky","placements":["placement-footer-curious-about-change"]}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads-sticky-ads/public/assets/js/sticky.js" id="advanced-ads-sticky-footer-js-js"></script> <script type="text/javascript" id="advanced-ads-pro/front-js-extra"> /* <![CDATA[ */ var advanced_ads_cookies = {"cookie_path":"\/","cookie_domain":""}; var advadsCfpInfo = {"cfpExpHours":"3","cfpClickLimit":"3","cfpBan":"7","cfpPath":"","cfpDomain":""}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads-pro/assets/js/advanced-ads-pro.min.js" id="advanced-ads-pro/front-js"></script> <script type="text/javascript" src="https://memberclicks.com/wp-content/themes/kin/js/navigation.js" id="amp-navigation-js"></script> <script type="text/javascript" src="https://memberclicks.com/wp-content/themes/kin/js/skip-link-focus-fix.js" id="amp-skip-link-focus-fix-js"></script> <script type="text/javascript" id="advanced-ads-pro/cache_busting-js-extra"> /* <![CDATA[ */ var advanced_ads_pro_ajax_object = {"ajax_url":"https:\/\/memberclicks.com\/wp-admin\/admin-ajax.php","lazy_load_module_enabled":"","lazy_load":{"default_offset":0,"offsets":[]},"moveintohidden":"","wp_timezone_offset":"-14400","the_id":"3216","is_singular":"1"}; var advanced_ads_responsive = {"reload_on_resize":"0"}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads-pro/assets/js/base.min.js" id="advanced-ads-pro/cache_busting-js"></script> <script>(function(d){var s=d.createElement("script");s.type="text/javascript";s.src="https://a.omappapi.com/app/js/api.min.js";s.async=true;s.id="omapi-script";d.getElementsByTagName("head")[0].appendChild(s);})(document);</script><script type="text/javascript" id="advadsTrackingScript-js-extra"> /* <![CDATA[ */ var advadsTracking = {"impressionActionName":"aatrack-records","clickActionName":"aatrack-click","targetClass":"membe-target","blogId":"1","frontendPrefix":"membe-"}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads-tracking/public/assets/js/dist/tracking.min.js" id="advadsTrackingScript-js"></script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads-tracking/public/assets/js/dist/delayed.min.js" id="advadsTrackingDelayed-js"></script> <script type="text/javascript" id="ubermenu-js-extra"> /* <![CDATA[ */ var ubermenu_data = {"remove_conflicts":"on","reposition_on_load":"off","intent_delay":"300","intent_interval":"100","intent_threshold":"7","scrollto_offset":"50","scrollto_duration":"1000","responsive_breakpoint":"959","accessible":"on","mobile_menu_collapse_on_navigate":"on","retractor_display_strategy":"responsive","touch_off_close":"on","submenu_indicator_close_mobile":"on","collapse_after_scroll":"on","v":"3.8.5","configurations":["main"],"ajax_url":"https:\/\/memberclicks.com\/wp-admin\/admin-ajax.php","plugin_url":"https:\/\/memberclicks.com\/wp-content\/plugins\/ubermenu\/","disable_mobile":"off","prefix_boost":"","use_core_svgs":"off","aria_role_navigation":"off","aria_nav_label":"off","aria_expanded":"off","aria_haspopup":"off","aria_hidden":"off","aria_controls":"","aria_responsive_toggle":"off","icon_tag":"i","esc_close_mobile":"on","keyboard_submenu_trigger":"enter","theme_locations":{"primary":"Primary"}}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/ubermenu/assets/js/ubermenu.min.js" id="ubermenu-js"></script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/wp-smush-pro/app/assets/js/smush-lazy-load.min.js" id="smush-lazy-load-js"></script> <script>window.advads_admin_bar_items = [{"title":"Blog CTA - Push Bottom","type":"placement"},{"title":"AMS TOFU THIN 1","type":"ad"}];</script><script>window.advads_passive_placements = {"blog-cta-push_1":{"type":"group","id":98,"elementid":["membe-e25a59a15447cf2ddfd02469dd4595a1"],"ads":{"17129":{"id":17129,"title":"Blog CTA - AMS TOFU 2","expiry_date":0,"visitors":[],"content":"<div data-membe-trackid=\"17129\" data-membe-trackbid=\"1\" class=\"membe-target\" id=\"membe-107732381\"><a data-no-instant=\"1\" href=\"https:\/\/memberclicks.com\/contact\/\" class=\"adv-link\" aria-label=\"CTA – AMS TOFU 2\"><img src=\"https:\/\/memberclicks.com\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png\" alt=\"\" srcset=\"https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png?size=128x53&lossy=0&strip=1&webp=1 128w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2-300x123.png?lossy=0&strip=1&webp=1 300w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png?size=384x158&lossy=0&strip=1&webp=1 384w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png?lossy=0&strip=1&webp=1 560w\" sizes=\"(max-width: 560px) 100vw, 560px\" class=\"no-lazyload\" width=\"560\" height=\"230\" \/><\/a><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"image","position":"none","tracking_enabled":true,"privacy":{"ignore":false,"needs_consent":false}},"16823":{"id":16823,"title":"Blog CTA - Member Management","expiry_date":0,"visitors":[],"content":"<div data-membe-trackid=\"16823\" data-membe-trackbid=\"1\" class=\"membe-target\" id=\"membe-1888153256\"><a data-no-instant=\"1\" href=\"https:\/\/memberclicks.com\/contact\/\" rel=\"nofollow\" class=\"adv-link\" aria-label=\"Click through to learn about MemberClicks\u2019 membership management software tools, MC Trade and MC Professional.\"><img src=\"https:\/\/memberclicks.com\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png\" alt=\"Click through to learn about MemberClicks\u2019 membership management software tools, MC Trade and MC Professional.\" srcset=\"https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=128x21&lossy=0&strip=1&webp=1 128w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-300x49.png?lossy=0&strip=1&webp=1 300w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=384x63&lossy=0&strip=1&webp=1 384w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=512x84&lossy=0&strip=1&webp=1 512w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=640x105&lossy=0&strip=1&webp=1 640w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-768x126.png?lossy=0&strip=1&webp=1 768w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-1024x169.png?lossy=0&strip=1&webp=1 1024w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=1280x211&lossy=0&strip=1&webp=1 1280w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-1536x253.png?lossy=0&strip=1&webp=1 1536w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?lossy=0&strip=1&webp=1 1700w\" sizes=\"(max-width: 640px) 100vw, 640px\" class=\"no-lazyload\" width=\"1700\" height=\"280\" \/><\/a><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"image","position":"none","tracking_enabled":true,"privacy":{"ignore":false,"needs_consent":false}},"16541":{"id":16541,"title":"Blog CTA - Classroom","expiry_date":0,"visitors":[],"content":"<div data-membe-trackid=\"16541\" data-membe-trackbid=\"1\" class=\"membe-target\" id=\"membe-1679091501\"><a data-no-instant=\"1\" href=\"https:\/\/memberclicks.com\/products\/\" class=\"adv-link\" aria-label=\"CommUnity-Demo-CTA-1\"><img src=\"https:\/\/memberclicks.com\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png\" alt=\"\" srcset=\"https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png?size=128x18&lossy=0&strip=1&webp=1 128w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1-300x43.png?lossy=0&strip=1&webp=1 300w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png?size=384x55&lossy=0&strip=1&webp=1 384w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png?size=512x73&lossy=0&strip=1&webp=1 512w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png?size=640x91&lossy=0&strip=1&webp=1 640w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1-768x110.png?lossy=0&strip=1&webp=1 768w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1-1024x146.png?lossy=0&strip=1&webp=1 1024w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png?size=1280x183&lossy=0&strip=1&webp=1 1280w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png?lossy=0&strip=1&webp=1 1400w\" sizes=\"(max-width: 640px) 100vw, 640px\" class=\"no-lazyload\" width=\"1400\" height=\"200\" \/><\/a><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"image","position":"none","tracking_enabled":true,"privacy":{"ignore":false,"needs_consent":false}}},"group_info":{"id":98,"name":"Blog \u2013 Incontent CTA","weights":{"16541":2,"16823":3,"17129":4,"17120":10},"type":"ordered","ordered_ad_ids":[17120,17129,16823,16541],"ad_count":1},"placement_info":{"type":"post_content","name":"Blog CTA - Push","item":"group_98","options":{"placement_position":""},"id":"blog-cta-push"},"test_id":null,"group_wrap":[{"before":"<div class=\"membe-blog-cta-push\" id=\"membe-1668033270\">","after":"<\/div>"}],"inject_before":[""]}}; window.advads_has_ads = [["17229","ad","AMS TOFU THIN 1","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 type="text/javascript">var omapi_data = {"object_id":3216,"object_key":"post","object_type":"post","term_ids":[6,8,11],"wp_json":"https:\/\/memberclicks.com\/wp-json","wc_active":false,"edd_active":false,"nonce":"8efa08ff5d"};</script> <script id="membe-tracking">var advads_tracking_ads = {"1":[17229]};var advads_tracking_urls = {"1":"https:\/\/memberclicks.com\/wp-content\/ajax-handler.php"};var advads_tracking_methods = {"1":"frontend"};var advads_tracking_parallel = {"1":false};var advads_tracking_linkbases = {"1":"https:\/\/memberclicks.com\/linkout\/"};</script> </body> </html><script>window.advads_admin_bar_items = [{"title":"Blog CTA - Push Bottom","type":"placement"},{"title":"AMS TOFU THIN 1","type":"ad"}];</script><script>window.advads_passive_placements = {"blog-cta-push_1":{"type":"group","id":98,"elementid":["membe-e25a59a15447cf2ddfd02469dd4595a1"],"ads":{"17129":{"id":17129,"title":"Blog CTA - AMS TOFU 2","expiry_date":0,"visitors":[],"content":"<div data-membe-trackid=\"17129\" data-membe-trackbid=\"1\" class=\"membe-target\" id=\"membe-107732381\"><a data-no-instant=\"1\" href=\"https:\/\/memberclicks.com\/contact\/\" class=\"adv-link\" aria-label=\"CTA – AMS TOFU 2\"><img src=\"https:\/\/memberclicks.com\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png\" alt=\"\" srcset=\"https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png?size=128x53&lossy=0&strip=1&webp=1 128w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2-300x123.png?lossy=0&strip=1&webp=1 300w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png?size=384x158&lossy=0&strip=1&webp=1 384w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png?lossy=0&strip=1&webp=1 560w\" sizes=\"(max-width: 560px) 100vw, 560px\" class=\"no-lazyload\" width=\"560\" height=\"230\" \/><\/a><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"image","position":"none","tracking_enabled":true,"privacy":{"ignore":false,"needs_consent":false}},"16823":{"id":16823,"title":"Blog CTA - Member Management","expiry_date":0,"visitors":[],"content":"<div data-membe-trackid=\"16823\" data-membe-trackbid=\"1\" class=\"membe-target\" id=\"membe-1888153256\"><a data-no-instant=\"1\" href=\"https:\/\/memberclicks.com\/contact\/\" rel=\"nofollow\" class=\"adv-link\" aria-label=\"Click through to learn about MemberClicks\u2019 membership management software tools, MC Trade and MC Professional.\"><img src=\"https:\/\/memberclicks.com\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png\" alt=\"Click through to learn about MemberClicks\u2019 membership management software tools, MC Trade and MC Professional.\" srcset=\"https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=128x21&lossy=0&strip=1&webp=1 128w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-300x49.png?lossy=0&strip=1&webp=1 300w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=384x63&lossy=0&strip=1&webp=1 384w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=512x84&lossy=0&strip=1&webp=1 512w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=640x105&lossy=0&strip=1&webp=1 640w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-768x126.png?lossy=0&strip=1&webp=1 768w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-1024x169.png?lossy=0&strip=1&webp=1 1024w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=1280x211&lossy=0&strip=1&webp=1 1280w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-1536x253.png?lossy=0&strip=1&webp=1 1536w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?lossy=0&strip=1&webp=1 1700w\" sizes=\"(max-width: 640px) 100vw, 640px\" class=\"no-lazyload\" width=\"1700\" height=\"280\" \/><\/a><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"image","position":"none","tracking_enabled":true,"privacy":{"ignore":false,"needs_consent":false}},"16541":{"id":16541,"title":"Blog CTA - Classroom","expiry_date":0,"visitors":[],"content":"<div data-membe-trackid=\"16541\" data-membe-trackbid=\"1\" class=\"membe-target\" id=\"membe-1679091501\"><a data-no-instant=\"1\" href=\"https:\/\/memberclicks.com\/products\/\" class=\"adv-link\" aria-label=\"CommUnity-Demo-CTA-1\"><img src=\"https:\/\/memberclicks.com\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png\" alt=\"\" srcset=\"https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png?size=128x18&lossy=0&strip=1&webp=1 128w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1-300x43.png?lossy=0&strip=1&webp=1 300w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png?size=384x55&lossy=0&strip=1&webp=1 384w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png?size=512x73&lossy=0&strip=1&webp=1 512w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png?size=640x91&lossy=0&strip=1&webp=1 640w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1-768x110.png?lossy=0&strip=1&webp=1 768w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1-1024x146.png?lossy=0&strip=1&webp=1 1024w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png?size=1280x183&lossy=0&strip=1&webp=1 1280w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/03\/CommUnity-Demo-CTA-1.png?lossy=0&strip=1&webp=1 1400w\" sizes=\"(max-width: 640px) 100vw, 640px\" class=\"no-lazyload\" width=\"1400\" height=\"200\" \/><\/a><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"image","position":"none","tracking_enabled":true,"privacy":{"ignore":false,"needs_consent":false}}},"group_info":{"id":98,"name":"Blog \u2013 Incontent CTA","weights":{"16541":2,"16823":3,"17129":4,"17120":10},"type":"ordered","ordered_ad_ids":[17120,17129,16823,16541],"ad_count":1},"placement_info":{"type":"post_content","name":"Blog CTA - Push","item":"group_98","options":{"placement_position":""},"id":"blog-cta-push"},"test_id":null,"group_wrap":[{"before":"<div class=\"membe-blog-cta-push\" id=\"membe-1668033270\">","after":"<\/div>"}],"inject_before":[""]}}; window.advads_has_ads = [["17229","ad","AMS TOFU THIN 1","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="membe-tracking">var advads_tracking_ads = {"1":[17229]};var advads_tracking_urls = {"1":"https:\/\/memberclicks.com\/wp-content\/ajax-handler.php"};var advads_tracking_methods = {"1":"frontend"};var advads_tracking_parallel = {"1":false};var advads_tracking_linkbases = {"1":"https:\/\/memberclicks.com\/linkout\/"};</script><script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"></script><script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"> </script> <script> jQuery('#mobile-menu-close').click(function(){ jQuery('#navbar-mobile').removeClass('open'); }); </script> </body> </html>

CINXE.COM

Tracking Membership Dues: A How-To Guide | MemberClicks