CINXE.COM
Pricing | MemberClicks
<!doctype html> <html lang="en-US"> <head> <meta charset="utf-8"> <!-- GLOBAL DATA POINTS --> <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> <!-- This site is optimized with the Yoast SEO plugin v21.1 - https://yoast.com/wordpress/plugins/seo/ --> <title>Pricing | MemberClicks</title> <meta name="description" content="Pricing information for MC Trade and MC Professional, the two software options provided by MemberClicks. Learn more about our products and features." /> <link rel="canonical" href="https://memberclicks.com/membership-software-pricing/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Pricing | MemberClicks" /> <meta property="og:description" content="Pricing information for MC Trade and MC Professional, the two software options provided by MemberClicks. Learn more about our products and features." /> <meta property="og:url" content="https://memberclicks.com/membership-software-pricing/" /> <meta property="og:site_name" content="MemberClicks" /> <meta property="article:modified_time" content="2024-09-05T20:36:04+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://memberclicks.com/membership-software-pricing/","url":"https://memberclicks.com/membership-software-pricing/","name":"Pricing | MemberClicks","isPartOf":{"@id":"https://memberclicks.com/#website"},"datePublished":"2024-06-21T19:07:26+00:00","dateModified":"2024-09-05T20:36:04+00:00","description":"Pricing information for MC Trade and MC Professional, the two software options provided by MemberClicks. Learn more about our products and features.","breadcrumb":{"@id":"https://memberclicks.com/membership-software-pricing/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://memberclicks.com/membership-software-pricing/"]}]},{"@type":"BreadcrumbList","@id":"https://memberclicks.com/membership-software-pricing/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://memberclicks.com/"},{"@type":"ListItem","position":2,"name":"Pricing"}]},{"@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/"}}]}</script> <!-- / Yoast SEO plugin. --> <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/" /> <!-- memberclicks.com is managing ads with Advanced Ads 1.56.1 --><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://hb.wpmucdn.com/memberclicks.com/d32e9420-552a-4a23-8787-9e93ecbd55b8.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='wphb-1-css' href='https://hb.wpmucdn.com/memberclicks.com/22629f0b-fc11-458f-8834-8fc7981052d6.css' type='text/css' media='all' /> <script type="text/javascript" src="https://hb.wpmucdn.com/memberclicks.com/e484a5cd-f5d3-489f-8a31-0c83752a9bee.js" id="wphb-2-js"></script> <script type="text/javascript" id="wphb-3-js-extra"> /* <![CDATA[ */ var advanced_ads_pro_visitor_conditions = {"referrer_cookie_name":"advanced_ads_pro_visitor_referrer","referrer_exdays":"365","page_impr_cookie_name":"advanced_ads_page_impressions","page_impr_exdays":"3650"};;;var advads_options = {"blog_id":"1","privacy":{"enabled":false,"state":"not_needed"}}; /* ]]> */ </script> <script type="text/javascript" src="https://hb.wpmucdn.com/memberclicks.com/f284c3d5-bc32-4046-935b-2251c2eb6154.js" id="wphb-3-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/pages/17746" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://memberclicks.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://memberclicks.com/?p=17746' /> <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%2Fmembership-software-pricing%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%2Fmembership-software-pricing%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> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-56XFGCS');</script> <!-- End Google Tag Manager --> <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="page-template-default page page-id-17746 no-sidebar aa-prefix-membe-"> <!-- GOOGLE TAG MANAGER NOSCRIPT (GTM) --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src=""https://www.googletagmanager.com/ns.html?id=GTM-56XFGCS"" height=""0"" width=""0"" style=""display:none;visibility:hidden""></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="page" class="site"> <!-- HEADER --> <a class="visually-hidden-focusable" href="#content">Skip to main content</a> <header id="header" class="border-bottom border-"> <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"> <!-- UberMenu [Configuration:main] [Theme Loc:primary] [Integration:api] --> <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><!-- <i class="fas fa-times"></i> Font Awesome fontawesome.com --> </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><!-- begin Dynamic Posts: [Dynamic Posts] ID[19007] count[1] --><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><!-- end Dynamic Posts: [Dynamic Posts] ID[19007] --></ul></li></ul></li><li id="menu-item-19008" class="top-level ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-current-menu-item ubermenu-page_item ubermenu-page-item-17746 ubermenu-current_page_item 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> <!-- End UberMenu --> </div> </div> </nav> </header> <!-- CONTENT --> <div id="content" class="site-content"> <div id="" class="hero position-relative bg-light-light" style="background-image: url(''); background-position: center bottom 90px; background-repeat: no-repeat; background-size: "> <div class="container col-12"> <div class="row align-items-center py-5 justify-content-center"> <div class="hero-image col-md-12 col-lg-6 p-0 order-lg-1 mb-n4"> <img decoding="async" class="img-fluid" src="https://memberclicks.com/wp-content/uploads/2024/06/callout-image-frame-9-1024x904.png" alt="Pricing-hero"> </div> <div class="hero-content col-lg-6 text-center text-lg-start my-5 mx-auto"> <div class="pb-3 small text-light-dark"> MemberClicks Association Management Software </div> <h1 class="display-4 fw-bold lh-1 mb-3">Membership software at a price that clicks</h1> <p class="col-lg-10 fs-5 text-light ">Starting at $3,500 annually.*<br> <div class="small mt-2">*Pricing is based on organization size and functionality needs.</div> <style> .hero { color: var(--primary-color-contrast) !important; background-image: url(https://memberclicks.com/wp-content/uploads/2024/06/Ellipse-130.svg), url(https://memberclicks.com/wp-content/uploads/2024/06/Rectangle-271.svg) !important; background-repeat: no-repeat !important; background-position: center bottom 75px, top center !important; background-size: 100%, 200% 350px; } @media screen and (max-width: 992px) { .hero { background-image: none !important; background-color: var(--primary-color) !important; } } .hero h1, .hero p { color: var(--primary-color-contrast) !important } </style></p> </div> </div> </div> </div> <div class="container"> <div class="row justify-content-center g-4 py-4"> <div class="col-12 col-lg-6"> <div class="card shadow h-100 p-3"> <div class="card-body"> <div class="col-12"> <img decoding="async" height="65px" src="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional.svg"> </div> <div class="strong mt-3">When your members are individuals</div> <hr> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Full membership management</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Member directory</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Flexible member types & committee management</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Automated dues collection</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Renewal reminders</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Recurring email campaigns, automation & tracking</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Event management, registration & calendars</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Call for papers/abstracts</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Integrated payment processing</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Financial reports & simple data export</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Easy-to-build website</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Member portal & CMS</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Real-time reporting</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Member engagement analytics</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Custom form creation</div> </div> <div class="row pt-3"> <div class="col-12"> <a class="btn btn-primary btn-lg" href="#demo-request-top">Let’s talk MC Pro!</a> </div> </div> </div> </div> </div> <div class="col-12 col-lg-6"> <div class="card shadow h-100 p-3"> <div class="card-body"> <div class="col-12"> <img decoding="async" height="65px" src="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Trade.svg"> </div> <div class="strong mt-3">When your members are organizations, or you’re a large membership organization or chamber</div> <hr> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Complete membership data management, contact tracking and full CRM</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Easy-to-build website</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Advanced dues calculation, automation and collection</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Renewal reminders</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Email automation</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Event management, registration and calendars</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Committee management</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Sales management</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Custom form creation</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Online directory</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">eCommerce store</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Member portal</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Set granular admin user permissions</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Relational database supports complex organizational structures (link employee/employer, parent/child company and more)</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Robust reporting options</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Advanced financial management and third-party accounting software integrations</div> </div> <div class="row g-2 text-start py-1"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-custom rounded-circle"></span> </div> <div class="col">Specialty pricing for chambers</div> </div> <div class="row pt-3"> <div class="col-12"> <a class="btn btn-primary btn-lg" href="#demo-request-top">Curious about MC Trade?</a> </div> </div> </div> </div> </div> </div> </div> <style> .p-custom { padding: .15rem; } </style> <div class="container"> <div class="row py-1 py-md-4"> <div class="col-12"> <div class="card bg-cta-light shadow border-0 rounded-1"> <div class="card-body"> <div class="row align-items-center text-center"> <div class="col-12 col-md-auto"> <img decoding="async" width="40px" src="https://memberclicks.com/wp-content/uploads/2024/06/thin-0296_phone_call_contact-1.svg"> </div> <div class="col-12 col-md-auto fs-3 fw-bolder text-secondary"> Not Sure? </div> <div class="col-12 col-md"> Our sales team would love to learn more about your organization and recommend the best fit. </div> <div class="col-12 col-md-auto"> <a class="btn btn-secondary" href="#demo-request-top">We’re one form away</a> </div> </div> </div> </div> </div> </div> </div> <div class="container py-5"> <div class="row py-1 py-md-4"> <div class="col-12 text-center"> <h3>Let’s Take This Journey Together</h3> <p>We’re here for you every step of the way</p> </div> <div class="col text-center"> <div class="pricing-circle bg-primary fs-3 text-white text-center rounded-circle my-4 mx-auto">1</div> <div class="pricing-icon shadow mx-auto d-flex justify-content-center rounded-circle my-3"> <img decoding="async" width="50px" src="https://memberclicks.com/wp-content/uploads/2024/06/Email-Tools-Icon.svg"> </div> <p>Connect with us via form, email or phone</p> </div> <div class="col text-center"> <div class="pricing-circle bg-primary fs-3 text-white text-center rounded-circle my-4 mx-auto">2</div> <div class="pricing-icon shadow mx-auto d-flex justify-content-center rounded-circle my-3"> <img decoding="async" width="50px" src="https://memberclicks.com/wp-content/uploads/2024/06/Benchmark-KPIs-Bullseye-Icon.svg"> </div> <p>Our Sales Team will reach out to learn about your organization’s needs and goals</p> </div> <div class="col text-center"> <div class="pricing-circle bg-primary fs-3 text-white text-center rounded-circle my-4 mx-auto">3</div> <div class="pricing-icon shadow mx-auto d-flex justify-content-center rounded-circle my-3"> <img decoding="async" width="50px" src="https://memberclicks.com/wp-content/uploads/2024/06/Streamline_Checkin-1.svg"> </div> <p>Identify what products will help you succeed</p> </div> <div class="col text-center"> <div class="pricing-circle bg-primary fs-3 text-white text-center rounded-circle my-4 mx-auto">4</div> <div class="pricing-icon shadow mx-auto d-flex justify-content-center rounded-circle my-3"> <img decoding="async" width="50px" src="https://memberclicks.com/wp-content/uploads/2024/06/Facilitate-Member -Networking-Icon.svg"> </div> <p>Product walkthrough and Q&A</p> </div> <div class="col text-center"> <div class="pricing-circle bg-primary fs-3 text-white text-center rounded-circle my-4 mx-auto">5</div> <div class="pricing-icon shadow mx-auto d-flex justify-content-center rounded-circle my-3"> <img decoding="async" width="50px" src="https://memberclicks.com/wp-content/uploads/2024/06/Real-People-Helping-Icon.svg"> </div> <p>Fall in love with MemberClicks and kickstart the implementation process!</p> </div> </div> </div> <style> .pricing-circle { width: 40px; height: 40px; } .pricing-icon { width: 100px; height: 100px; } </style> <div id="" class="cta py-5 position-relative p bg-cta-light" style="background-image: url(''); background-position: ; background-repeat: no-repeat; background-size: "> <div class="container"> <div class="row align-items-center justify-content-center outer"> <div class="col-10"> <div class="row align-items-center justify-content-center inner"> <div class="col-12 col-lg-6 pb-3 pb-lg-0 text-center order-0"> <img decoding="async" class="img-fluid" src="https://memberclicks.com/wp-content/uploads/2024/06/support-callout.png" alt="cta-image"> </div> <div class="col-12 col-lg-6 text-center text-lg-start"> <h2 class="text-cta-dark">A Support Team <br class="d-none d-md-block">You’ll Click With</h2> <p>We believe in supporting our organizations beyond the buying process.<br> <br> Our clients are backed back by our industry-leading support team. Our client resources and training give you many opportunities to connect with our team and learn how to make the most of our products.</p> <a class="btn btn-secondary d-inline-block mb-3" href="/support/" target="">Explore Support Resources</a> </div> </div> </div> </div> </div> </div> <div id="" class=" scpt py-5 position-relative p bg-primary-light" style="background-image: url('https://memberclicks.com/wp-content/uploads/2024/06/Frame-884-opacity-01.svg'); background-position: top; background-repeat: no-repeat; background-size: cover"> <div class="container"> <div class="row"> <div class="col-12 col-md-10 col-lg-6 mx-auto text-center"> <h2 class="text-body">More than member management</h2> <p>MemberClicks by Personify integrates with our other products so you can build the member experience you’ve always dreamed of.</p> </div> </div> <div class="row py-5 justify-content-center"> <div class="col-12 col-lg-10 mx-auto"> <div class="row g-4 justify-content-center"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl"> <a href="https://memberclicks.com/add-ons/community/"> <div class="card h-100 shadow overflow-hidden"> <img fetchpriority="high" decoding="async" width="500" height="333" src="https://memberclicks.com/wp-content/uploads/2023/08/Community-500x333.png" class="img-fluid card-img-top wp-post-image" alt="CommUnity" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Community.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Community.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Community.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Community.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Community-500x333.png?lossy=0&strip=1&webp=1 500w" sizes="(max-width: 500px) 100vw, 500px" /> <div class="card-body text-center text-lg-start text-body"> <span class="d-block fs-4 fw-regular fw-bold text-body">CommUnity</span> Create your own online space exclusive to your members. </div> </div> </a> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl"> <a href="https://memberclicks.com/add-ons/member-app/"> <div class="card h-100 shadow overflow-hidden"> <img decoding="async" width="500" height="333" src="https://memberclicks.com/wp-content/uploads/2023/10/Member-App-01-500x333.png" class="img-fluid card-img-top wp-post-image" alt="Member App" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/Member-App-01.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/Member-App-01.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/Member-App-01.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/Member-App-01.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/Member-App-01-500x333.png?lossy=0&strip=1&webp=1 500w" sizes="(max-width: 500px) 100vw, 500px" /> <div class="card-body text-center text-lg-start text-body"> <span class="d-block fs-4 fw-regular fw-bold text-body">Member App</span> Enhance connection and communication with your members all in one app </div> </div> </a> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl"> <a href="https://memberclicks.com/add-ons/classroom/"> <div class="card h-100 shadow overflow-hidden"> <img decoding="async" width="500" height="333" src="https://memberclicks.com/wp-content/uploads/2023/08/Classroom-500x333.png" class="img-fluid card-img-top wp-post-image" alt="Classroom" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Classroom.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Classroom.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Classroom.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Classroom.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Classroom-500x333.png?lossy=0&strip=1&webp=1 500w" sizes="(max-width: 500px) 100vw, 500px" /> <div class="card-body text-center text-lg-start text-body"> <span class="d-block fs-4 fw-regular fw-bold text-body">Classroom</span> Build learning paths and further your members’ education. </div> </div> </a> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl"> <a href="https://memberclicks.com/add-ons/job-board/"> <div class="card h-100 shadow overflow-hidden"> <img decoding="async" width="500" height="333" src="https://memberclicks.com/wp-content/uploads/2023/08/Job-Board-500x333.png" class="img-fluid card-img-top wp-post-image" alt="Job Board" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Job-Board.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Job-Board.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Job-Board.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Job-Board.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Job-Board-500x333.png?lossy=0&strip=1&webp=1 500w" sizes="(max-width: 500px) 100vw, 500px" /> <div class="card-body text-center text-lg-start text-body"> <span class="d-block fs-4 fw-regular fw-bold text-body">Job Board</span> Grow your revenue and provide career opportunities for your members. </div> </div> </a> </div> </div> </div> </div> </div> </div> <style> section.testimonial-section .quote-open { font-size: 200px !important; line-height: 200px; position: absolute; left: 0px; top: 0px; z-index: 0; } section.testimonial-section .quote-closed { font-size: 200px !important; line-height: 200px; position: absolute; bottom: 0px; right: 50px; z-index: 0; } </style> <div class="testimonials py-5 position-relative p bg-primary-light"> <section class="testimonial-section"> <div class="container"> <div class="row"> <div class="col-12 col-md-10 col-lg-6 mx-auto text-center"> <style> .testimonials { padding-top: 0px !important; } .col-lg-5.testimonial-img { background-image: url(https://memberclicks.com/wp-content/uploads/2024/06/Ellipse-126.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; padding: 50px 0px !important; } </style> </div> <div class="col-12"> <div class="card bg-primary-dark-hover" style="background-image: url(''); background-position: ; background-repeat: no-repeat; background-size: "> <div class="card-body"> <div class="row d-flex align-items-center"> <div class="col-lg-5 testimonial-img"> <img decoding="async" class="img-fluid d-flex mx-auto rounded-circle" style="width: 50%; max-width: 300px;" height="auto" width="auto" alt="#" src="https://memberclicks.com/wp-content/uploads/2024/06/AdobeStock_212820216-300x300.jpg"></img> </div> <div class="col-lg-7 py-5 position-relative"> <span class="quote-open d-none d-lg-flex text-primary-hover">“</span> <div class="fs-4 text-primary-contrast pb-5 position-relative" style="z-index:1">With our last system, we had to manually pull renewal lists and send messages so the automatic reminders is a huge time saver. We are never going back to another AMS.</div> <span class="quote-closed d-none d-lg-flex text-primary">“</span> <span class="testimonial-name d-block text-primary fw-bold fs-5">Adrian Amos-Honderick</span> <span class="testimonial-desg text-primary-contrast">FSAE</span> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="container py-5"> <div class="row justify-content-center"> <div class="col-12 col-lg-6 text-center"> <h3>Join over 3,000 associations that love to use MemberClicks AMS</h3> <p>Just a few of our clients</p> </div> </div> <div class="row"> <div class="col-4 col-lg-2"> <img decoding="async" class="img-fluid p-4" src="https://memberclicks.com/wp-content/uploads/2024/06/Frame-855-1.png"> </div> <div class="col-4 col-lg-2"> <img decoding="async" class="img-fluid p-4" src="https://memberclicks.com/wp-content/uploads/2024/06/Frame-854.png"> </div> <div class="col-4 col-lg-2"> <img decoding="async" class="img-fluid p-4" src="https://memberclicks.com/wp-content/uploads/2024/06/Frame-856-1.png"> </div> <div class="col-4 col-lg-2"> <img decoding="async" class="img-fluid p-4" src="https://memberclicks.com/wp-content/uploads/2024/06/Frame-857.png"> </div> <div class="col-4 col-lg-2"> <img decoding="async" class="img-fluid p-4" src="https://memberclicks.com/wp-content/uploads/2024/06/Frame-859.png"> </div> <div class="col-4 col-lg-2"> <img decoding="async" class="img-fluid p-4" src="https://memberclicks.com/wp-content/uploads/2024/06/Frame-858-1.png"> </div> </div> </div> <div id="faqs" class="bg-cta-light" style="background-image: url(https://memberclicks.com/wp-content/uploads/2024/06/Vector-18.png); background-position: top left; background-repeat: no-repeat; background-size: 50%;"> <div class="container"> <div class="row py-5 align-items-center"> <div class="col-12 col-lg-5"> FAQs <h3>Have Questions?</h3> <p>Get all your questions answered in this section and if you still have questions – you can always contact us.</p> </div> <div class="col-12 col-lg-7"> <div id="accordionExample" class="d-block accordion nav nav-tabs border-0" role="tablist"> <div class="accordion-item active" data-bs-toggle="tab" data-bs-target="#accordion-one" type="button" role="tab" aria-controls="accordion-one" aria-selected="true"> <h2 class="accordion-header" id="headingOne"> <button class="accordion-button border-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> <h3 class="fs-4">What is the difference between MemberClicks AMS and WildApricot?</h3> </button> <hr> </h2> <div id="collapseOne" class="accordion-collapse border-0 collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample" style=""> <div class="accordion-body"> WildApricot and MemberClicks provide different levels of reporting, personalization, integration and more. WildApricot is a great DIY solution for smaller organizations with limited budget who can build and manage their own setup. MemberClicks is the best option for small to medium organizations who are looking for help with implementation and onboarding. MemberClicks has a dedicated support line, a client online community and live-chat assist. It is the perfect AMS for streamlining admin tasks and growing revenue. </div> </div> </div> <div class="accordion-item" data-bs-toggle="tab" data-bs-target="#accordion-two" type="button" role="tab" aria-controls="accordion-two" aria-selected="false"> <h2 class="accordion-header" id="headingTwo"> <button class="accordion-button collapsed border-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> <h3 class="fs-4">Who uses MemberClicks?</h3> </button> <hr> </h2> <div id="collapseTwo" class="accordion-collapse border-0 collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample" style=""> <div class="accordion-body"> MemberClicks membership software is used by professional and trade associations, chambers, and organizations that are small to mid-sized. MemberClicks is the perfect AMS for organizations ready to do more for their members, including deeper reporting, member behavior tracking, event planning, dues collection and non-dues revenue building. </div> </div> </div> <div class="accordion-item" data-bs-toggle="tab" data-bs-target="#accordion-three" type="button" role="tab" aria-controls="accordion-three" aria-selected="false"> <h2 class="accordion-header" id="headingTwo"> <button class="accordion-button border-0 collapsed " type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> <h3 class="fs-4">Is MC Trade or MC Professional a better fit for me?</h3> </button> <hr> </h2> <div id="collapseThree" class="accordion-collapse border-0 collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> <div class="accordion-body"> Depending on who your members are — individuals or businesses/organizations — one of our products will be a better fit for you than the other. If you’re unsure about which product would be a better fit, book a call with our sales team and we can talk about it together. </div> </div> </div> <div class="accordion-item" data-bs-toggle="tab" data-bs-target="#accordion-four" type="button" role="tab" aria-controls="accordion-four" aria-selected="false"> <h2 class="accordion-header" id="headingTwo"> <button class="accordion-button border-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> <h3 class="fs-4">Can I move my current data into a MemberClicks product?</h3> </button> <hr> </h2> <div id="collapseFour" class="accordion-collapse border-0 border-bottom collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample"> <div class="accordion-body"> Our experienced implementation team can assist in moving over data from your current system to your new MemberClicks product. </div> </div> <div class="accordion-item" data-bs-toggle="tab" data-bs-target="#accordion-five" type="button" role="tab" aria-controls="accordion-five" aria-selected="false"> <h2 class="accordion-header" id="headingtwo"> <button class="accordion-button border-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> <h3 class="fs-4">What is the standard contract length when signing up with MemberClicks?</h3> </button> <hr> </h2> <div id="collapseFive" class="accordion-collapse border-0 border-bottom collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExample"> <div class="accordion-body"> Our typical contracts are for 1 year, but we offer multi-year contracts at a discounted rate. </div> </div> <div class="accordion-item" data-bs-toggle="tab" data-bs-target="#accordion-six" type="button" role="tab" aria-controls="accordion-six" aria-selected="false"> <h2 class="accordion-header" id="headingtwo"> <button class="accordion-button border-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix"> <h3 class="fs-4">How do I contact MemberClicks for more info?</h3> </button> <hr> </h2> <div id="collapseSix" class="accordion-collapse border-0 border-bottom collapse" aria-labelledby="headingSix" data-bs-parent="#accordionExample"> <div class="accordion-body"> Discover the difference a true software partner can make. <a href="#demo-request">Get in touch ></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <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> <!-- Modal - Book a Demo --> <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> <!-- Modal Script - Open Modal when url = #demo-request --> <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><!-- #content --> <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"> <!-- Modal Trigger --> <a href="#"data-toggle="modal" data-target="#attribution">©</a> 2024 MemberClicks All Right Reserved. <!-- Modal --> <div class="modal fade" id="attribution" tabindex="-1" role="dialog" aria-labelledby="attributionLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <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> <!-- Search Modal --> <div class="modal fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="#searchModal" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="container p-2"> <form role="search" method="get" class="form search-form " action="https://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="wphb-4-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":"17746","is_singular":"1"}; var advanced_ads_responsive = {"reload_on_resize":"0"};;;var advanced_ads_cookies = {"cookie_path":"\/","cookie_domain":""}; var advadsCfpInfo = {"cfpExpHours":"3","cfpClickLimit":"3","cfpBan":"7","cfpPath":"","cfpDomain":""};;;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://hb.wpmucdn.com/memberclicks.com/502fd2a4-e62f-40ce-a988-c40151ef2005.js" id="wphb-4-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="wphb-5-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://hb.wpmucdn.com/memberclicks.com/9850c10d-d6b2-4e8d-81bb-7749fcc6dcba.js" id="wphb-5-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://hb.wpmucdn.com/memberclicks.com/c13295fe-e3fc-496d-b20e-ce219c7fb971.js" id="ubermenu-js"></script> <script type="text/javascript" src="https://hb.wpmucdn.com/memberclicks.com/6559090f-d083-4d21-87ef-e91315005483.js" id="smush-lazy-load-js"></script> <script>window.advads_admin_bar_items = [];</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":17746,"object_key":"page","object_type":"post","term_ids":[],"wp_json":"https:\/\/memberclicks.com\/wp-json","wc_active":false,"edd_active":false,"nonce":"49b12ccb5e"};</script> <script id="membe-tracking">var advads_tracking_ads = {};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><!-- #page --> </body> </html><script>window.advads_admin_bar_items = [];</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 = {};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>