Member Engagement Strategies to Elevate Your Community

<!doctype html> <html lang="en-US"> <head> <meta charset="utf-8">  <link rel="shortcut icon" href=""> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/e9285db7bbb9e9ee10739b8c/script.js"></script>  <title>Member Engagement Strategies to Elevate Your Community | MemberClicks</title> <link rel="canonical" href="https://memberclicks.com/blog/member-engagement-strategies-ideas/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Member Engagement Strategies to Elevate Your Community | MemberClicks" /> <meta property="og:description" content="Did you know that professionals in smaller organizations particularly identify member engagement, along with time and financial constraints, as their biggest challenges. This shows the urgent need for effective engagement strategies in today’s competitive landscape. Member engagement is the lifeblood of any community-focused organization. Whether you’re running a non-profit, a professional association, or a social […]" /> <meta property="og:url" content="https://memberclicks.com/blog/member-engagement-strategies-ideas/" /> <meta property="og:site_name" content="MemberClicks" /> <meta property="article:published_time" content="2023-12-19T00:56:22+00:00" /> <meta property="article:modified_time" content="2024-11-01T16:27:34+00:00" /> <meta property="og:image" content="https://memberclicks.com/wp-content/uploads/2023/12/AdobeStock_231496802-scaled.jpeg" /> <meta property="og:image:width" content="2560" /> <meta property="og:image:height" content="1707" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="author" content="Andrea Amorosi" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Andrea Amorosi" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="12 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://memberclicks.com/blog/member-engagement-strategies-ideas/#article","isPartOf":{"@id":"https://memberclicks.com/blog/member-engagement-strategies-ideas/"},"author":{"name":"Andrea Amorosi","@id":"https://memberclicks.com/#/schema/person/707b660c981080e31b9fd2ac1397e25b"},"headline":"Member Engagement Strategies to Elevate Your Community","datePublished":"2023-12-19T00:56:22+00:00","dateModified":"2024-11-01T16:27:34+00:00","mainEntityOfPage":{"@id":"https://memberclicks.com/blog/member-engagement-strategies-ideas/"},"wordCount":2500,"commentCount":0,"publisher":{"@id":"https://memberclicks.com/#organization"},"image":{"@id":"https://memberclicks.com/blog/member-engagement-strategies-ideas/#primaryimage"},"thumbnailUrl":"https://memberclicks.com/wp-content/uploads/2023/12/AdobeStock_231496802-scaled.jpeg","articleSection":["Member Software","Membership Software","Membership Management"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://memberclicks.com/blog/member-engagement-strategies-ideas/#respond"]}]},{"@type":"WebPage","@id":"https://memberclicks.com/blog/member-engagement-strategies-ideas/","url":"https://memberclicks.com/blog/member-engagement-strategies-ideas/","name":"Member Engagement Strategies to Elevate Your Community | MemberClicks","isPartOf":{"@id":"https://memberclicks.com/#website"},"primaryImageOfPage":{"@id":"https://memberclicks.com/blog/member-engagement-strategies-ideas/#primaryimage"},"image":{"@id":"https://memberclicks.com/blog/member-engagement-strategies-ideas/#primaryimage"},"thumbnailUrl":"https://memberclicks.com/wp-content/uploads/2023/12/AdobeStock_231496802-scaled.jpeg","datePublished":"2023-12-19T00:56:22+00:00","dateModified":"2024-11-01T16:27:34+00:00","breadcrumb":{"@id":"https://memberclicks.com/blog/member-engagement-strategies-ideas/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://memberclicks.com/blog/member-engagement-strategies-ideas/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://memberclicks.com/blog/member-engagement-strategies-ideas/#primaryimage","url":"https://memberclicks.com/wp-content/uploads/2023/12/AdobeStock_231496802-scaled.jpeg","contentUrl":"https://memberclicks.com/wp-content/uploads/2023/12/AdobeStock_231496802-scaled.jpeg","width":2560,"height":1707,"caption":"Three friendly diverse colleagues work together on laptop, smiling multiracial mentors training teaching intern with computer, multi-ethnic office coworkers team talking at meeting, teamwork concept"},{"@type":"BreadcrumbList","@id":"https://memberclicks.com/blog/member-engagement-strategies-ideas/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://memberclicks.com/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://memberclicks.com/blog/"},{"@type":"ListItem","position":3,"name":"Member Engagement Strategies to Elevate Your Community"}]},{"@type":"WebSite","@id":"https://memberclicks.com/#website","url":"https://memberclicks.com/","name":"MemberClicks","description":"","publisher":{"@id":"https://memberclicks.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://memberclicks.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://memberclicks.com/#organization","name":"MemberClicks","url":"https://memberclicks.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://memberclicks.com/#/schema/logo/image/","url":"https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg","contentUrl":"https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg","width":1326,"height":255,"caption":"MemberClicks"},"image":{"@id":"https://memberclicks.com/#/schema/logo/image/"}},{"@type":"Person","@id":"https://memberclicks.com/#/schema/person/707b660c981080e31b9fd2ac1397e25b","name":"Andrea Amorosi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://memberclicks.com/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/b6ec892cbf1233a4718374c276ab384d?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/b6ec892cbf1233a4718374c276ab384d?s=96&d=mm&r=g","caption":"Andrea Amorosi"},"url":"https://memberclicks.com/blog/author/aamorosipersonifycorp-com/"}]}</script>  <link rel='dns-prefetch' href='//a.omappapi.com' /> <link rel='dns-prefetch' href='//hb.wpmucdn.com' /> <link rel='dns-prefetch' href='//b2685282.smushcdn.com' /> <link href='https://fonts.gstatic.com' crossorigin='' rel='preconnect' /> <link rel='preconnect' href='https://fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="MemberClicks » Feed" href="https://memberclicks.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="MemberClicks » Comments Feed" href="https://memberclicks.com/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="MemberClicks » Member Engagement Strategies to Elevate Your Community Comments Feed" href="https://memberclicks.com/blog/member-engagement-strategies-ideas/feed/" /> <script id="membe-ready"> window.advanced_ads_ready=function(e,a){a=a||"complete";var d=function(e){return"interactive"===a?"loading"!==e:"complete"===e};d(document.readyState)?e():document.addEventListener("readystatechange",(function(a){d(a.target.readyState)&&e()}),{once:"interactive"===a})},window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[]; </script> <link rel='stylesheet' id='formidable-css' href='https://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/posts/16074" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://memberclicks.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://memberclicks.com/?p=16074' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://memberclicks.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmemberclicks.com%2Fblog%2Fmember-engagement-strategies-ideas%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://memberclicks.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmemberclicks.com%2Fblog%2Fmember-engagement-strategies-ideas%2F&format=xml" /> <style id="ubermenu-custom-generated-css"> /** Font Awesome 4 Compatibility **/ .fa{font-style:normal;font-variant:normal;font-weight:normal;font-family:FontAwesome;} /** UberMenu Custom Menu Styles (Customizer) **/ /* main */ .ubermenu-main .ubermenu-item .ubermenu-submenu-drop { -webkit-transition-duration:.15s; -ms-transition-duration:.15s; transition-duration:.15s; } .ubermenu-main { max-width:730px; } .ubermenu-main .ubermenu-nav { max-width:1200px; } .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:16px; padding-left:16px; padding-right:16px; } .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target { font-weight:600; } .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { color:#000000; } .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0 > .ubermenu-custom-content.ubermenu-custom-content-padded { padding-top:9px; padding-bottom:9px; } .ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target:not(.ubermenu-noindicator) { padding-right:31px; } .ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target.ubermenu-noindicator { padding-right:16px; } .ubermenu-main .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-nonlink,.ubermenu-main .ubermenu-submenu .ubermenu-widget,.ubermenu-main .ubermenu-submenu .ubermenu-custom-content-padded,.ubermenu-main .ubermenu-submenu .ubermenu-retractor,.ubermenu-main .ubermenu-submenu .ubermenu-colgroup .ubermenu-column,.ubermenu-main .ubermenu-submenu.ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu.ubermenu-submenu-padded { padding:15px 15px; } .ubermenu-main .ubermenu-grid-row { padding-right:15px 15px; } .ubermenu-main .ubermenu-grid-row .ubermenu-target { padding-right:0; } .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target { font-size:18px; } .ubermenu-main .ubermenu-target > .ubermenu-target-description, .ubermenu-main .ubermenu-submenu .ubermenu-target > .ubermenu-target-description { color:#646464; } /** UberMenu Custom Menu Item Styles (Menu Item Settings) **/ /* 7415 */ .ubermenu .ubermenu-item.ubermenu-item-7415 { background:#411a50; } /* 7413 */ .ubermenu .ubermenu-row-id-7413 { padding:0px; } /* 18952 */ .ubermenu .ubermenu-item-18952 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:210px; } .ubermenu .ubermenu-item-18952 > .ubermenu-item-layout-image_left > .ubermenu-target-title, .ubermenu .ubermenu-item-18952 > .ubermenu-item-layout-image_right > .ubermenu-target-title { padding-top:.5rem; } .ubermenu .ubermenu-item-18952 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18952.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18952.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-target:hover { background:#fafafa; } .ubermenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-18952.ubermenu-custom-content-padded { padding:0px; } /* 19009 */ .ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target { background:#fa7e1e; color:#ffffff; } .ubermenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target:hover { background:#d35e04; } .ubermenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19009:hover > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009:hover > .ubermenu-target { color:#ffffff; } .ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-19009.ubermenu-custom-content-padded { padding:10px 15px; } /* 19007 */ .ubermenu .ubermenu-item-19007 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } /* 19006 */ .ubermenu .ubermenu-item-19006 > .ubermenu-target > .ubermenu-badge { color:#424242; } /* 19000 */ .ubermenu .ubermenu-item-19000 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-19000.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19000 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19000.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19000 > .ubermenu-target:hover { background:#eeeeee; } /* 18997 */ .ubermenu .ubermenu-item-18997 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18997.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18997 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18997.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18997 > .ubermenu-target:hover { background:#eeeeee; } /* 18992 */ .ubermenu .ubermenu-item-18992 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18992.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18992 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18992.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18992 > .ubermenu-target:hover { background:#eeeeee; } /* 18981 */ .ubermenu .ubermenu-item-18981 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:185px; } .ubermenu .ubermenu-item-18981 > .ubermenu-item-layout-image_left > .ubermenu-target-title, .ubermenu .ubermenu-item-18981 > .ubermenu-item-layout-image_right > .ubermenu-target-title { padding-top:2rem; } .ubermenu .ubermenu-item-18981 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18981 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-18981 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-18981.ubermenu-custom-content-padded { padding:0px; } /* 18979 */ .ubermenu .ubermenu-item-18979 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18979 > .ubermenu-target { color:#096faa; } .ubermenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18979 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979 > .ubermenu-target:hover { background:#eeeeee; } .ubermenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18979:hover > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979:hover > .ubermenu-target { color:#096ea9; } /* 18978 */ .ubermenu .ubermenu-item-18978 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18978.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18978 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18978.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18978 > .ubermenu-target:hover { background:#eeeeee; } /* 18977 */ .ubermenu .ubermenu-item-18977 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18977.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18977 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18977.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18977 > .ubermenu-target:hover { background:#eeeeee; } /* 18976 */ .ubermenu .ubermenu-item-18976 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18976.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18976 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18976.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18976 > .ubermenu-target:hover { background:#eeeeee; } /* 18975 */ .ubermenu .ubermenu-item-18975 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18975.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18975 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18975.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18975 > .ubermenu-target:hover { background:#eeeeee; } /* 18974 */ .ubermenu .ubermenu-item-18974 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18974.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18974 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18974.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18974 > .ubermenu-target:hover { background:#eeeeee; } /* 18973 */ .ubermenu .ubermenu-item-18973 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18973.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18973 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18973.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18973 > .ubermenu-target:hover { background:#eeeeee; } /* 18971 */ .ubermenu .ubermenu-item-18971 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18971.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18971 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18971.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18971 > .ubermenu-target:hover { background:#eeeeee; } /* 18970 */ .ubermenu .ubermenu-item-18970 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18970.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18970 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18970.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18970 > .ubermenu-target:hover { background:#eeeeee; } /* 18969 */ .ubermenu .ubermenu-item-18969 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18969.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18969 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18969.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18969 > .ubermenu-target:hover { background:#eeeeee; } /* 18966 */ .ubermenu .ubermenu-item-18966 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18966.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18966 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18966.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18966 > .ubermenu-target:hover { background:#eeeeee; } /* 18965 */ .ubermenu .ubermenu-item-18965 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18965.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18965 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18965.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18965 > .ubermenu-target:hover { background:#eeeeee; } /* 18958 */ .ubermenu .ubermenu-item-18958 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18958.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18958 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18958.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18958 > .ubermenu-target:hover { background:#eeeeee; } /* 18954 */ .ubermenu .ubermenu-item-18954 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18954.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18954 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18954.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18954 > .ubermenu-target:hover { background:#eeeeee; } /* 18946 */ .ubermenu .ubermenu-item-18946 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#434343; } .ubermenu .ubermenu-item.ubermenu-item-18946.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18946 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18946.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18946 > .ubermenu-target:hover { background:#eeeeee; } /* 18950 */ .ubermenu .ubermenu-item-18950 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18950.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18950 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18950.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18950 > .ubermenu-target:hover { background:#eeeeee; } /* 18959 */ .ubermenu .ubermenu-item-18959 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18959.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18959 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18959.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18959 > .ubermenu-target:hover { background:#eeeeee; } /* 18960 */ .ubermenu .ubermenu-item-18960 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18960.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18960 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18960.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18960 > .ubermenu-target:hover { background:#eeeeee; } /* 18961 */ .ubermenu .ubermenu-item-18961 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18961.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18961 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18961.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18961 > .ubermenu-target:hover { background:#eeeeee; } /* 18962 */ .ubermenu .ubermenu-item-18962 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18962.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18962 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18962.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18962 > .ubermenu-target:hover { background:#eeeeee; } /* 18963 */ .ubermenu .ubermenu-item-18963 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18963.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18963 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18963.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18963 > .ubermenu-target:hover { background:#eeeeee; } /* 18993 */ .ubermenu .ubermenu-item-18993 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18993.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18993 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18993.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18993 > .ubermenu-target:hover { background:#eeeeee; } /* 18994 */ .ubermenu .ubermenu-item-18994 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18994.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18994 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18994.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18994 > .ubermenu-target:hover { background:#eeeeee; } /* 18995 */ .ubermenu .ubermenu-item-18995 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18995.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18995 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18995.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18995 > .ubermenu-target:hover { background:#eeeeee; } /* 18996 */ .ubermenu .ubermenu-item-18996 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18996.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18996 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18996.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18996 > .ubermenu-target:hover { background:#eeeeee; } /* 18998 */ .ubermenu .ubermenu-item.ubermenu-item-18998.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18998 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18998.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18998 > .ubermenu-target:hover { background:#eeeeee; } /* 18999 */ .ubermenu .ubermenu-item-18999 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18999.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18999 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18999.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18999 > .ubermenu-target:hover { background:#eeeeee; } /* 19002 */ .ubermenu .ubermenu-item.ubermenu-item-19002.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19002 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19002.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19002 > .ubermenu-target:hover { background:#eeeeee; } /* 19001 */ .ubermenu .ubermenu-item.ubermenu-item-19001.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19001 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19001.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19001 > .ubermenu-target:hover { background:#eeeeee; } /* 19003 */ .ubermenu .ubermenu-item.ubermenu-item-19003.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19003 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19003.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19003 > .ubermenu-target:hover { background:#eeeeee; } /* 19004 */ .ubermenu .ubermenu-item.ubermenu-item-19004.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19004 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19004.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19004 > .ubermenu-target:hover { background:#eeeeee; } /* 18989 */ .ubermenu .ubermenu-item-18989 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:185px; } .ubermenu .ubermenu-item-18989 > .ubermenu-item-layout-image_left > .ubermenu-target-title, .ubermenu .ubermenu-item-18989 > .ubermenu-item-layout-image_right > .ubermenu-target-title { padding-top:2rem; } .ubermenu .ubermenu-item-18989 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18989 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-18989 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-18989.ubermenu-custom-content-padded { padding:0px; } /* 18984 */ .ubermenu .ubermenu-item-18984 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18984.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18984 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18984.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18984 > .ubermenu-target:hover { background:#eeeeee; } /* 18985 */ .ubermenu .ubermenu-item-18985 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18985.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18985 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18985.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18985 > .ubermenu-target:hover { background:#eeeeee; } /* 18986 */ .ubermenu .ubermenu-item-18986 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18986.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18986 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18986.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18986 > .ubermenu-target:hover { background:#eeeeee; } /* 18987 */ .ubermenu .ubermenu-item-18987 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18987.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18987 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18987.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18987 > .ubermenu-target:hover { background:#eeeeee; } /* 18955 */ .ubermenu .ubermenu-item-18955 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:60px; } .ubermenu .ubermenu-item.ubermenu-item-18955.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18955 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18955.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18955 > .ubermenu-target:hover { background:#eeeeee; } /* 18956 */ .ubermenu .ubermenu-item-18956 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:60px; } .ubermenu .ubermenu-item.ubermenu-item-18956.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18956 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18956.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18956 > .ubermenu-target:hover { background:#eeeeee; } /* 18972 */ .ubermenu .ubermenu-item-18972 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18972.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18972 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18972.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18972 > .ubermenu-target:hover { background:#eeeeee; } /* 18947 */ .ubermenu .ubermenu-item-18947 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18947.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18947 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18947.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18947 > .ubermenu-target:hover { background:#eeeeee; } /* 18948 */ .ubermenu .ubermenu-item-18948 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18948.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18948 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18948.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18948 > .ubermenu-target:hover { background:#eeeeee; } /* 18949 */ .ubermenu .ubermenu-item-18949 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18949.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18949 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18949.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18949 > .ubermenu-target:hover { background:#eeeeee; } /** UberMenu Custom Tweaks (General Settings) **/ .ubermenu .ubermenu-item.ubermenu-item-19009 > a.ubermenu-target span { opacity:100% !important } /* MENU - HAMBURGER AND CLOSE */ button.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-minimal.ubermenu-loc-.ubermenu-responsive-toggle-content-align-right.ubermenu-responsive-toggle-align-full.ubermenu-responsive-toggle-icon-only.ubermenu-responsive-toggle-close-icon-times { font-size: 1rem; } span.ubermenu-sub-indicator-close { margin-right: 1.5rem; } .ubermenu-responsive-default.ubermenu.ubermenu-mobile-modal .ubermenu-mobile-close-button { padding: 1em .5rem; } .ubermenu-responsive-toggle i.fas.fa-bars { font-size: 24px; } /* MENU - Book a Demo button */ a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.rounded { border-radius: 0pc !important; } /* MENU - Featured Resource */ #resources-featured-image span.ubermenu-target-title.ubermenu-target-text { background: var(--primary-color-light); padding: 1rem; padding-bottom: 2rem; } #resources-featured-image { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; transition: .3s; margin-right: 1rem; padding: 0px; border-radius: 10px; overflow: hidden; } #resources-featured-image .ubermenu-badge { background: var(--primary-color-light); margin: 0px; width: 100%; padding: 1rem; } /* MENU - Desktop - Hover Effect */ #header:hover li.ubermenu-item-level-0 span { opacity: 66%; transition: .15s; } #header li.ubermenu-item-level-0:hover span { opacity: 100%; transition: .15s; } #header:hover li.ubermenu-item-level-1 span { opacity: 100%; transition: 0; } #header li.ubermenu-item-level-1:hover span { opacity: 100% !important } svg.svg-inline--fa.fa-angle-right.fa-w-8.ubermenu-icon.fs-6 { font-size: 7px !important; vertical-align: sub; } /** UberMenu Custom Tweaks - Mobile **/ @media screen and (max-width:959px){ .top-level a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only span { font-size: 175%; line-height: 200%; } .top-level ul a span { font-size: 100% !important; line-height: initial !important; } .ubermenu-mobile-footer { display: none !important; } a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only span.ubermenu-target-title.ubermenu-target-text:after { content: "\203A"; /* Unicode for right-facing carrot */ display: inline-block; margin-left: 5px; /* Adjust spacing as needed */ } svg.svg-inline--fa.fa-angle-right.fa-w-8.ubermenu-icon.fs-6 { display: none; } /* FIX IMAGE PADDINGS */ .ubermenu .ubermenu-item-15989 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text, .ubermenu .ubermenu-item-7407 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text, .ubermenu .ubermenu-item-7408 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text, .ubermenu .ubermenu-item-7409 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left: 50px; } .ubermenu-mobile-close-button svg.svg-inline--fa.fa-times.fa-w-11.text-dark { height: 28px; } } /** UberMenu Custom Tweaks - Desktop **/ @media screen and (min-width:960px){ .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0 > .ubermenu-custom-content.ubermenu-custom-content-padded { padding-top: 23px; padding-bottom: 23px; } li#menu-item-19009 { border-radius: 10px !important; overflow: hidden; margin-top: 13px; margin-bottom: 13px; } } /* Status: Loaded from Transient */ </style><script type="text/javascript">document.documentElement.className += " js";</script> <script> document.documentElement.className = document.documentElement.className.replace( 'no-js', 'js' ); </script> <style> .no-js img.lazyload { display: none; } figure.wp-block-image img.lazyloading { min-width: 150px; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 400ms; transition-delay: 0ms; } </style> <script type="text/javascript"> var advadsCfpQueue = []; var advadsCfpAd = function( adID ){ if ( 'undefined' == typeof advadsProCfp ) { advadsCfpQueue.push( adID ) } else { advadsProCfp.addElement( adID ) } }; </script> <link rel="icon" href="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" sizes="32x32" /> <link rel="icon" href="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" /> <meta name="msapplication-TileImage" content="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" /> <style id="wpforms-css-vars-root"> :root { --wpforms-field-border-radius: 3px; --wpforms-field-border-style: solid; --wpforms-field-border-size: 1px; --wpforms-field-background-color: #ffffff; --wpforms-field-border-color: rgba( 0, 0, 0, 0.25 ); --wpforms-field-border-color-spare: rgba( 0, 0, 0, 0.25 ); --wpforms-field-text-color: rgba( 0, 0, 0, 0.7 ); --wpforms-field-menu-color: #ffffff; --wpforms-label-color: rgba( 0, 0, 0, 0.85 ); --wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 ); --wpforms-label-error-color: #d63637; --wpforms-button-border-radius: 3px; --wpforms-button-border-style: none; --wpforms-button-border-size: 1px; --wpforms-button-background-color: #066aab; --wpforms-button-border-color: #066aab; --wpforms-button-text-color: #ffffff; --wpforms-page-break-color: #066aab; --wpforms-background-image: none; --wpforms-background-position: center center; --wpforms-background-repeat: no-repeat; --wpforms-background-size: cover; --wpforms-background-width: 100px; --wpforms-background-height: 100px; --wpforms-background-color: rgba( 0, 0, 0, 0 ); --wpforms-background-url: none; --wpforms-container-padding: 0px; --wpforms-container-border-style: none; --wpforms-container-border-width: 1px; --wpforms-container-border-color: #000000; --wpforms-container-border-radius: 3px; --wpforms-field-size-input-height: 43px; --wpforms-field-size-input-spacing: 15px; --wpforms-field-size-font-size: 16px; --wpforms-field-size-line-height: 19px; --wpforms-field-size-padding-h: 14px; --wpforms-field-size-checkbox-size: 16px; --wpforms-field-size-sublabel-spacing: 5px; --wpforms-field-size-icon-size: 1; --wpforms-label-size-font-size: 16px; --wpforms-label-size-line-height: 19px; --wpforms-label-size-sublabel-font-size: 14px; --wpforms-label-size-sublabel-line-height: 17px; --wpforms-button-size-font-size: 17px; --wpforms-button-size-height: 41px; --wpforms-button-size-padding-h: 15px; --wpforms-button-size-margin-top: 10px; --wpforms-container-shadow-size-box-shadow: none; } </style>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-56XFGCS');</script>  <link rel="stylesheet" href="https://memberclicks.com/wp-content/themes/kin/fonts/icomoon-font-awesome/style.css"> <link rel="stylesheet" href="https://memberclicks.com/wp-content/themes/kin/fonts/icomoon-free/style.css"> <style> /* Style.css */ @font-face { font-family: West; src: url('https://memberclicks.com/wp-content/uploads/2023/06/West-RegularWeb.woff2') format('woff2'); font-weight: 400; font-style: normal } @font-face { font-family: West; src: url('https://memberclicks.com/wp-content/uploads/2023/08/West-MediumWeb.woff2') format('woff2'); font-weight: 500; font-style: normal } @font-face { font-family: West; src: url('https://memberclicks.com/wp-content/uploads/2023/06/West-BoldWeb.woff2') format('woff2'); font-weight: 700; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/06/Urbanist-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/07/Urbanist-Italic-VariableFont_wght.woff2') format('woff2'); font-weight: 400; font-style: italic } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/07/Urbanist-Semibold.woff2') format('woff2'); font-weight: 600; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/06/Urbanist-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/07/Urbanist-Italic-VariableFont_wght.woff2') format('woff2'); font-weight: 700; font-style: italic } @charset "UTF-8"; /*! * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: var(--primary-color); --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #36322f; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: var(--secondary-color-light); --bs-gray-dark: #343a40; --bs-primary: var(--primary-color); --bs-secondary: var(--secondary-color); --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: var(--primary-color-light); --bs-dark: var(--primary-color-dark); --heading-font: West,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; --heading-weight: 500; --bs-font-sans-serif: 'Urbanist', sans-serif,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --body-weight: 400; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --header-height: px; --primary-color-h: 202; --primary-color-s: 90%; --primary-color-l: 35%; --primary-color-contrast: #ffffff; --secondary-color-h: 305; --secondary-color-s: 40%; --secondary-color-l: 34%; --secondary-color-contrast: #ffffff; --cta-color-h: 26; --cta-color-s: 96%; --cta-color-l: 55%; --cta-color-contrast: #ffffff; --primary-color-hsl: var(--primary-color-h), var(--primary-color-s), var(--primary-color-l); --primary-color: hsl(var(--primary-color-hsl)); --primary-color-hover: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) / 1.3)); --primary-color-light: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 97%)); --primary-color-light-hover: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 93.33%)); --primary-color-dark: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 3.33%)); --primary-color-dark-hover: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 9.99%)); --secondary-color-hsl: var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l); --secondary-color: hsl(var(--secondary-color-hsl)); --secondary-color-hover: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) / 1.7)); --secondary-color-light: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 96.6%)); --secondary-color-light-hover: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 90%)); --secondary-color-dark: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 3.3%)); --secondary-color-dark-hover: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 10%)); --cta-color-hsl: var(--cta-color-h), var(--cta-color-s), var(--cta-color-l); --cta-color: hsl(var(--cta-color-hsl)); --cta-color-hover: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) / 1.3)); --cta-color-light: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 96.6%)); --cta-color-light-hover: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 90%)); --cta-color-dark: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 3.3%)); --cta-color-dark-hover: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 10%)); --gray-color: hsl(var(--primary-color-h), calc(var(--primary-color-s) * 0 + 3.3%), var(--primary-color-l)); --gray-color-hover: hsl(var(--primary-color-h), calc(var(--primary-color-s) * 0 + 3.3%), calc(var(--primary-color-l) - 7%)); --gray-color-light: hsl(var(--primary-color-h), 15%, 95%); --gray-color-light-hover: hsl(var(--primary-color-h), 15%, 80%); --gray-color-dark: hsl(var(--primary-color-h), 15%, 15%); } .flex div { height: 100px; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: var(--body-weight); line-height: 1.5; color: var(--gray-color-dark); background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { margin: 1rem 0; color: inherit; background-color: var(--gray-color); border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentColor; opacity: .25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { color: var(--secondary-color-hover); margin-top: 0; margin-bottom: 0.5rem; font-family: var(--heading-font); font-weight: var(--heading-weight); line-height: 1.1; } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.5rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2.25rem; } } h3, .h3 { font-size: calc(1.5rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 2rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.6rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin: 1em 0; } abbr[title], abbr[data-bs-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 3rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong, .strong { font-weight: bold; } small, .small { font-size: 0.8em !important; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: var(--primary-color); text-decoration: none; transition: .2s } a:hover { color: var(--primary-color); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr /* rtl:ignore */ ; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #d63384; word-wrap: break-word; } a>code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: var(--primary-color-dark); border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--secondary-color-light); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus { outline: transparent; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend+* { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.4rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote> :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: var(--secondary-color-light); } .blockquote-footer::before { content: "— "; } .img-fluid, #article img{ max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--secondary-color-light); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto>* { flex: 0 0 auto; width: auto; } .row-cols-1>* { flex: 0 0 auto; width: 100%; } .row-cols-2>* { flex: 0 0 auto; width: 50%; } .row-cols-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4>* { flex: 0 0 auto; width: 25%; } .row-cols-5>* { flex: 0 0 auto; width: 20%; } .row-cols-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.25rem; } .g-4, .gy-4 { --bs-gutter-y: 1.25rem; } .g-5, .gx-5 { --bs-gutter-x: 1.5rem; } .g-5, .gy-5 { --bs-gutter-y: 1.5rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto>* { flex: 0 0 auto; width: auto; } .row-cols-sm-1>* { flex: 0 0 auto; width: 100%; } .row-cols-sm-2>* { flex: 0 0 auto; width: 50%; } .row-cols-sm-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4>* { flex: 0 0 auto; width: 25%; } .row-cols-sm-5>* { flex: 0 0 auto; width: 20%; } .row-cols-sm-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto>* { flex: 0 0 auto; width: auto; } .row-cols-md-1>* { flex: 0 0 auto; width: 100%; } .row-cols-md-2>* { flex: 0 0 auto; width: 50%; } .row-cols-md-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4>* { flex: 0 0 auto; width: 25%; } .row-cols-md-5>* { flex: 0 0 auto; width: 20%; } .row-cols-md-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-md-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-md-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-md-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-md-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto>* { flex: 0 0 auto; width: auto; } .row-cols-lg-1>* { flex: 0 0 auto; width: 100%; } .row-cols-lg-2>* { flex: 0 0 auto; width: 50%; } .row-cols-lg-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4>* { flex: 0 0 auto; width: 25%; } .row-cols-lg-5>* { flex: 0 0 auto; width: 20%; } .row-cols-lg-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto>* { flex: 0 0 auto; width: auto; } .row-cols-xl-1>* { flex: 0 0 auto; width: 100%; } .row-cols-xl-2>* { flex: 0 0 auto; width: 50%; } .row-cols-xl-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4>* { flex: 0 0 auto; width: 25%; } .row-cols-xl-5>* { flex: 0 0 auto; width: 20%; } .row-cols-xl-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto; } .row-cols-xxl-1>* { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2>* { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4>* { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5>* { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-bg: transparent; --bs-table-striped-color: var(--primary-color-dark); --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: var(--primary-color-dark); --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: var(--primary-color-dark); --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: var(--primary-color-dark); vertical-align: top; border-color: #dee2e6; } .table> :not(caption)>*>* { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); border-bottom-width: 1px; } .table>tbody { vertical-align: inherit; } .table>thead { vertical-align: bottom; } .table> :not(:last-child)> :last-child>* { border-bottom-color: currentColor; } .caption-top { caption-side: top; } .table-sm> :not(caption)>*>* { padding: 0.25rem 0.25rem; } .table-bordered> :not(caption)>* { border-width: 1px 0; } .table-bordered> :not(caption)>*>* { border-width: 0 1px; } .table-borderless> :not(caption)>*>* { border-bottom-width: 0; } .table-striped>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } .table-hover>tbody>tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6; } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce; } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7; } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3; } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9; } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4; } .table-light { --bs-table-bg: var(--primary-color-light); --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1; } .table-dark { --bs-table-bg: var(--primary-color-dark); --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label, .mktoLabel { margin-bottom: 0.5rem; font-size: 15px; font-weight: normal !important; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--secondary-color-light); } .form-control, .hs-input, .mktoField[type=text], .mktoField[type=email], .mktoField[type=tel], textarea.mktoField { display: block; width: 100%; padding: 0.5rem 1rem !important; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--primary-color-dark); background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control, .mktoField { transition: none; } } .form-control[type=file], .mktoField[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]), .mktoField[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus, .mktoField:focus { color: var(--primary-color-dark); background-color: #fff; border-color: #86b7fe; outline: 0; } .form-control::-webkit-date-and-time-value, .mktoField::-webkit-date-and-time-value { height: 1.5em; } .form-control::-webkit-input-placeholder, .mktoField::-webkit-input-placeholder { color: var(--gray-color); opacity: 1; } .form-control::-moz-placeholder, .mktoField::-moz-placeholder { color: var(--gray-color); opacity: 1; } .form-control::placeholder, .mktoField::placeholder { color: var(--gray-color); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--primary-color-dark); background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--primary-color-dark); background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--primary-color-dark); background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + 2px); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px); } .form-control-color { max-width: 3rem; height: auto; padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-select, .mktoForm select.mktoField { display: block; width: 100%; padding: 0.375rem 1.75rem 0.375rem 0.75rem !important; font-size: .85rem; font-weight: 400; line-height: 1.5; color: var(--primary-color-dark); vertical-align: middle; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { color: var(--secondary-color-light); background-color: #e9ecef; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--primary-color-dark); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-check-input { transition: none; } } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color); } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: var(--primary-color); border-color: var(--primary-color); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled]~.form-check-label, .form-check-input:disabled~.form-check-label { opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled]+.btn, .btn-check:disabled+.btn { pointer-events: none; filter: none; opacity: 0.65; } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-range:focus { outline: none; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: var(--primary-color); border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: var(--primary-color); border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .form-floating { position: relative; } .form-floating>.form-control, .form-floating>.form-select { height: calc(3.5rem + 2px); padding: 1rem 0.75rem; } .form-floating>label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating>label { transition: none; } } .form-floating>.form-control::-webkit-input-placeholder { color: transparent; } .form-floating>.form-control::-moz-placeholder { color: transparent; } .form-floating>.form-control::placeholder { color: transparent; } .form-floating>.form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-control:not(:-moz-placeholder-shown)~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating>.form-control:-webkit-autofill~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group>.form-control, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group>.form-control:focus, .input-group>.form-select:focus { z-index: 3; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 3; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--primary-color-dark); text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text, .input-group-lg>.btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text, .input-group-sm>.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .input-group-lg>.form-select, .input-group-sm>.form-select { padding-right: 1.75rem; } .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0.25rem; } .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip, .is-valid~.valid-feedback, .is-valid~.valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #198754; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #198754; padding-right: calc(0.75em + 2.3125rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #198754; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #198754; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label { color: #198754; } .form-check-inline .form-check-input~.valid-feedback { margin-left: 0.5em; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip, .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label { color: #dc3545; } .form-check-inline .form-check-input~.invalid-feedback { margin-left: 0.5em; } .btn, .hs-button, .btn-menu a { display: inline-block; font-weight: bold; line-height: 1; color: rgba(0, 0, 0, 0.55); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 2px solid transparent; border-radius: 10px; padding: 10px 15px; font-size: 1rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--primary-color-dark); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } .btn-primary, .hs-button { color: var(--primary-color-contrast); background-color: var(--primary-color); border-color: var(--primary-color); } .btn-primary:hover, .hs-button:hover { color: var(--primary-color-contrast); background-color: var(--primary-color-hover); border-color: var(--primary-color-hover); } .btn-check:focus+.btn-primary, .btn-primary:focus { color: var(--primary-color-contrast); background-color: var(--primary-color-hover); border-color: var(--primary-color-hover); } .btn-check:checked+.btn-primary, .btn-check:active+.btn-primary, .btn-primary:active, .btn-primary.active, .show>.btn-primary.dropdown-toggle { color: var(--primary-color-contrast); background-color: var(--primary-color); border-color: #0a53be; } .btn-primary:disabled, .btn-primary.disabled { color: var(--primary-color-contrast); background-color: var(--primary-color); border-color: var(--primary-color); } .btn-secondary { color: var(--secondary-color-contrast); background: var(--secondary-color); border-color: var(--secondary-color); font-weight: bold; } .btn-secondary:hover { color: var(--secondary-color-contrast); background-color: var(--secondary-color-hover); border-color: var(--secondary-color-hover); } .btn-check:focus+.btn-secondary, .btn-secondary:focus { color: var(--secondary-color-contrast); background-color: var(--secondary-color-hover); border-color: var(--secondary-color-hover); } .btn-check:checked+.btn-secondary, .btn-check:active+.btn-secondary, .btn-secondary:active, .btn-secondary.active, .show>.btn-secondary.dropdown-toggle { color: var(--secondary-color-contrast); background-color: var(--secondary-color); border-color: var(--secondary-color); } .btn-secondary:disabled, .btn-secondary.disabled { color: #fff; background-color: var(--secondary-color-light); border-color: var(--secondary-color-light); } .btn-cta, .btn-menu a { color: #fff !important; background-color: var(--cta-color) !important; border-color: var(--cta-color) !important; } .btn-cta:hover, .btn-menu a:hover { color: #fff !important; background-color: var(--cta-color-hover) !important; border-color: var(--cta-color-hover) !important; } .btn-outline-cta { color: var(--cta-color); border-color: var(--cta-color); } .btn-outline-cta:hover { color: #fff; background-color: var(--cta-color-hover); border-color: var(--cta-color-hover); } .btn-check:checked+.btn-outline-cta, .btn-check:active+.btn-outline-cta, .btn-outline-cta:active, .btn-outline-cta.active, .btn-outline-cta.dropdown-toggle.show { color: #fff; background-color: var(--cta-color); border-color: var(--cta-color); } .btn-outline-cta:disabled, .btn-outline-cta.disabled { color: var(--cta-color-light); background-color: transparent; } .btn-menu a { padding: 10px 15px !important; margin-left: 10px; } .btn-cta .nav-link { color: #fff !important; padding-top: .25rem !important; padding-bottom: .25rem !important; } .btn-gray { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-gray:hover { color: #fff; background-color: var(--gray-color-hover); border-color: var(--gray-color-hover); } .btn-check:focus+.btn-gray, .btn-gray:focus { color: #fff; background-color: var(--gray-color-hover); border-color: var(--gray-color-hover); } .btn-check:checked+.btn-gray, .btn-check:active+.btn-gray, .btn-gray:active, .btn-gray.active, .show>.btn-gray.dropdown-toggle { color: #fff; background-color: var(--gray-color-hover); border-color: #0a53be; } .btn-gray:disabled, .btn-gray.disabled { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-success { color: #fff; background-color: #198754; border-color: #198754; } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43; } .btn-check:focus+.btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; } .btn-check:checked+.btn-success, .btn-check:active+.btn-success, .btn-success:active, .btn-success.active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f; } .btn-success:disabled, .btn-success.disabled { color: #fff; background-color: #198754; border-color: #198754; } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2; } .btn-check:focus+.btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; } .btn-check:checked+.btn-info, .btn-check:active+.btn-info, .btn-info:active, .btn-info.active, .show>.btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2; } .btn-info:disabled, .btn-info.disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720; } .btn-check:checked+.btn-warning, .btn-check:active+.btn-warning, .btn-warning:active, .btn-warning.active, .show>.btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720; } .btn-warning:disabled, .btn-warning.disabled { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:focus+.btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:checked+.btn-danger, .btn-check:active+.btn-danger, .btn-danger:active, .btn-danger.active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834; } .btn-danger:disabled, .btn-danger.disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-light { color: #000; background-color: var(--gray-color-light); border-color: var(--gray-color-light); } .btn-light:hover { color: #000; background-color: var(--gray-color-light-hover); border-color: var(--gray-color-light-hover); } .btn-check:focus+.btn-light, .btn-light:focus { color: #000; background-color: var(--gray-color-light-hover); border-color: var(--gray-color-light-hover); } .btn-check:checked+.btn-light, .btn-check:active+.btn-light, .btn-light:active, .btn-light.active, .show>.btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-light:disabled, .btn-light.disabled { color: #000; background-color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-dark { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark) } .btn-dark:hover { color: #fff; background-color: var(--primary-color-dark-hover); border-color: var(--primary-color-dark-hover); } .btn-check:focus+.btn-dark, .btn-dark:focus { color: #fff; background-color: var(--primary-color-dark-hover); border-color: var(--primary-color-dark-hover); } .btn-check:checked+.btn-dark, .btn-check:active+.btn-dark, .btn-dark:active, .btn-dark.active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f; } .btn-dark:disabled, .btn-dark.disabled { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-outline-primary { color: var(--primary-color); border-color: var(--primary-color); } .btn-outline-primary:hover { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .btn-check:checked+.btn-outline-primary, .btn-check:active+.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: var(--primary-color); background-color: transparent; } .btn-outline-gray { color: var(--gray-color); border-color: var(--gray-color); } .btn-outline-gray:hover { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-check:checked+.btn-outline-gray, .btn-check:active+.btn-outline-gray, .btn-outline-gray:active, .btn-outline-gray.active, .btn-outline-gray.dropdown-toggle.show { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-outline-gray:disabled, .btn-outline-gray.disabled { color: var(--gray-color); background-color: transparent; } .btn-outline-secondary { color: var(--secondary-color); border-color: var(--secondary-color); } .btn-outline-secondary:hover { color: #fff; background-color: var(--secondary-color-hover); border-color: var(--secondary-color-hover); } .btn-check:checked+.btn-outline-secondary, .btn-check:active+.btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #fff; background-color: var(--secondary-color); border-color: var(--secondary-color); } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: var(--secondary-color-light); background-color: transparent; } .btn-outline-success { color: #198754; border-color: #198754; } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:checked+.btn-outline-success, .btn-check:active+.btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #fff; background-color: #198754; border-color: #198754; } .btn-outline-success:disabled, .btn-outline-success.disabled { color: #198754; background-color: transparent; } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0; } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:checked+.btn-outline-info, .btn-check:active+.btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-outline-info:disabled, .btn-outline-info.disabled { color: #0dcaf0; background-color: transparent; } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:checked+.btn-outline-warning, .btn-check:active+.btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:disabled, .btn-outline-warning.disabled { color: #ffc107; background-color: transparent; } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:checked+.btn-outline-danger, .btn-check:active+.btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:disabled, .btn-outline-danger.disabled { color: #dc3545; background-color: transparent; } .btn-outline-light { color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-outline-light:hover { color: #000; background-color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-check:checked+.btn-outline-light, .btn-check:active+.btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #000; background-color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-outline-light:disabled, .btn-outline-light.disabled { color: var(--primary-color-light); background-color: transparent; } .btn-outline-dark { color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-outline-dark:hover { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-check:checked+.btn-outline-dark, .btn-check:active+.btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-outline-dark:disabled, .btn-outline-dark.disabled { color: var(--primary-color-dark); background-color: transparent; } .btn-link { font-size: 1.5rem; font-weight: 400; color: var(--primary-color); text-decoration: underline; } .btn-link:hover { color: var(--primary-color); } .btn-link:disabled, .btn-link.disabled { color: var(--gray-color); } .btn-lg, .btn-group-lg>.btn { padding: 0.9rem 1.8rem; font-size: 1.2rem; } .btn-sm, .btn-group-sm>.btn { padding: 0.25rem 1.5rem; font-size: .8rem; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropend, .dropdown, .dropstart { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: calc(100% + 1px); left: 0; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: var(--primary-color-dark); text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px 0px 0.25rem 0.25rem; } .dropdown-menu[style] { right: auto !important; } .dropdown-menu-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-sm-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-md-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-lg-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-xl-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-xxl-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: var(--primary-color-dark); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #1e2125; background-color: var(--gray-color-light); } .dropdown-item.active, .dropdown-item:active { color: #000; text-decoration: none; background-color: var(--gray-color-light-hover); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--gray-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: var(--gray-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: var(--primary-color-dark); } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: var(--primary-color); } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .dropdown-menu-dark .dropdown-header { color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group>.btn, .btn-group-vertical>.btn { position: relative; flex: 1 1 auto; } .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child) { margin-left: -1px; } .btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group>.btn-group:not(:last-child)>.btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group>.btn:nth-child(n+3), .btn-group> :not(.btn-check)+.btn, .btn-group>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm+.dropdown-toggle-split, .btn-group-sm>.btn+.dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg+.dropdown-toggle-split, .btn-group-lg>.btn+.dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100%; } .btn-group-vertical>.btn:not(:first-child), .btn-group-vertical>.btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical>.btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn~.btn, .btn-group-vertical>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; font-weight: bold; padding: 0.5rem 1rem; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link.disabled { color: var(--gray-color); pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: var(--gray-color); background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-gray-dark); background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: var(--primary-color); } .nav-fill>.nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified>.nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar>.container, .navbar>.container-fluid, .navbar>.container-sm, .navbar>.container-md, .navbar>.container-lg, .navbar>.container-xl, .navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { align-items: center; width: 100%; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm .navbar-collapse { display: flex !important; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md .navbar-collapse { display: flex !important; } .navbar-expand-md .navbar-toggler { display: none; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg .navbar-collapse { display: flex !important; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl .navbar-collapse { display: flex !important; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl .navbar-collapse { display: flex !important; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand .navbar-collapse { display: flex !important; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 1.5rem; } .card>hr { margin-right: 0; margin-left: 0; } .card>.list-group { border-top: inherit; border-bottom: inherit; } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: 1rem 1rem; } .card-title { margin-bottom: 0.5rem; } .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link+.card-link { margin-left: 1rem /* rtl:ignore */ ; } .card-header { padding: 0.5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.5rem; margin-bottom: -0.5rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-group>.card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group>.card { flex: 1 0 0%; margin-bottom: 0; } .card-group>.card+.card { margin-left: 0; border-left: 0; } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group>.card:not(:last-child) .card-img-top, .card-group>.card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group>.card:not(:last-child) .card-img-bottom, .card-group>.card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group>.card:not(:first-child) .card-img-top, .card-group>.card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group>.card:not(:first-child) .card-img-bottom, .card-group>.card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion-button { position: relative; cursor: pointer; display: flex; align-items: center; width: 100%; padding: .75rem 1.25rem; font-size: 1rem; color: var(--gray-color); background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0; overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button.collapsed { border-bottom-width: 0; } .accordion-button:not(.collapsed) { color: var(--primary-color-dark); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(180deg); } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .accordion-header { margin-bottom: 0; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 1px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-item:last-of-type .accordion-collapse { border-bottom-width: 1px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-collapse { border: solid rgba(0, 0, 0, 0.125); border-width: 0 1px; } .accordion-body { padding: 1rem 1.25rem; } .accordion-flush .accordion-button { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item:first-of-type .accordion-button { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .accordion-flush .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none; } .breadcrumb-item+.breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: 0.5rem; color: var(--gray-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */ ; } body.archive.category .breadcrumb-item+.breadcrumb-item::before { color: #fff; } .breadcrumb-item.active { color: var(--gray-color); } .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: var(--primary-color); text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--primary-color); background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: var(--primary-color); background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .page-item.disabled .page-link { color: var(--secondary-color-light); pointer-events: none; background-color: #fff; border-color: #dee2e6; } .page-link { padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe; } .alert-primary .alert-link { color: #06357a; } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8; } .alert-secondary .alert-link { color: #34383c; } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; } .alert-success .alert-link { color: #0c4128; } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb; } .alert-info .alert-link { color: #04414d; } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; } .alert-warning .alert-link { color: #523e02; } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; } .alert-danger .alert-link { color: #6a1a21; } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe; } .alert-light .alert-link { color: #4f5050; } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf; } .alert-dark .alert-link { color: #101214; } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: var(--primary-color); transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: var(--bs-gray-dark); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: var(--bs-gray-dark); text-decoration: none; background-color: var(--gray-color-light); } .list-group-item-action:active { color: var(--primary-color-dark); background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.5rem 1rem; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--gray-color); pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: var(--bs-gray-dark); border-color: var(--bs-gray-dark); } .list-group-item+.list-group-item { border-top-width: 0; } .list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal>.list-group-item.active { margin-top: 0; } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0; } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md>.list-group-item.active { margin-top: 0; } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0; } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0; } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush>.list-group-item { border-width: 0 0 1px; } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #084298; background-color: #cfe2ff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #084298; background-color: #bacbe6; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298; } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #41464b; background-color: #cbccce; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b; } .list-group-item-success { color: #0f5132; background-color: #d1e7dd; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f5132; background-color: #bcd0c7; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132; } .list-group-item-info { color: #055160; background-color: #cff4fc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #055160; background-color: #badce3; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160; } .list-group-item-warning { color: #664d03; background-color: #fff3cd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #664d03; background-color: #e6dbb9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03; } .list-group-item-danger { color: #842029; background-color: #f8d7da; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #842029; background-color: #dfc2c4; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029; } .list-group-item-light { color: #636464; background-color: #fefefe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #636464; background-color: #e5e5e5; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464; } .list-group-item-dark { color: #141619; background-color: #d3d3d4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #141619; background-color: #bebebf; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; } .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } .btn-close:focus { outline: none; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); opacity: 1; } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: 0.25; } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .toast { width: 350px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .toast:not(.showing):not(.show) { opacity: 0; } .toast.hide { display: none; } .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container> :not(:last-child) { margin-bottom: 0.75rem; } .toast-header { display: flex; align-items: center; padding: 0.5rem 0.75rem; color: var(--secondary-color); background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 110; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer>* { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0 /* rtl:ignore */ ; z-index: 1060; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[data-popper-placement^=top] { margin-bottom: 0.5rem !important; } .bs-popover-top>.popover-arrow, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-end, .bs-popover-auto[data-popper-placement^=right] { margin-left: 0.5rem !important; } .bs-popover-end>.popover-arrow, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-end>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-end>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[data-popper-placement^=bottom] { margin-top: 0.5rem !important; } .bs-popover-bottom>.popover-arrow, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f0f0f0; } .bs-popover-start, .bs-popover-auto[data-popper-placement^=left] { margin-right: 0.5rem !important; } .bs-popover-start>.popover-arrow, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-start>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-start>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid #d8d8d8; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: var(--primary-color-dark); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } /* rtl:begin:ignore */ .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } /* rtl:end:ignore */ .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators li { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } @-webkit-keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */ ; } } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */ ; } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: 0.75s linear infinite spinner-border; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: 0.75s linear infinite spinner-grow; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } } .clearfix::after { display: block; clear: both; content: ""; } .link-primary { color: var(--primary-color); } .link-primary:hover, .link-primary:focus { color: var(--primary-color); } .link-secondary { color: var(--secondary-color); } .link-secondary:hover, .link-secondary:focus { color: #565e64; } .link-success { color: #198754; } .link-success:hover, .link-success:focus { color: #146c43; } .link-info { color: #0dcaf0; } .link-info:hover, .link-info:focus { color: #3dd5f3; } .link-warning { color: #ffc107; } .link-warning:hover, .link-warning:focus { color: #ffcd39; } .link-danger { color: #dc3545; } .link-danger:hover, .link-danger:focus { color: #b02a37; } .link-light { color: var(--primary-color-light); } .link-light:hover, .link-light:focus { color: #f9fafb; } .link-dark { color: var(--primary-color-dark); } .link-dark:hover, .link-dark:focus { color: #1a1e21; } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--aspect-ratio); content: ""; } .ratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --aspect-ratio: 100%; } .ratio-4x3 { --aspect-ratio: calc(3 / 4 * 100%); } .ratio-16x9 { --aspect-ratio: calc(9 / 16 * 100%); } .ratio-21x9 { --aspect-ratio: calc(9 / 21 * 100%); } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: -webkit-sticky; position: sticky; top: var(--header-height); z-index: 75; } @media (min-width: 576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .visually-hidden, .visually-hidden-focusable:not(:focus) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } @media only screen and (max-width: 1000px) { .menu-break-hide { display: none !important; } } @media only screen and (min-width: 1000px) { .menu-break-show { display: none !important; } } @media only screen and (max-width: 1000px) { .menu-break-show { display: flex !important; } } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; transition: .3s; } .shadow:hover { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: 1px solid #dee2e6 !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: 1px solid #dee2e6 !important; } .border-start-0 { border-left: 0 !important; } .border-primary { border-color: var(--primary-color) !important; } .border-secondary { border-color: var(--secondary-color) !important; } .border-cta { border-color: var(--cta-color) !important; } .border-success { border-color: #198754 !important; } .border-info { border-color: #0dcaf0 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: var(--primary-color-light) !important; } .border-dark { border-color: var(--primary-color-dark) !important; } .border-white { border-color: #fff !important; } .border-0 { border-width: 0 !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-default { padding-top: 2rem !important; } .pb-default { padding-bottom: 2rem !important; } .ps-default { padding-left: initial !important; } .pe-default { padding-right: initial !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: lighter !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-primary { color: var(--primary-color) !important; } .text-primary-hover { color: var(--primary-color-hover) !important; } .text-primary-contrast { color: var(--primary-color-contrast) !important; } .text-primary-light { color: var(--primary-color-light) !important; } .text-primary-light-hover { color: var(--primary-color-light-hover) !important; } .text-primary-dark { color: var(--primary-color-dark) !important; } .text-primary-dark-hover { color: var(--primary-color-dark-hover) !important; } .text-secondary { color: var(--secondary-color) !important; } .text-secondary-hover { color: var(--secondary-color-hover) !important; } .text-secondary-contrast { color: var(--secondary-color-contrast) !important; } .text-secondary-light, .text-secondary-dark-contrast { color: var(--secondary-color-light) !important; } .text-secondary-light-hover, .bg-secondary-dark p { color: var(--secondary-color-light) !important; } .text-secondary-dark { color: var(--secondary-color-dark) !important; } .text-secondary-dark-hover { color: var(--secondary-color-dark-hover) !important; } .text-cta { color: var(--cta-color) !important; } .text-cta-hover { color: var(--cta-color-hover) !important; } .text-cta-contrast { color: var(--cta-color-contrast) !important; } .text-cta-light { color: var(--cta-color-light) !important; } .text-cta-light-hover { color: var(--cta-color-light-hover) !important; } .text-cta-dark { color: var(--cta-color-dark) !important; } .text-cta-dark-hover { color: var(--cta-color-dark-hover) !important; } .text-success { color: #198754 !important; } .text-info { color: #0dcaf0 !important; } .text-warning { color: #ffc107 !important; } .text-danger { color: #dc3545 !important; } .text-light { color: #696969 !important; } .text-dark { color: var(--primary-color-dark) !important; } .text-white { color: #fff !important; } .text-body { color: var(--primary-color-dark) !important; } .text-muted { color: var(--gray-color) !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-reset { color: inherit !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .bg-primary { background-color: var(--primary-color) !important; } .bg-primary-contrast { background-color: var(--primary-color-contrast) !important; } .bg-primary-hover { background-color: var(--primary-color-hover) !important; } .bg-primary-light { background-color: var(--primary-color-light) !important; } .bg-primary-light-hover { background-color: var(--primary-color-light-hover) !important; } .bg-primary-dark { background-color: var(--primary-color-dark) !important; } .bg-primary-dark-hover { background-color: var(--primary-color-dark-hover) !important; } .bg-secondary { background-color: var(--secondary-color) !important; } .bg-secondary-contrast { background-color: var(--secondary-color-contrast) !important; } .bg-secondary-hover { background-color: var(--secondary-color-hover) !important; } .bg-secondary-light { background-color: var(--secondary-color-light) !important; } .bg-secondary-light-hover { background-color: var(--secondary-color-light-hover) !important; } .bg-secondary-dark { background-color: var(--secondary-color-dark) !important; } .bg-secondary-dark-hover { background-color: var(--secondary-color-dark-hover) !important; } .bg-cta { background-color: var(--cta-color) !important; } .bg-cta-contrast { background-color: var(--cta-color-contrast) !important; } .bg-cta-hover { background-color: var(--cta-color-hover) !important; } .bg-cta-light { background-color: var(--cta-color-light) !important; } .bg-cta-light-hover { background-color: var(--cta-color-light-hover) !important; } .bg-cta-dark { background-color: var(--cta-color-dark) !important; } .bg-cta-dark-hover { background-color: var(--cta-color-dark-hover) !important; } .bg-gradient-horizontal-primary-secondary { background: linear-gradient(to right, var(--primary-color), var(--secondary-color)); } .bg-gradient-horizontal-primary-secondary-light { background: linear-gradient(to right, var(--primary-color-light), var(--secondary-color-light)); } .bg-gradient-vertical-primary { background: linear-gradient(to bottom, var(--primary-color), var(--primary-color-dark)); } .bg-gradient-vertical-primary-secondary { background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color)); } .bg-gradient-vertical-primary-secondary-light { background: linear-gradient(to bottom, var(--primary-color-light), var(--secondary-color-light)); } .bg-success { background-color: #198754 !important; } .bg-info { background-color: #0dcaf0 !important; } .bg-warning { background-color: #ffc107 !important; } .bg-danger { background-color: #dc3545 !important; } .bg-light { background-color: var(--bs-light) !important; } .bg-light-contrast { background-color: var(--bs-dark) !important; } .bg-light-hover { background-color: var(--gray-color-light) !important; } .bg-light-light-hover { background-color: var(--bs-white) !important; } .bg-light-dark { background-color: var(--gray-color-dark) !important; } .bg-light-dark-hover { background-color: var(--gray-color-dark) !important; } .bg-dark { background-color: var(--primary-color-dark) !important; } .bg-body { background-color: #fff !important; } .bg-white { background-color: #fff !important; } .bg-black { background-color: #000 !important; } .bg-gray { background-color: #808080 !important; } .bg-gray-light { background-color: var(--gray-color-light) !important; } .bg-gray-dark { background-color: var(--gray-color-dark) !important; } .bg-transparent { background-color: transparent !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .font-monospace { font-family: var(--bs-font-monospace) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: 0.25rem !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: 0.2rem !important; } .rounded-2 { border-radius: 0.25rem !important; } .rounded-3 { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-end { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-start { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } .fs-sm-1 { font-size: 2.5rem !important; } .fs-sm-2 { font-size: 2rem !important; } .fs-sm-3 { font-size: 1.75rem !important; } .fs-sm-4 { font-size: 1.5rem !important; } .fs-md-1 { font-size: 2.5rem !important; } .fs-md-2 { font-size: 2rem !important; } .fs-md-3 { font-size: 1.75rem !important; } .fs-md-4 { font-size: 1.5rem !important; } .fs-lg-1 { font-size: 2.5rem !important; } .fs-lg-2 { font-size: 2rem !important; } .fs-lg-3 { font-size: 1.75rem !important; } .fs-lg-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /* Burger Menu */ @media only screen and (min-width: 1000px) { header a.navbar-burger.burger { display: none; } } .navbar-burger { color: ; cursor: pointer; display: block; height: 3.25rem; position: relative; width: 3.25rem; margin-left: auto; } .navbar-burger span { background-color: currentColor; display: block; height: 2px; left: calc(50% - 8px); position: absolute; transform-origin: center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-timing-function: ease-out; width: 16px; } .navbar-burger span:nth-child(1) { top: calc(50% - 6px); } .navbar-burger span:nth-child(2) { top: calc(50% - 1px); } .navbar-burger span:nth-child(3) { top: calc(50% + 4px); } .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); color: ; } .navbar-burger.is-active span:nth-child(1) { transform: translateY(5px) rotate(45deg); } .navbar-burger.is-active span:nth-child(2) { opacity: 0; } .navbar-burger.is-active span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); } /* Logo */ #logo { padding-top: 0.5rem; padding-bottom: 0.5rem; } #logo .fixed-container { position: relative; width: 100%; height: 50px; } .fixed-container img { object-fit: contain; height: 100%; } #above-nap a { text-decoration: none; } /* CSS for Script Menu-1-0*/ #header { position: sticky; top: 0; width: 100%; z-index: 100; transition: all .7s ease; } /* Menu - Desktop - Hover Dropdown */ @media all and (min-width: 1000px) { #primaryMenu li>.nav-link { padding-top: 1.25rem; padding-bottom: 1.25rem; } .navbar .dropdown-menu li a { width: 250px; white-space: normal; } .navbar .nav-item .dropdown-menu { display: none; } .navbar .nav-item:hover .dropdown-menu { display: block; margin-left: -1px; margin-top: -1px; } .navbar .nav-item .dropdown-menu { margin-top: 0; } #primaryMenu .menu-item:hover { background-color: #fff; } #primaryMenu .menu-item:hover .nav-link { color: var(--bs-dark) } } /* Menu - Desktop - Hover Dropdown Child */ ul ul li ul.dropdown-menu { display: none !important; } ul ul li:hover ul.dropdown-menu { display: block !important; left: calc(100% + 1px); top: 0px; position: absolute !important; } /* Avatar */ .avatar { // background: var(--primary-color); border-radius: 50%; color: rgba(255, 255, 255, .85); display: inline-block; font-size: .8rem; font-weight: 300; height: 1.6rem; line-height: 1.25; margin: 0; position: relative; vertical-align: middle; width: 1.6rem; } .avatar-lg { font-size: 1.2rem; height: 2.4rem; width: 2.4rem; } .avatar-xl { font-size: 1.5rem; height: 3.5rem; width: 3.5rem; } /* Card Post */ .card.card-post .card-img-top { transition: .2s; } .card.card-post:hover .card-img-top { filter: brightness(90%); } .card.card-post p a { color: var(--gray-color) } /* Search Form */ #search-form #search-count { font-size: .8em !important; font-weight: } /* Featured Image */ #featured-image-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #featuredImage { z-index: 2; height: 40vh; min-height: 300px; } #sidebarForm { margin: 0px } /* FAQ - Voting */ .thumbs-rating-container { padding: 0px; position: relative; display: inline-flex; vertical-align: middle; } .thumbs-rating-up, .thumbs-rating-down { display: inline-block; font-weight: 400; line-height: 1.5; color: var(--gray-color) !important; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent !important; border: 1px solid transparent; padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-color: var(--gray-color); } .thumbs-rating-up:hover, .thumbs-rating-down:hover { color: #fff !important; border-color: var(--gray-color); background-color: var(--gray-color) !important; } button.thumbs-rating-voted { color: #fff !important; border-color: var(--gray-color); background-color: var(--gray-color) !important; } button.thumbs-rating-up { border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } button.thumbs-rating-down { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /* Accordion - Current */ .accordion .current { color: #000000 !important; background: var(--gray-color-light); } .accordion .no-children:after { display: none; } .accordion a { color: var(--gray-color); } .accordion li:hover { color: #000000; background: var(--gray-color-light); } .accordion li:hover a { color: #000000; } .accordion-button:not(.collapsed) a { color: var(--primary-color-dark) !important; } /* Off Canvas - Mobile Menu */ @media (max-width: 991.98px) { .offcanvas-collapse { position: fixed; top: 0px; /* Height of navbar */ bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: #fff; transition: transform .3s ease-in-out, visibility .3s ease-in-out; z-index: 10 } .offcanvas-collapse.open { visibility: visible !important; transform: translateX(-100%); } } .nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; } .nav-scroller .nav { display: flex; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; color: rgba(255, 255, 255, .75); text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; } .nav-underline .nav-link { padding-top: .75rem; padding-bottom: .75rem; font-size: .875rem; color: #6c757d; } .nav-underline .nav-link:hover { color: #007bff; } .nav-underline .active { font-weight: 500; color: #343a40; } #navbar-mobile { display: none !important; } #navbar-mobile.open { display: block !important; } .menu-item-has-children .menu-item-has-children > a.dropdown-item::after { display: inline-block; margin-left: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; margin-left: 15px; } /* Scrollbar */ body ::-webkit-scrollbar-track { background-color: var(--primary-color-light-hover); } body ::-webkit-scrollbar { width: 10px; height:10px; margin-left: 10px; margin-top: 10px; background-color: transparent; } body ::-webkit-scrollbar-thumb { background-color: var(--gray-color); } body ::-webkit-scrollbar-thumb:hover { background-color: var(--primary-color-hover); } /* Post - Comments */ textarea#comment { width: 100% } /* Hubspot Form0 */ .hs_submit { margin-top: 1rem; } .hs_submit .hs-button { width: 100% } .hbspt-form h4 { font-size: 1.2rem; } /* Marketo Forms */ .hbspt-form h3.alt { color: black; } .hbspt-form .hs-fieldtype-text { width: 63.3%; float: left; margin-right: 3.3%; } .field.hs-form-field { width: 100%; } .field.hs-form-field { width: 100%; margin-bottom: 10px; } .hbspt-form .hs-button { width: 33.3%; vertical-align: top; } ul.hs-error-msgs { padding: 0.25rem 0.25rem; margin: 0.25rem 0px; list-style-type: none; } ul.hs-error-msgs label { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; position: relative; border: 1px solid transparent; border-radius: 0.25rem; font-size: 12px; } /* Plugin Cookie Compliance - hide extra tabs in settings */ li.menu-item-third_party_cookies { display: none !important; }.moove-gdpr-modal-right-content div#privacy_overview { display: block !important; } /* PATCH - AMP MOBLE MENU */ div[amp-nested-submenu-close] { height: 30px; }#breadcrumbs a{color:#fff;opacity:.35}body.archive.category #sticky-posts{margin-top:-5rem}body.archive.category .card-footer{border-top:none}.pagination .page-item .page-link{border-radius:.25rem;background-color:rgba(0,0,0,0);border-color:var(--gray-color);color:var(--gray-color)}.pagination .page-item.active .page-link,.pagination .page-item:hover .page-link{color:#fff;background-color:var(--secondary-color);border-color:var(--secondary-color)}.templated-cta .inner,.global-cta .inner{background-position:bottom right;background-size:contain;background-repeat:no-repeat;border-radius:1rem;padding:50px}@media screen and (max-width: 767px){.templated-cta .inner,.global-cta .inner{background-image:none !important;text-align:center}}@media screen and (min-width: 768px){.templated-cta .inner .inner-content,.global-cta .inner .inner-content{width:50%}}.templated-cta .inner .inner-content p,.global-cta .inner .inner-content p{opacity:.9}.templated-cta .inner .btn,.global-cta .inner .btn{color:#fff;font-family:var(--heading-font);font-weight:normal}.templated-cta.color-scheme-primary .btn,.global-cta.color-scheme-primary .btn{background-color:#015182}.templated-cta.color-scheme-primary .btn:hover,.global-cta.color-scheme-primary .btn:hover{background-color:#01314f}.templated-cta.color-scheme-secondary .btn,.global-cta.color-scheme-secondary .btn{background-color:#411a50}.templated-cta.color-scheme-secondary .btn:hover,.global-cta.color-scheme-secondary .btn:hover{background-color:#220d2a}#sidebar-ctas .templated-cta .inner .inner-content,#sidebar-ctas .global-cta .inner .inner-content{width:100% !important}#more-posts{margin-top:6rem;margin-bottom:6rem}#table-of-contents .card{border-radius:0;border-color:rgba(0,0,0,0)}#table-of-contents .card .card-header{border-bottom:none;padding:0}#table-of-contents nav[data-toggle=toc] .nav>li>a{padding-left:0}#table-of-contents nav[data-toggle=toc] .nav-link.active,#table-of-contents nav[data-toggle=toc] .nav-link.active:focus,#table-of-contents nav[data-toggle=toc] .nav-link.active:hover,#table-of-contents nav[data-toggle=toc] .nav>li>a:focus,#table-of-contents nav[data-toggle=toc] .nav>li>a:hover{border-left:none !important}#table-of-contents nav ul>li>ul{display:none}#progress{height:.3rem;border-radius:0}#about-hero:before{position:absolute;top:-30vh;left:-40vw;width:180vw;background-color:#eaf4fa;height:90vw;display:block;content:"";border-radius:50% 50% 50% 50%/0% 0% 100% 100%;z-index:1}#about-hero .container{position:relative;z-index:10}#about-hero .container img{box-shadow:0px 15px 35px 0px rgba(0,0,0,.1294117647)}#about-hero .member-stats{margin-top:-50px}#about-hero .member-stats .item{border:1px solid #e6e8e9}#values{position:relative;z-index:10}#values img{width:44px;height:44px;padding-bottom:.5rem}#our-story{background-color:#0d2c3f;color:#fff;background-image:url("/wp-content/themes/kin/inc/img/about-us/about-squiggle.png");background-position:left top;background-repeat:no-repeat;background-size:60%}#our-story .intro p{color:#b1d1e3}#our-story .intro p span{color:#fa7b1c}#our-story .timeline{background-image:url("/wp-content/themes/kin/inc/img/about-us/story-line-short.gif");background-position:center bottom;background-repeat:no-repeat;transition:all 200ms ease-in-out}#our-story .timeline .dot{width:24px;height:24px;border:2px solid #194966;background-color:#0d2c3f;border-radius:50%;transition:all 500ms ease-in-out}#our-story .timeline[data-state=active]{background-position:center center}#our-story .timeline[data-state=past]{background-position:center top}#our-story .timeline[data-state=active] .dot,#our-story .timeline[data-state=past] .dot{background-color:var(--primary-color);border-color:var(--primary-color)}#our-story .timeline-item h5{color:#65add9}#our-story .timeline-item p{color:#e6e8e9}#our-story .timeline-item img{max-width:100%;height:auto;border-radius:20px}#our-story .timeline-item .col-5,#our-story .timeline-item .col-1{padding-top:50px;padding-bottom:50px}.font-header{font-family:var(--heading-font)}.font-body{font-family:var(--body-font)}.font-bold{font-weight:bold}.bg-primary-dark{background-color:#015182}.bg-secondary-dark{background-color:#411a50}.width-auto{max-width:100%;height:auto}/*# sourceMappingURL=dev-styles.css.map */ /* Template CSS NOT SETUP*/ /* Theme Options CSS */ /* FEATURES PAGES */ #more-features h3 { color: white; } /* MARKETO FORM 3032/3541 */ form#mktoForm_3032, form#mktoForm_3032 .mktoFormCol, form#mktoForm_3032 .mktoHtmlText, form#mktoForm_3032 label, form#mktoForm_3032 input, form#mktoForm_3032 .mktoFieldWrap, form#mktoForm_3032 .mktoButtonRow, form#mktoForm_3541, form#mktoForm_3541 .mktoFormCol, form#mktoForm_3541 .mktoHtmlText, form#mktoForm_3541 label, form#mktoForm_3541 input, form#mktoForm_3541 .mktoFieldWrap, form#mktoForm_3541 .mktoButtonRow{ width: 100% !important; } form#mktoForm_3032 input, form#mktoForm_3541 input{ margin-bottom: 10px !important; } form#mktoForm_3032 .mktoGutter.mktoHasWidth, form#mktoForm_3032 .mktoOffset, form#mktoForm_3541 .mktoGutter.mktoHasWidth, form#mktoForm_3541 .mktoOffset{ display: none; } form#mktoForm_3032 .mktoButtonRow, form#mktoForm_3541 .mktoButtonRow{ text-align: center !important; } form#mktoForm_3032 span.mktoButtonWrap, form#mktoForm_3541 span.mktoButtonWrap{ margin: auto !important; } /* MARKETO FORM 3037 */ form#mktoForm_3037, form#mktoForm_3037 .mktoFormCol, form#mktoForm_3037 .mktoHtmlText, form#mktoForm_3037 label, form#mktoForm_3037 input, form#mktoForm_3037 .mktoFieldWrap{ width: 100% !important; } form#mktoForm_3037 input { margin-bottom: 10px !important; } form#mktoForm_3037 .mktoGutter.mktoHasWidth, form#mktoForm_3037 .mktoOffset{ display: none; } /* MARKETO FORM 3038 */ form#mktoForm_3038, form#mktoForm_3038 .mktoFormCol, form#mktoForm_3038 .mktoHtmlText, form#mktoForm_3038 label, form#mktoForm_3038 input, form#mktoForm_3038 .mktoFieldWrap, form#mktoForm_3038 .mktoButtonRow { width: 100% !important; } form#mktoForm_3038 input { margin-bottom: 10px !important; } form#mktoForm_3038 .mktoGutter.mktoHasWidth, form#mktoForm_3038 .mktoOffset{ display: none; } form#mktoForm_3038 .mktoButtonRow { text-align: center !important; } form#mktoForm_3038 span.mktoButtonWrap { margin: auto !important; } /* MARKETO FORM 3039 */ form#mktoForm_3039, form#mktoForm_3039 .mktoFormCol, form#mktoForm_3039 .mktoHtmlText, form#mktoForm_3039 label, form#mktoForm_3039 input, form#mktoForm_3039 .mktoFieldWrap, form#mktoForm_3039 .mktoButtonRow { width: 100% !important; } form#mktoForm_3039 .mktoFieldWrap { padding-right: 0px !important; } form#mktoForm_3039 input { margin-bottom: 10px !important; } form#mktoForm_3039 .mktoGutter.mktoHasWidth, form#mktoForm_3039 .mktoOffset{ display: none; } form#mktoForm_3039 .mktoButtonRow { text-align: center !important; } form#mktoForm_3039 span.mktoButtonWrap { margin: auto !important; } form#mktoForm_3039 button.mktoButton { color: #fff; background-color: var(--cta-color) !important; border-color: var(--cta-color) !important; width: 100%; } form#mktoForm_3039 button.mktoButton:hover { color: #fff; background-color: var(--cta-color-hover) !important; border-color: var(--cta-color-hover) !important; } /* MARKETO FORM 3548 */ form#mktoForm_3548, form#mktoForm_3548 .mktoFormCol, form#mktoForm_3548 .mktoHtmlText, form#mktoForm_3548 label, form#mktoForm_3548 input, form#mktoForm_3548 .mktoFieldWrap, form#mktoForm_3548 .mktoButtonRow { width: 100% !important; } form#mktoForm_3548 input { margin-bottom: 10px !important; } form#mktoForm_3548 .mktoGutter.mktoHasWidth, form#mktoForm_3548 .mktoOffset{ display: none; } form#mktoForm_3548 .mktoButtonRow { text-align: center !important; } form#mktoForm_3548 span.mktoButtonWrap { margin: auto !important; } /* MARKETO FORM 3265 */ form#mktoForm_3265, form#mktoForm_3265 .mktoFormCol, form#mktoForm_3265 .mktoHtmlText, form#mktoForm_3265 label, form#mktoForm_3265 input, form#mktoForm_3265 .mktoFieldWrap, form#mktoForm_3265 .mktoButtonRow { width: 100% !important; } form#mktoForm_3265 input { margin-bottom: 10px !important; } form#mktoForm_3265 .mktoGutter.mktoHasWidth, form#mktoForm_3265 .mktoOffset{ display: none; } form#mktoForm_3265 .mktoButtonRow { text-align: center !important; } form#mktoForm_3265 span.mktoButtonWrap { margin: auto !important; } /* Marketo Buttons */ button.mktoButton { display: inline-block; font-weight: bold; line-height: 1; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 2px solid transparent; border-radius: 10px; padding: 10px 15px; font-size: 1rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } button.mktoButton:hover { color: #fff; background-color: var(--primary-color-hover); border-color: var(--primary-color-hover); } /* FOOTER LINKS */ div#footer-top .row .row a { display: inline-block; padding-top: 5px; } /* BLOG IMAGE ALIGN CSS */ #article figure.alignleft { float: left; } #article figure.alignright { float: right; } /* Testimonial Star Responsive */ @media screen and (max-width: 500px) { .card-testimonial span.icon-star { font-size: 13px !important; margin: 0px !important; } } /* Page CSS */ </style> </head> <body data-spy="scroll" data-target="#toc" class="post-template-default single single-post postid-16074 single-format-standard no-sidebar aa-prefix-membe-">   <noscript><iframe src=""https://www.googletagmanager.com/ns.html?id=GTM-56XFGCS"" height=""0"" width=""0"" style=""display:none;visibility:hidden""></iframe></noscript>  <div id="page" class="site">  <a class="visually-hidden-focusable" href="#content">Skip to main content</a> <header id="header" class="border-bottom border-"> <nav id="primary-menu" class="navbar navbar-expand navbar-light bg-white"> <div class="container-xl container-fluid"> <div id="logo"> <a href="https://memberclicks.com/"> <div class="fixed-container"> <img alt="MemberClicks" class="contain" src="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg"> </div> </a> </div> <div id="ubermenu-container" class="w-100">  <button class="ubermenu-responsive-toggle ubermenu-responsive-toggle-main ubermenu-skin-minimal ubermenu-loc-primary ubermenu-responsive-toggle-content-align-right ubermenu-responsive-toggle-align-full ubermenu-responsive-toggle-icon-only ubermenu-responsive-toggle-close-icon-times " tabindex="0" data-ubermenu-target="ubermenu-main-2-primary-2" aria-label="Toggle Menu"><i class="fas fa-bars" ></i></button><nav id="ubermenu-main-2-primary-2" class="ubermenu ubermenu-nojs ubermenu-main ubermenu-menu-2 ubermenu-loc-primary ubermenu-responsive ubermenu-responsive-single-column ubermenu-responsive-single-column-subs ubermenu-responsive-default ubermenu-mobile-modal ubermenu-mobile-accordion ubermenu-mobile-accordion-single ubermenu-responsive-collapse ubermenu-horizontal ubermenu-transition-slide ubermenu-trigger-hover_intent ubermenu-skin-minimal ubermenu-bar-align-right ubermenu-items-align-right ubermenu-bound ubermenu-retractors-responsive ubermenu-submenu-indicator-closes"><ul id="ubermenu-nav-main-2-primary" class="ubermenu-nav" ><li id="menu-item-18944" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-18944 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-hide-desktop" ><div class="ubermenu-content-block ubermenu-custom-content ubermenu-custom-content-padded"><div class="row"> <div class="col" style="max-width: 260px"> <img alt="MemberClicks" class="contain" src="https://memberclickdev.wpengine.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg"> </div> <div class="col-auto ms-auto"> <button class="ubermenu-mobile-close-button fs-6"><svg class="svg-inline--fa fa-times fa-w-11 text-dark" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" data-fa-i2svg=""><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> </div></div></li><li id="menu-item-18945" class="top-level ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-has-children ubermenu-item-18945 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/who-we-serve/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Who We Serve</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18945 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li id="menu-item-18946" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18946 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/who-we-serve/"><span class="ubermenu-target-title ubermenu-target-text">Who We Serve</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18947" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18947 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/professional-associations/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Group-667-2-150x150.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2.png?size=30x30&lossy=0&strip=1&webp=1 30w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2.png?size=60x60&lossy=0&strip=1&webp=1 60w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2.png?size=90x90&lossy=0&strip=1&webp=1 90w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2-150x150.png?lossy=0&strip=1&webp=1 150w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2-225x225.png?lossy=0&strip=1&webp=1 225w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2-300x300.png?lossy=0&strip=1&webp=1 300w" sizes="(max-width: 150px) 100vw, 150px" width="75px" alt="Professional Associations" /><span class="ubermenu-target-title ubermenu-target-text">Professional Associations</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Solutions for managing and engaging professional association members</span></a></li><li id="menu-item-18948" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18948 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/trade-associations/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Group-667-3-150x150.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3.png?size=30x30&lossy=0&strip=1&webp=1 30w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3.png?size=60x60&lossy=0&strip=1&webp=1 60w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3.png?size=90x90&lossy=0&strip=1&webp=1 90w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3-150x150.png?lossy=0&strip=1&webp=1 150w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3-225x225.png?lossy=0&strip=1&webp=1 225w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3-300x300.png?lossy=0&strip=1&webp=1 300w" sizes="(max-width: 150px) 100vw, 150px" width="75px" alt="Trade Associations" /><span class="ubermenu-target-title ubermenu-target-text">Trade Associations</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Software for trade associations to connect and grow communities</span></a></li><li id="menu-item-18949" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18949 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2 ubermenu-clear-row" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/chambers/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Group-667-1-150x150.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1.png?size=30x30&lossy=0&strip=1&webp=1 30w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1.png?size=60x60&lossy=0&strip=1&webp=1 60w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1.png?size=90x90&lossy=0&strip=1&webp=1 90w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1-150x150.png?lossy=0&strip=1&webp=1 150w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1-225x225.png?lossy=0&strip=1&webp=1 225w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1-300x300.png?lossy=0&strip=1&webp=1 300w" sizes="(max-width: 150px) 100vw, 150px" width="75px" alt="Chambers" /><span class="ubermenu-target-title ubermenu-target-text">Chambers</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Software that drives business growth and community impact</span></a></li><li id="menu-item-18950" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18950 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/association-management/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-150x150.png?lossy=0&strip=1&webp=1 150w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-225x225.png?lossy=0&strip=1&webp=1 225w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-300x300.png?lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png?size=384x384&lossy=0&strip=1&webp=1 384w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png?size=512x512&lossy=0&strip=1&webp=1 512w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png?size=640x640&lossy=0&strip=1&webp=1 640w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-768x768.png?lossy=0&strip=1&webp=1 768w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-1024x1024.png?lossy=0&strip=1&webp=1 1024w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png?lossy=0&strip=1&webp=1 1085w" sizes="(max-width: 1085px) 100vw, 1085px" width="75px" alt="Association Management Companies" /><span class="ubermenu-target-title ubermenu-target-text">Association Management Companies</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Solutions that simplify operations and enhance member engagement</span></a></li><li id="menu-item-18951" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18951 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-content-align-left ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Featured Case Study</span></span></li><li id="menu-item-18952" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-resources ubermenu-item-18952 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left mx-4 mb-3 bg-primary-light" href="https://memberclicks.com/resources/case-studies/the-american-society-of-nutrition/"><img class="ubermenu-image ubermenu-image-size-card-horizontal-post" src="https://memberclicks.com/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-450x253.jpg" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature.jpg?size=128x72&lossy=0&strip=1&webp=1 128w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-300x169.jpg?lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature.jpg?size=384x216&lossy=0&strip=1&webp=1 384w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-450x253.jpg?lossy=0&strip=1&webp=1 450w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-768x432.jpg?lossy=0&strip=1&webp=1 768w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-800x450.jpg?lossy=0&strip=1&webp=1 800w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-1024x576.jpg?lossy=0&strip=1&webp=1 1024w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature.jpg?lossy=0&strip=1&webp=1 1200w" sizes="(max-width: 450px) 100vw, 450px" width="200px" alt="MC_CS_American Society for Nutrition_feature" /><span class="ubermenu-target-title ubermenu-target-text">American Society for Nutrition – MC Professional AMS</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">See how ASN grew their membership by 40% since teaming up with MemberClicks</span><span class="ubermenu-badge ubermenu-badge-inline-absolute"><span class="fw-bold fs-6 mt-2"> Download <svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg> </span></span></a><div class="ubermenu-content-block ubermenu-custom-content"><style> li#menu-item-18952 a, li#menu-item-18952 a .ubermenu-badge { border-radius: 10px; overflow: hidden; } li#menu-item-18952 a { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } </style></div></li></ul></li><li id="menu-item-18953" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-18953 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/products/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Solutions</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18953 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li id="menu-item-18954" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18954 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/products/"><span class="ubermenu-target-title ubermenu-target-text">Products</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18955" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-services ubermenu-item-18955 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left border mx-3 mb-3" href="https://memberclicks.com/products/professional/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Untitled-1-01.svg" width="50px" alt="Professional" /><span class="ubermenu-target-title ubermenu-target-text">MC Pro</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Built for professional associations and nonprofits</span></a><div class="ubermenu-content-block ubermenu-custom-content d-none"><style> #menu-item-18955 a { border-radius: 10px; overflow: hidden; } </style></div></li><li id="menu-item-18956" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-services ubermenu-item-18956 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left border mx-3" href="https://memberclicks.com/products/trade/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Trade.svg" width="50px" alt="Trade" /><span class="ubermenu-target-title ubermenu-target-text">MC Trade</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Built for trade associations and chambers</span></a><div class="ubermenu-content-block ubermenu-custom-content d-none"><style> #menu-item-18956 a { border-radius: 10px; overflow: hidden; } </style></div></li><li id="menu-item-18957" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18957 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Add Ons & Enhancements</span></span></li><li id="menu-item-18958" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18958 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/registration-tech/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/02/Registration-Tech-Logo.svg" width="30px" alt="Registration Tech" /><span class="ubermenu-target-title ubermenu-target-text">Registration Tech</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Technology for events and meetings large and small</span></a></li><li id="menu-item-18959" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18959 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/community/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/CommUnity.svg" width="30px" alt="CommUnity" /><span class="ubermenu-target-title ubermenu-target-text">CommUnity</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">An exclusive space where your members build strong relationships</span></a></li><li id="menu-item-18960" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18960 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/job-board/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/job-board.svg" width="30px" alt="Job Board" /><span class="ubermenu-target-title ubermenu-target-text">Job Board</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Empower your members to build meaningful careers</span></a></li><li id="menu-item-18961" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18961 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/classroom/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Classroom.svg" width="30px" alt="Classroom" /><span class="ubermenu-target-title ubermenu-target-text">Classroom</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Online learning tools for your members</span></a></li><li id="menu-item-18962" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18962 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2 ubermenu-clear-row" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/member-app/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/MemberApp.svg" width="30px" alt="MemberApp" /><span class="ubermenu-target-title ubermenu-target-text">Member App</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">A mobile membership app and event app</span></a></li><li id="menu-item-18963" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18963 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/add-ons/data-insights/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/10/DI-no-padding.svg" width="30px" alt="DI – no padding" /><span class="ubermenu-target-title ubermenu-target-text">Data Insights</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">AI-powered reporting connected to your AMS</span></a></li></ul></li><li id="menu-item-18964" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-18964 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/features" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Features</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18964 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li id="menu-item-18965" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18965 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-item-layout-icon_left" href="/features"><span class="ubermenu-target-title ubermenu-target-text">Features</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18966" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18966 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/crm/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/crm.png" width="30px" alt="crm" /><span class="ubermenu-target-title ubermenu-target-text">CRM for Associations</span></a></li><li id="menu-item-18969" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18969 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/dues-and-renewals/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/renewal.png" width="30px" alt="Dues and Renewals" /><span class="ubermenu-target-title ubermenu-target-text">Dues and Renewal Management</span></a></li><li id="menu-item-18970" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18970 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/email-marketing/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/email.png" width="30px" alt="Email Marketing" /><span class="ubermenu-target-title ubermenu-target-text">Email Marketing</span></a></li><li id="menu-item-18971" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18971 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/reporting/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/reporting.png" width="30px" alt="reporting" /><span class="ubermenu-target-title ubermenu-target-text">Data and Reporting</span></a></li><li id="menu-item-18972" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18972 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/features/account-payment-processing/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/accounting.png" width="30px" alt="Accounting & payments" /><span class="ubermenu-target-title ubermenu-target-text">Financial Management</span></a></li><li id="menu-item-18973" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18973 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/event-management/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/event.png" width="30px" alt="Event Management" /><span class="ubermenu-target-title ubermenu-target-text">Event Management</span></a></li><li id="menu-item-18974" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18974 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/forms/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/forms.png" width="30px" alt="Forms, surveys & Applications" /><span class="ubermenu-target-title ubermenu-target-text">Forms</span></a></li><li id="menu-item-18975" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18975 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/review-panel/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/member_mgmt.png" width="30px" alt="Member Management" /><span class="ubermenu-target-title ubermenu-target-text">Submission Management</span></a></li><li id="menu-item-18976" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18976 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/membership-websites/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/Icon.png" width="30px" alt="Member Websites icon" /><span class="ubermenu-target-title ubermenu-target-text">Association Websites</span></a></li><li id="menu-item-18977" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18977 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/committee-management/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/Group-554.png" width="30px" alt="Committee management" /><span class="ubermenu-target-title ubermenu-target-text">Committee Management</span></a></li><li id="menu-item-18978" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18978 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/membership-management/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/member_mgmt.png" width="30px" alt="Member Management" /><span class="ubermenu-target-title ubermenu-target-text">Membership Management</span></a></li><li id="menu-item-18979" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18979 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/features"><span class="ubermenu-target-title ubermenu-target-text">Explore all features</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18980" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18980 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Featured Resource</span></span></li><li id="menu-item-18981" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-resources ubermenu-item-18981 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left mx-4 mb-3 bg-primary-light" href="https://memberclicks.com/resources/guides/ams-selection-guide/"><img class="ubermenu-image ubermenu-image-size-card-horizontal-post" src="https://memberclicks.com/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS-450x253.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS.png?size=90x51&lossy=0&strip=1&webp=1 90w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS.png?size=180x101&lossy=0&strip=1&webp=1 180w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS.png?size=270x152&lossy=0&strip=1&webp=1 270w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS.png?size=360x202&lossy=0&strip=1&webp=1 360w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS-450x253.png?lossy=0&strip=1&webp=1 450w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS-800x450.png?lossy=0&strip=1&webp=1 800w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS-1280x720.png?lossy=0&strip=1&webp=1 1280w" sizes="(max-width: 450px) 100vw, 450px" width="175px" alt="GUIDE_Selecting-Your-AMS" /><span class="ubermenu-target-title ubermenu-target-text">AMS Selection Guide: A Comprehensive Guide to Choosing an Association Management Software (AMS)</span><span class="ubermenu-badge ubermenu-badge-inline-absolute"><span class="fw-bold fs-6 mt-2"> Download <svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg> </span></span></a><div class="ubermenu-content-block ubermenu-custom-content d-none"><style> li#menu-item-18981 a, li#menu-item-18981 a .ubermenu-badge { border-radius: 10px; overflow: hidden; margin: 0px 4px } #menu-item-18981 span.ubermenu-target-title.ubermenu-target-text { padding-top: .75rem; } .ubermenu .ubermenu-item-layout-image_above>.ubermenu-image { margin: 0px; background: var(--primary-color); } li#menu-item-18981 a { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } </style></div></li></ul></li><li id="menu-item-18982" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-18982 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="#" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Services</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18982 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li id="menu-item-18983" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18983 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Professional Packages</span></span></li><li id="menu-item-18984" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18984 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/professional-services-packages-pro/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Untitled-1-01.svg" width="30px" alt="Professional" /><span class="ubermenu-target-title ubermenu-target-text">MC Professional</span></a></li><li id="menu-item-18985" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18985 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/professional-services-packages-trade/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Trade.svg" width="30px" alt="Trade" /><span class="ubermenu-target-title ubermenu-target-text">MC Trade</span></a></li><li id="menu-item-18986" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18986 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/professional-services-packages-community/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/CommUnity.svg" width="30px" alt="CommUnity" /><span class="ubermenu-target-title ubermenu-target-text">CommUnity</span></a></li><li id="menu-item-18987" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18987 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/data-and-web-services-packages/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Untitled-1-01.svg" width="30px" alt="Professional" /><span class="ubermenu-target-title ubermenu-target-text">Data and Web</span></a></li><li id="menu-item-18988" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18988 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Featured Resource</span></span></li><li id="menu-item-18989" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18989 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left mx-4 mb-3 bg-primary-light" href="/add-ons/data-insights/"><img class="ubermenu-image ubermenu-image-size-card-post" src="https://memberclicks.com/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1-500x333.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1-500x333.png?lossy=0&strip=1&webp=1 500w" sizes="(max-width: 500px) 100vw, 500px" width="175px" alt="Data" /><span class="ubermenu-target-title ubermenu-target-text">MC Trade Data Insights gives you access to advanced reporting and deep analysis at your fingertips.</span><span class="ubermenu-badge ubermenu-badge-inline-absolute"><span class="fw-bold fs-6 mt-2"> Learn More <svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg> </span></span></a><div class="ubermenu-content-block ubermenu-custom-content d-none"><style> li#menu-item-18989 a, li#menu-item-18989 a .ubermenu-badge { border-radius: 10px; overflow: hidden; margin: 0px 4px } #menu-item-18989 span.ubermenu-target-title.ubermenu-target-text { padding-top: .75rem; } li#menu-item-18989 a { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } </style></div></li></ul></li><li id="menu-item-18990" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-18990 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/resources/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Resources</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18990 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-18991 ubermenu-item-level-1 ubermenu-column ubermenu-column-2-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-18991"><ul class="ubermenu-submenu ubermenu-submenu-id-18991 ubermenu-submenu-type-stack" ><li id="menu-item-18992" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18992 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-full" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/resources"><span class="ubermenu-target-title ubermenu-target-text">Learning Resources</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18993" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18993 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2 ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/blog/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Blogs-and-Guides-Icon.svg" width="30px" alt="Blogs and Guides Icon" /><span class="ubermenu-target-title ubermenu-target-text">Blog</span></a></li><li id="menu-item-18994" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18994 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/resources/?resource_type=ebooks+guides"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/eBook-Icon.svg" width="30px" alt="eBook" /><span class="ubermenu-target-title ubermenu-target-text">Guides</span></a></li><li id="menu-item-18995" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18995 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/resources/?resource_type=case-studies"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Case-Studies.svg" width="30px" alt="Case Studies" /><span class="ubermenu-target-title ubermenu-target-text">Case Studies</span></a></li><li id="menu-item-18996" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18996 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/resources/?resource_type=webinars"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Webinars-and-Events.svg" width="30px" alt="Webinars and Events" /><span class="ubermenu-target-title ubermenu-target-text">Webinars & Events</span></a></li><li id="menu-item-18997" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18997 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-full" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/support/"><span class="ubermenu-target-title ubermenu-target-text">Support</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18998" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18998 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" target="_blank" href="https://theloop.personifycorp.com/home"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Vector-1.svg" width="26" height="19" alt="Vector 1" /><span class="ubermenu-target-title ubermenu-target-text">The Loop</span></a></li><li id="menu-item-18999" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18999 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/implementation/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Implementation-Icon.svg" width="30px" alt="Implementation" /><span class="ubermenu-target-title ubermenu-target-text">Implementation</span></a></li><li id="menu-item-19000" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-19000 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-full" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/about-memberclicks/"><span class="ubermenu-target-title ubermenu-target-text">About Us</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-19001" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-19001 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" target="_blank" href="https://personifycorp.com/about-us/leadership/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Leadership-Icon-2.svg" width="15" height="26" alt="Leadership" /><span class="ubermenu-target-title ubermenu-target-text">Leadership</span></a></li><li id="menu-item-19002" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-19002 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" target="_blank" href="https://personifycorp.com/about-us/careers/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Careers.svg" width="26" height="26" alt="Careers" /><span class="ubermenu-target-title ubermenu-target-text">Careers</span></a></li><li id="menu-item-19003" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-19003 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/industry-partners/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Group-672.svg" width="24" height="19" alt="Industry partners" /><span class="ubermenu-target-title ubermenu-target-text">Industry Partners</span></a></li><li id="menu-item-19004" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-19004 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/contact/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Contact-us.svg" width="24" height="24" alt="Contact us" /><span class="ubermenu-target-title ubermenu-target-text">Contact Us</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-19005 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-hide-mobile ubermenu-item-type-column ubermenu-column-id-19005"><ul class="ubermenu-submenu ubermenu-submenu-id-19005 ubermenu-submenu-type-stack" ><li id="menu-item-19006" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-19006 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Featured Resource</span></span></li><li class="ubermenu-autocolumn menu-item-19007-col-0 ubermenu-item-level-3 ubermenu-column ubermenu-column-1-1 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-19007-col-0"><ul class="ubermenu-submenu ubermenu-submenu-id-19007-col-0 ubermenu-submenu-type-stack" ><li id="menu-item-19007-post-18031" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-dynamic-post ubermenu-item-19007 ubermenu-item-19007-post-18031 ubermenu-item-header ubermenu-item-level-3 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-default ubermenu-item-layout-image_above" href="https://memberclicks.com/resources/guides/the-ultimate-guide-to-non-dues-revenue-for-associations/" id="resources-featured-image"><img class="ubermenu-image ubermenu-image-size-card-post" src="https://memberclicks.com/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1-500x333.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1-500x333.png?lossy=0&strip=1&webp=1 500w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1-675x450.png?lossy=0&strip=1&webp=1 675w" sizes="(max-width: 500px) 100vw, 500px" width="500" height="333" alt="Pastel Book Launching for Authors (1)" /><span class="ubermenu-target-title ubermenu-target-text">The Ultimate Guide to Non-Dues Revenue for Associations</span><span class="ubermenu-badge ubermenu-badge-inline"><span class="fw-bold fs-6"> Download <svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg> </span></span></a></li></ul></li></ul></li></ul></li><li id="menu-item-19008" class="top-level ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-19008 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/membership-software-pricing/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Pricing</span></a></li><li id="menu-item-19009" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-19009 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only rounded" href="#demo-request" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Book a Demo</span></a></li></ul><div class="ubermenu-mobile-footer"><button class="ubermenu-mobile-close-button"><i class="fas fa-times"></i> Close</button></div></nav>  </div> </div> </nav> <div class="progress" id="progress"> <div class="progress-bar" role="progressbar" style="width:1%" aria-valuenow="1" aria-valuemin="1" aria-valuemax="100"></div> </div> </header>  <div id="content" class="site-content"> <style> /* IMG */ .type-post #content img { width: 110%; height: auto; margin-left: -5%; } </style> <main>  <style> a.breadcrumb-item { color: var(--gray-color); font-weight: bold; } a.breadcrumb-item:hover { color: black; } /* Article Typography */ article p, article ul, article ol { font-size: calc(.95rem + .25vw); line-height: 1.75; color: rgb(46, 71, 93) } article h2 { font-size: calc(1.75rem + .25vw); font-weight: bold; margin: 64px 0px 16px 0px; } article h2:before { content: ''; margin-bottom: 1rem; width: 50px; height: 3px; display: block; background: var(--bs-dark); } article h3 { font-size: 1.5rem; font-weight: 500; line-height: 1.42; margin: 32px 0px 16px 0px; } /* Post - Share */ #author { position: sticky; top: px; margin-top: 1rem } #featuredImage { z-index: 2; max-height: 40vh; } #share i { border-radius: 0rem; display: inline-block; color: ; font-size: 1rem; padding: 1rem 1.5rem; text-align: center; transition: .1s; } article.post main, article.post footer { margin-left: 0rem; margin-right: 0rem; } div#share { text-align: center; } #comments p.form-submit { text-align: right; } /* Comments */ label { display: block; } /* TOC */ nav[data-toggle=toc] .nav-link.active, nav[data-toggle=toc] .nav-link.active:focus, nav[data-toggle=toc] .nav-link.active:hover { color: black !important; font-weight: bold !important; border-left: 2px solid #000 !important; background: var(--bs-light) } nav[data-toggle=toc] .nav>li>a:focus, nav[data-toggle=toc] .nav>li>a:hover { color: #000 !important; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <link rel="stylesheet" href="/wp-content/themes/kin/src/bootstrap-toc/dist/bootstrap-toc.min.css" />  <script src="/wp-content/themes/kin/src/bootstrap-toc/dist/bootstrap-toc.min.js"></script> <div class="hero position-relative"> <div class="container"> <div class="row"> <div class="col my-4 small text-muted"> <div class="breadcrumb align-items-center m-0"> <a class="breadcrumb-item" href="https://memberclicks.com/blog/">Blog</a> <a class="breadcrumb-item" href="https://memberclicks.com/blog/category/member-software/">Member Software</a> <span class="breadcrumb-item">Member Engagement Strategies to Elevate Your Community</a> </div> </div> </div> </div> <div class="container"> <div class="row align-items-center py-5 g-5"> <div id="featured-content" class="col-12 col-md-6 mt-0"> <img width="1280" height="720" src="https://memberclicks.com/wp-content/uploads/2023/12/AdobeStock_231496802-1280x720.jpeg" class="rounded img-fluid wp-post-image" alt="Elevate Your Community: Proven Strategies for Boosting Member Engagement" decoding="async" fetchpriority="high" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/12/AdobeStock_231496802.jpeg?size=256x144&lossy=0&strip=1&webp=1 256w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/12/AdobeStock_231496802-450x253.jpeg?lossy=0&strip=1&webp=1 450w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/12/AdobeStock_231496802.jpeg?size=512x288&lossy=0&strip=1&webp=1 512w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/12/AdobeStock_231496802-800x450.jpeg?lossy=0&strip=1&webp=1 800w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/12/AdobeStock_231496802.jpeg?size=1024x576&lossy=0&strip=1&webp=1 1024w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/12/AdobeStock_231496802-1280x720.jpeg?lossy=0&strip=1&webp=1 1280w" sizes="(max-width: 1280px) 100vw, 1280px" /> <img src="<" class="rounded" alt="" width="100%" /> </div> <div class="col-12 col-md-6"> <a class="fs-6 text-primary btn btn-sm btn-light text-dark mb-4" href="https://memberclicks.com/blog/category/member-software/">Member Software</a> <h1>Member Engagement Strategies to Elevate Your Community</h1> <div class="row g-2 mt-4"> <div class="col text-middle text-lg-start d-flex justify-content-between align-items-center"> <span class="author-info"> <span class="text-muted"> Andrea Amorosi </span> </span> <span class="text-muted"> December 18, 2023 </span> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row g-5 justify-content-center"> <div id="table-of-contents" class="col-md-3 d-none d-xl-block"> <div id="table-of-contents-card" class="card sticky-top overflow-hidden" style="top:10%"> <div class="card-header font-bold text-secondary font-header bg-transparent"> <i class="icon-bookmark-o text-primary"></i> Table of Contents <script> var h = document.getElementById('header').clientHeight; document.getElementById("table-of-contents-card").style.top = h + 15 + 'px'; </script> </div> <div class="my-2"> <nav id="toc" data-toggle="toc"></nav> </div> </div> </div> <div class="col"> <div class="row "> <div class="col text-muted text-start"> <i class="icon-clock"></i> 10 min read </div> <div id="share" class="col-auto text-end"> <div id="share"> <a class="btn btn-sm btn-light" href="https://www.facebook.com/sharer/sharer.php?u=https://memberclicks.com/blog/member-engagement-strategies-ideas/&quote=Member Engagement Strategies to Elevate Your Community" title="Share on Facebook" target="_blank"> <span class="icon-facebook"></span> </a> <a class="btn btn-sm btn-light" target="_new" href="https://twitter.com/intent/tweet?text=Member+Engagement+Strategies+to+Elevate+Your+Community&url= https%3A%2F%2Fmemberclicks.com%2Fblog%2Fmember-engagement-strategies-ideas%2F"> <span class="icon-twitter"></span> </a> <a class="btn btn-sm btn-light" href="http://www.linkedin.com/shareArticle?mini=true&url=https://memberclicks.com/blog/member-engagement-strategies-ideas/&title=Member Engagement Strategies to Elevate Your Community" target="_blank" title="Share on LinkedIn"> <span class="icon-linkedin"></span> </a> <a class="btn btn-sm btn-light" href="mailto:?subject=<Member Engagement Strategies to Elevate Your Community>&body=<https://memberclicks.com/blog/member-engagement-strategies-ideas/>" target="_blank"> <span class="icon-envelope"></span> </a> </div> </div> </div> <hr> <article id="post-16074" class="toc post-16074 post type-post status-publish format-standard has-post-thumbnail hentry category-member-software category-membership-software category-membership-management" data-bs-spy="scroll" data-bs-target="#toc"> <div id="article" class="mb-5" data-bs-spy="scroll" data-bs-target="#toc" data-bs-offset="0" tabindex="0"> <p>Did you know that professionals in smaller organizations particularly identify member engagement, along with time and financial constraints, as their biggest challenges. This shows the urgent need for effective engagement strategies in today’s competitive landscape.</p> <p>Member engagement is the lifeblood of any community-focused organization. Whether you’re running a non-profit, a professional association, or a social club, engaging your members isn’t just about keeping them interested — it’s about creating a vibrant, active community that benefits everyone involved. That’s where solutions like <a href="http://www.memberclicks.com">MemberClicks </a>come in, offering tools and insights to take your member engagement to the next level.</p> <p>In this blog, we’ll explore various strategies and ideas for improving member engagement. From understanding the basics of engagement to implementing innovative strategies, and measuring success, we’ve got you covered. Let’s dive in and discover how you can transform your community!</p> <h2 class="wp-block-heading">What is Member Engagement?</h2> <p>Member engagement is the art and science of building a relationship between your organization and your members. It’s about creating meaningful interactions that go beyond mere transactions. But what does member engagement look like today, compared to say, a decade ago? With the digital revolution, the ways we engage have evolved. We’re no longer limited to newsletters and annual conferences; now, it’s about creating a continuous, dynamic dialogue through various channels.</p> <div class="membe-d969eef6cefe5d295dd81c9a3528b871 membe-blog-cta-push" id="membe-d969eef6cefe5d295dd81c9a3528b871"></div><h2 class="wp-block-heading">Why You Need to Focus on Effective Member Engagement</h2> <p>So, why invest time and resources into enhancing member engagement? For your organization, the benefits are clear: higher retention rates, more enthusiastic participation, and a stronger sense of community that translates into tangible outcomes. And for your members? They enjoy a more satisfying and rewarding experience, feeling truly part of something bigger than themselves.</p> <h2 class="wp-block-heading">Identifying Member Engagement Challenges</h2> <p>Recognizing that you have engagement challenges is the first step toward building a more connected and active membership based. Here are some common signs we see that your association is likely facing member engagement issues:</p> <h3 class="wp-block-heading">1. Declining Event Attendance</h3> <p>If fewer members are attending your events over time, it could indicate a disconnect between the activities offered and members’ interests or availability. Tracking event attendance trends can help you assess whether engagement levels are dwindling.</p> <h3 class="wp-block-heading">2. Low Response to Communications</h3> <p>Regular communication is essential to keep members informed and engaged. However, if members rarely open your emails, click links, or respond to surveys, this lack of engagement could signal that your messaging isn’t resonating or reaching them effectively.</p> <h3 class="wp-block-heading">3. Minimal Interaction on Digital Platforms</h3> <p>Whether you use a member portal, forum, or social media, limited interaction on these platforms is a sign of low engagement. If members aren’t actively participating in online discussions or accessing shared resources, they might not feel a strong connection to the community.</p> <h3 class="wp-block-heading">4. Decline in Volunteer Participation</h3> <p>Member-driven organizations rely on volunteers to support programs and initiatives. A decrease in volunteer sign-ups or engagement may indicate waning interest or that members don’t feel empowered or valued in their roles.</p> <h3 class="wp-block-heading">5. Decrease in Membership Renewals</h3> <p>High renewal rates are typically a positive indicator of member satisfaction and engagement. If your organization is experiencing an uptick in non-renewals, it may point to a lack of perceived value or a need for improved member engagement strategies.</p> <h3 class="wp-block-heading">6. Limited Feedback and Suggestions from Members</h3> <p>When members are truly engaged, they’re more likely to offer feedback and suggestions. If you notice a decline in incoming ideas or suggestions, it could mean members feel less invested or connected to the organization’s future.</p> <h3 class="wp-block-heading">7. Lack of Referrals and New Member Growth</h3> <p>Engaged members often act as advocates, bringing new members into the organization. If you’re seeing a drop in referrals, it could be an indication that existing members aren’t enthusiastic enough to recommend the organization to others.</p> <h2 class="wp-block-heading">How to Create a Member Engagement Plan: Step-by-Step Guide</h2> <p>A well-structured member engagement plan is essential to fostering meaningful connections with your members. This guide walks you through each step to ensure your plan is actionable, adaptable, and impactful.</p> <h3 class="wp-block-heading">Step 1: Define Clear Engagement Goals</h3> <p>Before developing your plan, define the goals you want to achieve. Common engagement goals include increasing member retention, boosting event participation, enhancing online community activity, and gathering feedback for organizational growth. Ensure these goals are specific, measurable, achievable, relevant, and time-bound (SMART) to give your team clear direction.</p> <h3 class="wp-block-heading">Step 2: Identify and Segment Your Audience</h3> <p>Your members likely have varied interests, needs, and engagement levels, so take time to segment them into meaningful groups based on factors like member type (e.g., new members vs. long-term members), demographics, and engagement history. Knowing these segments helps you tailor strategies that resonate with each group and drive higher engagement.</p> <h3 class="wp-block-heading">Step 3: Develop Targeted Engagement Strategies</h3> <p>Create specific engagement strategies for each member segment. Consider a variety of tactics, such as:</p> <ul class="wp-block-list"> <li><strong>Personalized Communications</strong>: Use email, newsletters, or even direct messages tailored to member preferences.</li> <li><strong>Interactive Events</strong>: Plan events that align with members’ interests, whether virtual, in-person, or hybrid.</li> <li><strong>Exclusive Content</strong>: Provide segmented content, like webinars or industry insights, tailored to their specific needs.</li> <li><strong>Volunteer and Leadership Opportunities</strong>: Engage members by inviting them to contribute to committees or projects.</li> </ul> <h3 class="wp-block-heading">Step 4: Build a Detailed Action Plan</h3> <p>Develop a roadmap that includes all activities, timelines, and team responsibilities. Your action plan should specify:</p> <ul class="wp-block-list"> <li><strong>Key Initiatives</strong>: Detail each activity or campaign, from event planning to content publishing.</li> <li><strong>Timelines</strong>: Outline when each initiative will start and end, considering both short-term and long-term goals.</li> <li><strong>Team Roles</strong>: Assign responsibilities to team members to ensure accountability and streamlined implementation.</li> </ul> <h3 class="wp-block-heading">Step 5: Equip Your Team with Training and Tools</h3> <p>Implementing new engagement strategies often requires new skills and tools. Ensure your team has the resources, knowledge, and technical skills they need. If you’re introducing new platforms for community engagement, CRM systems, or analytics tools, provide training sessions so the team can use them effectively.</p> <h3 class="wp-block-heading">Step 6: Communicate the Plan Internally</h3> <p>Clear communication within your organization is critical for a smooth rollout. Share your engagement plan with relevant departments, and encourage team members to provide input. Consider hosting a meeting or workshop to walk through the plan and ensure alignment across your organization.</p> <h3 class="wp-block-heading">Step 7: Launch Pilot Programs</h3> <p>Instead of a full-scale rollout, start with a pilot program to test specific strategies or activities. Choose a small, representative segment of your membership for the pilot, and gather feedback. This initial testing phase allows you to identify and resolve any issues, refine your tactics, and gain insights to optimize the full rollout.</p> <h3 class="wp-block-heading">Step 8: Gather Buy-In from Key Stakeholders</h3> <p>Engage stakeholders early in the process to build their support. Present the expected impact of your engagement plan, including potential member growth and retention benefits. Stakeholder buy-in can secure the resources and advocacy you need for successful implementation.</p> <h3 class="wp-block-heading">Step 9: Implement the Full Plan and Monitor Progress</h3> <p>Once you’ve refined your strategies through pilot testing, roll out the full engagement plan. During implementation, track key metrics tied to your goals, such as participation rates, engagement levels on digital platforms, and membership retention.</p> <h3 class="wp-block-heading">Step 10: Continuously Evaluate and Adjust</h3> <p>Engagement is dynamic, and your plan should be flexible. Regularly analyze your metrics and gather feedback from both team members and members themselves. Use this data to make adjustments to your tactics, introduce new initiatives, or phase out ones that are less effective.</p> <h2 class="wp-block-heading">Enticing Member Engagement Ideas to Encourage Better Participation</h2> <p>In the journey to elevate member engagement, your strategy is your roadmap. It’s what guides every decision and action towards engaging your community more deeply. But crafting an effective member engagement strategy isn’t just about choosing the right activities or platforms; it involves a holistic approach that resonates with the heart of your organization and the needs of your members. </p> <p><strong>It’s about aligning your mission</strong>, resources, and the unique dynamics of your community to create a vibrant and engaging member experience.</p> <p>Now, let’s review the key elements you should consider while crafting your strategy:</p> <ol class="wp-block-list"> <li><strong>Understanding Member Needs and Interests: </strong>Start by deeply understanding who your members are. Conduct surveys, analyze interaction data, and gather feedback. This will help you tailor your engagement tactics to their specific interests and needs.</li> <li><strong>Personalization:</strong> One size does not fit all in member engagement. Segment your members based on demographics, interests, or engagement levels, and tailor your communication and activities accordingly.</li> <li><strong>Consistent and Valuable Communication: </strong>Keep your members informed and engaged with regular, valuable communication. This could be through newsletters, social media posts, or personalized emails.</li> <li><strong>Engagement Metrics:</strong> Set clear goals and metrics for engagement. This could include measures like event attendance, community participation, or social media interaction.</li> <li><strong>Feedback Mechanism: </strong>Incorporate a system for regular feedback from members to continuously adapt and improve your engagement strategies.</li> </ol> <h3 class="wp-block-heading">Tailor Strategies to Different Member Segments</h3> <p>Different member segments have different preferences and needs, and recognizing this is crucial for successful engagement. Here’s how you can tailor your strategies:</p> <ul class="wp-block-list"> <li><strong>Younger Members:</strong> They might be more responsive to digital communication channels like social media or apps. Engaging content, interactive platforms, and opportunities for online networking can be particularly effective.</li> <li><strong>Older Members:</strong> They may prefer more traditional forms of communication, such as newsletters or phone calls. Consider organizing in-person events or workshops that cater to their interests.</li> <li><strong>Professional vs. Casual Members:</strong> Professional members may value networking opportunities and career development resources, while casual members might be more interested in social events and community activities.</li> </ul> <h3 class="wp-block-heading">Engage Members Through Unique Programs and Events</h3> <p>Have you ever thought about how unique programs and events can electrify your community’s spirit? They’re not just events; they’re experiences that can leave a lasting impact on your members. Let’s explore a few ideas you can easily incorporate:</p> <ol class="wp-block-list"> <li><strong>Host Specialty Workshops or Webinars:</strong> Think about what skills or knowledge your members crave and organize workshops or webinars to quench that thirst for learning.</li> <li><strong>Organize Community Service Projects:</strong> Community service isn’t just about giving back; it’s a chance for your members to bond over shared values and make a difference together.</li> <li><strong>Virtual Meetups and Networking Events:</strong> In this digital age, why not leverage the power of virtual events? They’re a fantastic way to keep your members connected, no matter where they are.</li> <li><strong>Member-Driven Content Sessions: </strong>How about letting your members take the lead sometimes? Encourage them to host sessions on topics they’re passionate about. It’s a great way to diversify your offerings and empower your members.</li> </ol> <h3 class="wp-block-heading">Leveraging Social Media and Online Communities</h3> <p>Social media and online communities are your allies in keeping the engagement buzzing. They’re perfect for creating a space where your members can interact, share, and grow together. Here’s how you can make the most of these platforms:</p> <p><strong>Create Exclusive Online Communities:</strong> Setting up dedicated groups or forums for your members can foster a strong sense of belonging and continuous interaction. For an efficient solution, check out <a href="https://memberclicks.com/add-ons/community/">MemberClicks’ CommUnity</a> add-on to elevate your community engagement.</p> <p><strong>Interactive Content and Challenges:</strong> Who doesn’t love a good poll or challenge? Use these tools to spark engagement and conversation on your social media channels.</p> <p><strong>Showcase Member Stories and Achievements: </strong>Regularly highlighting your members’ achievements can make them feel seen and appreciated, boosting their sense of community.</p> <p><strong>Regular Q&A Sessions or AMAs (Ask Me Anything):</strong> Hosting Q&A sessions with experts or leaders can provide your members with valuable insights and a direct line to advice they seek.</p> <h3 class="wp-block-heading">Integrating Technology in Member Engagement</h3> <p>You know technology can be a game-changer in how you engage with your members. Let’s dive into some tech-savvy methods to keep your members hooked and engaged:</p> <p><strong>Mobile Apps for Member Interaction:</strong> Imagine a mobile app that keeps your members connected with just a tap. It’s convenience and engagement rolled into one. To bring this idea to life, explore <a href="https://memberclicks.com/add-ons/member-app/">MemberClicks’ Mobile App</a> add-on, perfect for keeping your community engaged on the go.</p> <p><strong>Virtual Reality or Augmented Reality Experiences:</strong> Why not add a dash of VR or AR to make your events or trainings more immersive and exciting?</p> <p><strong>Personalized Member Portals:</strong> Personalized portals on your website can make each member feel like they have a space just for them, filled with content tailored to their interests.</p> <h2 class="wp-block-heading">Measuring the ROI of Member Engagement</h2> <p>Understanding the return on investment (ROI) of member engagement initiatives is essential for proving the value of these efforts to your organization’s leadership and for continuously improving engagement strategies. </p> <p><a href="https://memberclicks.com/blog/kpis-for-membership-organizations/">Measuring engagement ROI </a>involves looking at both tangible and intangible metrics that reflect the impact of your engagement activities on member satisfaction, retention, and growth.</p> <h3 class="wp-block-heading"><strong>1. Membership Retention Rates</strong></h3> <p>One of the clearest indicators of engagement success is membership retention. Engaged members are more likely to renew, so tracking year-over-year retention rates gives a direct insight into the effectiveness of your engagement initiatives. </p> <p>Compare retention rates for members who actively participate in events or use online resources against those who don’t to understand which activities most impact loyalty.</p> <h3 class="wp-block-heading"><strong>2. Member Participation and Interaction</strong></h3> <p>High levels of participation in events, forums, and online platforms reflect positive engagement. Track attendance, forum activity, and other interactive behaviors to gauge how connected members feel to the organization. </p> <p>Analyzing participation trends over time can help you identify what types of content or events drive the most engagement, guiding future efforts.</p> <h3 class="wp-block-heading"><strong>3. Net Promoter Score (NPS)</strong></h3> <p>The Net Promoter Score is a commonly used metric to assess member satisfaction and their likelihood of recommending the organization to others. A high NPS indicates strong engagement, as members who feel valued and connected are more inclined to advocate for the organization. </p> <p><a href="https://memberclicks.com/blog/how-to-increase-survey-response-rates/">Conduct regular NPS surveys</a> to monitor shifts in member satisfaction and address any emerging issues.</p> <h3 class="wp-block-heading"><strong>4. Revenue from Member Activities</strong></h3> <p>Look at the revenue generated through member-driven activities like event attendance, workshops, and educational courses. If your organization offers paid events or resources, tracking revenue from these channels can provide insight into the financial return on your engagement strategies. </p> <p>Strong participation and revenue generation from these activities show that members find value in what your organization offers, enhancing overall ROI.</p> <div class="membe-blog-cta-push-bottom membe-target" id="membe-679085496" data-membe-trackid="17229" data-membe-trackbid="1"><a data-no-instant="1" href="https://memberclicks.com/contact/" class="adv-link" aria-label="CTA – AMS TOFU THIN 1"><img src="https://memberclicks.com/wp-content/uploads/2024/04/CTA-AMS-TOFU-THIN-1.png" alt="" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/04/CTA-AMS-TOFU-THIN-1.png?size=128x27&lossy=0&strip=1&webp=1 128w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/04/CTA-AMS-TOFU-THIN-1-300x64.png?lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/04/CTA-AMS-TOFU-THIN-1.png?size=384x82&lossy=0&strip=1&webp=1 384w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/04/CTA-AMS-TOFU-THIN-1.png?lossy=0&strip=1&webp=1 560w" sizes="(max-width: 560px) 100vw, 560px" class="no-lazyload" width="560" height="120" /></a></div><h2 class="wp-block-heading">Wrapping Up</h2> <p>You now understand the vital role member engagement plays in your organization and have discovered a variety of innovative strategies and tools to enhance it. From engaging digital platforms to personalizing member experiences, you’ve got a wealth of ideas at your fingertips. </p> <p>It’s your turn now. Take these strategies and see how they fit into your community. Whether you’re tweaking what you currently do or trying something completely new, the potential to deepen your members’ connection to your community is huge. And remember, tools like <a href="http://www.memberclicks.com">MemberClicks</a> are here to support you, making it easier to engage and understand your members.</p> <p>So, what’s your next step? Dive in, use these strategies, and start creating a more vibrant and connected community. Every step you take towards better engagement is a step towards a stronger, more successful organization. You have the power to make a real difference in your community – it starts with engaging your members in meaningful ways!</p> </div> </article> </div> <div class="col-12 col-lg-3 "> <div id="sidebar-ctas" class="sticky-top"> <div class="sidebar-cta mb-4 text-center"> </div> <div id="subscribe" class="card card-blog-cta h-100 bg-primary p-3 d-flex aligns-items-center justify-content-center p-4 text-center border-0" style="background-image: url('https://memberclicks.com/wp-content/uploads/2023/08/Group-666.png'); background-position: ; background-repeat: no-repeat; background-size: "> <div class="text-primary-contrast"> <div id="subscribe-header" class="fs-2 lh-sm pb-3 text-primary-contrast">Give me the latest news!</div> <div class="pb-3 text-primary-contrast"><style> form#mktoForm_3553, form#mktoForm_3553 form#mktoForm_3553Col, form#mktoForm_3553 .mktoFieldDescriptor.mktoFormCol, form#mktoForm_3553 .mktoFieldWrap, form#mktoForm_3553 label, form#mktoForm_3553 input, form#mktoForm_3553 .mktoHtmlText.mktoHasWidth, form#mktoForm_3553 .mktoButtonRow, form#mktoForm_3553 .mktoFormCol { width: 100% !important; } form#mktoForm_3553 .mktoOffset, form#mktoForm_3553 .mktoAsterix { display: none; } form#mktoForm_3553 label#LblEmail { color: white; padding-bottom: 0.5rem; } form#mktoForm_3553 .mktoHtmlText { color: #ccc; font-size: 12px; } form#mktoForm_3553 .mktoHtmlText a { color: #fff; font-weight: bold; } form#mktoForm_3553 .mktoButtonWrap { width: 100%; margin: auto !important; display: block; text-align: center !important; } button.mktoButton { color: var(--primary-color-contrast) !important; display: inline-block; font-weight: bold; line-height: 1; color: rgba(0, 0, 0, 0.55); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: var(--primary-color-hover); border: 2px solid transparent; border-radius: 10px; padding: 10px 15px; font-size: 1rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } button.mktoButton:hover { background-color: var(--primary-color-dark-hover); } </style> <script>MktoForms2.loadForm(“//go.personifycorp.com”, “659-YYM-976", 3553);</script> <script src="//go.personifycorp.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_3553"></form><script> MktoForms2.loadForm("//go.personifycorp.com", "659-YYM-976", 3553, function(form){ form.onSuccess(function(values, followUpUrl) { form.getFormElem().hide(); document.getElementById('confirmform').style.display = 'block'; document.getElementById('subscribe-header').style.display = 'none'; return false; }); }); </script> <div id="confirmform" class="text-primary-contrast"style="display:none;"><h4 class="text-primary-contrast">Thanks for subscribing!</h4><p>We’re excited to share the best of MemberClicks with you soon!</p></div> </div> </div> </div> </div> <script> var h = document.getElementById('header').clientHeight; document.getElementById("sidebar-ctas").style.top = h + 15 + 'px'; </script> </div> </div> </div> <div class="container py-5"> <div class="row justify-content-center"> <div class="col-12 col-md-10 col-lg-8"> <div class="card bg-secondary-light-hover py-0 px-4" style="background-image: url('https://memberclickdev.wpengine.com/wp-content/uploads/2023/08/Vector-4-4.png'); background-position: right bottom; background-repeat: no-repeat"> <div class="card-body py-0"> <div class="row align-items-center justify-content-center"> <div class="col-12 col-lg-5 order-lg-1 text-center"> <img class="img-fluid mx-auto" src="https://memberclickdev.wpengine.com/wp-content/uploads/2023/07/MC-MemRetention-Mockup-1-1.png"> </div> <div class="col-12 col-lg-7 order-lg-0 py-3 text-center text-lg-start"> <span class="h4 text-dark fw-bold">Free Member Retention Guide</span> <p class="text-light">Ready to retain members and keep them coming back forever and ever? This guide will teach you everything you need to know about member retention. We cover all the basics, like the first steps to member retention and how to map out your member journey. From there, we dive a bit deeper into retention tips.</p> <a class="btn btn-secondary" href="/resources/guides/member-retention-101/">Download</a> </div> </div> </div> </div> </div> </div> </div>  <div id="more-posts"> <div class="container"> <div class="row"> <div class="col-12"> <h4 class="text-secondary mb-4" data-toc-skip>Related Member Software Articles</h4> </div> </div> <div class="row"> <div class="col-12 col-md-6 col-lg-4"> <div class="card card-post h-100 bg-white"> <div class="card-header bg-transparent border-0 my-2"> <a href="https://memberclicks.com/blog/member-incentive-programs/"> <img class="card-img-top rounded" src="https://memberclicks.com/wp-content/uploads/2024/09/member-incentive-program-500x333.jpg" alt="30 Enticing Member Incentive Programs to Grow Your Organization"> </a> </div> <div class="card-body pt-2 d-flex flex-grow-1 align-items-stretch"> <div class="row"> <div class="col align-self-start"> <div class="hstack gap-4 small"> Nov 6, 2024 <div class="vr mx-2 align-middle text-muted"></div> <span class="icon-clock text-success"></span> 12 min read </div> </div> <div class="col-12 py-1 align-self-start"> <div class="card-title text-center text-md-start my-0 lh-sm align-self-start"> <a href="https://memberclicks.com/blog/member-incentive-programs/"> <span class=" fs-4 text-dark text-center text-md-start"><strong>30 Enticing Member Incentive Programs to Grow Your Organization</strong></span> </a> </div> </div> <div class="col-12 pt-2 pb-1 align-self-end justify-content-between d-flex align-items-center"> <span class="author-info"> <span> <img alt="MemberClicks Avatar" class="avatar avatar-sm me-2" src="https://memberclicks.com/wp-content/uploads/2023/07/memberclicks-icon-150x150.jpg"> </span> <span class="text-muted small"> MemberClicks </span> </span> <a class="text-muted small" href="https://memberclicks.com/blog/category/member-software/"> Member Software </a> </div> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4"> <div class="card card-post h-100 bg-white"> <div class="card-header bg-transparent border-0 my-2"> <a href="https://memberclicks.com/blog/content-marketing-for-associations/"> <img class="card-img-top rounded" src="https://memberclicks.com/wp-content/uploads/2024/11/content-marketing-for-associations-500x333.jpg" alt="woman writing content on a laptop for her association members"> </a> </div> <div class="card-body pt-2 d-flex flex-grow-1 align-items-stretch"> <div class="row"> <div class="col align-self-start"> <div class="hstack gap-4 small"> Nov 1, 2024 <div class="vr mx-2 align-middle text-muted"></div> <span class="icon-clock text-success"></span> 16 min read </div> </div> <div class="col-12 py-1 align-self-start"> <div class="card-title text-center text-md-start my-0 lh-sm align-self-start"> <a href="https://memberclicks.com/blog/content-marketing-for-associations/"> <span class=" fs-4 text-dark text-center text-md-start"><strong>Content Marketing for Associations: A Comprehensive Guide</strong></span> </a> </div> </div> <div class="col-12 pt-2 pb-1 align-self-end justify-content-between d-flex align-items-center"> <span class="author-info"> <span> <img alt="MemberClicks Avatar" class="avatar avatar-sm me-2" src="https://memberclicks.com/wp-content/uploads/2023/07/memberclicks-icon-150x150.jpg"> </span> <span class="text-muted small"> MemberClicks </span> </span> <a class="text-muted small" href="https://memberclicks.com/blog/category/member-software/"> Member Software </a> </div> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4"> <div class="card card-post h-100 bg-white"> <div class="card-header bg-transparent border-0 my-2"> <a href="https://memberclicks.com/blog/membership-management-software-vs-crm/"> <img class="card-img-top rounded" src="https://memberclicks.com/wp-content/uploads/2024/11/mms-vs-crm-500x333.jpg" alt="association members choosing an AMS for their organization"> </a> </div> <div class="card-body pt-2 d-flex flex-grow-1 align-items-stretch"> <div class="row"> <div class="col align-self-start"> <div class="hstack gap-4 small"> Oct 25, 2024 <div class="vr mx-2 align-middle text-muted"></div> <span class="icon-clock text-success"></span> 8 min read </div> </div> <div class="col-12 py-1 align-self-start"> <div class="card-title text-center text-md-start my-0 lh-sm align-self-start"> <a href="https://memberclicks.com/blog/membership-management-software-vs-crm/"> <span class=" fs-4 text-dark text-center text-md-start"><strong>Membership Management Software vs. CRM: Which Is the Best Fit for Your Association?</strong></span> </a> </div> </div> <div class="col-12 pt-2 pb-1 align-self-end justify-content-between d-flex align-items-center"> <span class="author-info"> <span> <img alt="MemberClicks Avatar" class="avatar avatar-sm me-2" src="https://memberclicks.com/wp-content/uploads/2023/07/memberclicks-icon-150x150.jpg"> </span> <span class="text-muted small"> MemberClicks </span> </span> <a class="text-muted small" href="https://memberclicks.com/blog/category/member-software/"> Member Software </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <style> #footer-logo { max-width: 200px; } #footer-top a { color: #808080; } #footer-top a:hover { color: black; } #footer-bottom a { color: #808080; } #footer-bottom a:hover { color: #eeeeee; } .footerMenu { list-style: none; padding: 0px } @media(max-width:767px) { .addr-box { border-bottom: 1px var(--gray-color-light) dotted; margin-bottom: 20px; padding: 20px 0 } .addr-box hr { display: none } } .star-last { position: relative; color: #ffdd7f } .star-last:after { content: "\f005"; position: absolute; color: #ffbb00; top: 0; left: 0; margin-left: auto; margin-right: auto; width: 50%; overflow: hidden; } .star-point-1.star-last:after { width: 10%; } .star-point-2.star-last:after { width: 20%; } .star-point-3.star-last:after { width: 30%; } .star-point-4.star-last:after { width: 40%; } .star-point-5.star-last:after { width: 50%; } .star-point-6.star-last:after { width: 60%; } .star-point-7.star-last:after { width: 70%; } .star-point-8.star-last:after { width: 80%; } .star-point-9.star-last:after { width: 90%; } .star-point-10.star-last:after { width: 100%; } </style> <style> form#mktoForm_3039 .mktoFormRow:nth-child(5) input { width: 15px !important; margin-left: -20px; } form#mktoForm_3039 .mktoFormRow:nth-child(5) label { width: calc(100% - 50px) !important; margin-left: 0px; } form#mktoForm_3039 .mktoFormRow:nth-child(5) .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired.mktoInvalid { width: 250px !important; } form#mktoForm_3039 .mktoFormRow:nth-child(5) .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired { margin-left: 15px; width: 100% !important; } </style>  <div class="modal fade" id="demo-request" tabindex="-1" aria-labelledby="demo-request" aria-hidden="true"> <div class="modal-dialog modal-xl"> <div class="col-12 p-0 mt-5 pt-5"> <button id="demo-close" type="button" class="btn-close float-end btn-close-white m-2" data-bs-dismiss="modal" data-bs-target="#demo-request" aria-label="Close"></button> </div> <div class="modal-content overflow-hidden" style="border-radius: 1rem !important;"> <div class="modal-body p-0 overflow-hidden"> <div id="demo-request-top" class="bg-primary-light" style="background-image: url('https://memberclickdev.wpengine.com/wp-content/uploads/2023/08/Artboard-1@2x-e1692902858303.png'); background-position: center top ; background-repeat: no-repeat; background-size: 2000px"> <div class="container"> <div class="row p-2 p-lg-5"> <div class="col-12 col-lg-5 mx-auto order-1 order-md-2"> <div class="card"> <img class="d-none d-md-flex" src="https://memberclickdev.wpengine.com/wp-content/uploads/2023/08/Vector-2-1.png" style="position: absolute; top: -50px; left: -75px;"> <img class="d-none d-md-flex" src="https://memberclickdev.wpengine.com/wp-content/uploads/2023/08/Ellipse-127-2.png" style="position: absolute; bottom: -72px; right: -72px;"> <div class="card-body p-4"> <div class="d-block d-lg-none"> <h3>Request a Demo</h3> <p>Get in touch to learn more about MemberClicks - software designed for the unique needs of associations, chambers and nonprofits.</p> </div> <script src="//go.personifycorp.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_3039"></form> <script> MktoForms2.loadForm("//go.personifycorp.com", "659-YYM-976", 3039, function(form){ form.onSuccess(function(values, followUpUrl) { location.href = "/contact/thank-you/"; return false; }); }); </script> </div> </div> </div> <div class="col-12 col-md-6 text-white order-2 order-md-1 d-none d-lg-block mx-lg-4"> <div class="pb-3 d-none d-lg-block"> Request a Demo </div> <div class="h1 display-5 fw-bold lh-1 text-white d-none d-md-block">Membership Software that Clicks for Your Needs</div> <p class="d-none d-md-block mb-5 pb-5">Get in touch to learn more about MemberClicks - software designed for the unique needs of associations, chambers and nonprofits. If you’re looking to create a better member experience, save staff time and reduce costs, let us match you with the perfect tools today!</p> <div class="col-12 pt-5 d-none d-lg-block"> <div class="row pt-5"> <div class="col-4"> <div id="13089" class="card card-testimonial bg-transparent w-100 d-inline-block border-0" > <div class="card-body p-0 text-center"> <div class="row text-center g-1" style=" height: 100px; display: flex; justify-content: center; align-items: center; " > <div class="col-12 py-3"> <a href="https://www.capterra.com/p/133851/MemberClicks/" target="_blank" > <img decoding="async" loading="lazy" class="img-fluid" src="https://memberclickdev.wpengine.com/wp-content/uploads/2021/12/capterra-e1692076049701.png" alt="Capterra Logo" style="width: auto; height: 30px; object-fit: contain" width="100%" height="auto" /> </a> </div> <div class="col-12 border-bottom border-top border-1 mb-2 fs-6"> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1 star-last star-point-3"></span> </div> <div class="col"> <img border="0" src="https://capterra.s3.amazonaws.com/assets/images/gdm-badges/ca-shortlist-2024.png" height="75px" /> </div> </div> </div> </div> </div> <div class="col-4"> <div id="13090" class="card card-testimonial bg-transparent w-100 d-inline-block border-0" > <div class="card-body p-0 text-center"> <div class="row text-center g-1" style=" height: 75px; display: flex; justify-content: center; align-items: center; " > <div class="col-12 py-3"> <a href="https://www.getapp.com/customer-management-software/a/memberclicks/" target="_blank" > <img decoding="async" loading="lazy" class="img-fluid" src="https://memberclickdev.wpengine.com/wp-content/uploads/2023/06/GetAppLogo.png" alt="GetApp Logo" style="width: auto; height: 30px; object-fit: contain" width="100%" height="auto" /> </a> </div> <div class="col-12 border-bottom border-top border-1 mb-2 fs-6"> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1 star-last star-point-3"></span> </div> <div class="col"> <img border="0" src="https://capterra.s3.amazonaws.com/assets/images/gdm-badges/ga-category_leaders-2023.png" height="75px" /> </div> </div> </div> </div> </div> <div class="col-4"> <div id="13090" class="card card-testimonial bg-transparent w-100 d-inline-block border-0" > <div class="card-body p-0 text-center"> <div class="row text-center g-1" style=" height: 75px; display: flex; justify-content: center; align-items: center; " > <div class="col-12 py-3"> <a href="https://www.softwareadvice.com/nonprofit/memberclicks-profile/" target="_blank" > <img decoding="async" loading="lazy" class="img-fluid" src="https://memberclickdev.wpengine.com/wp-content/uploads/2021/12/Software-Advice-logo.png" alt="Software Advice Logo" style="width: auto; height: 30px; object-fit: contain" width="100%" height="auto" /> </a> </div> <div class="col-12 border-bottom border-top border-1 mb-2 fs-6"> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1 star-last star-point-3"></span> </div> <div class="col"> <img border="0" src="https://capterra.s3.amazonaws.com/assets/images/gdm-badges/sa-frontrunners-2024.png" height="75px" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <script> document.addEventListener('DOMContentLoaded', () => { const demoRequestButtons = document.querySelectorAll('a[href="#demo-request"]'); const demoRequestModal = new bootstrap.Modal(document.getElementById('demo-request')); demoRequestButtons.forEach(button => { button.addEventListener('click', (event) => { event.preventDefault(); demoRequestModal.show(); }); }); }); document.addEventListener('DOMContentLoaded', () => { const demoRequestButtons = document.querySelectorAll('a[href="#demo-request-top"]'); const demoRequestModal = new bootstrap.Modal(document.getElementById('demo-request')); demoRequestButtons.forEach(button => { button.addEventListener('click', (event) => { event.preventDefault(); demoRequestModal.show(); }); }); }); </script> </div> <footer class="site-footer"> <div id="footer-top" class="py-5 border-top"> <div class="container"> <div class="row g-4 lh-lg"> <div class="col-12 col-md-3 py-2"> <a href="https://memberclicks.com/"> <div class="fixed-container"> <img id="img-fluid" alt="MemberClicks" class="contain" layout="fill" style="max-width:300px" src="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg"> </div> </a> <div class="my-4">Building connections that click</div> <div id="socialMedia"> <a class="p-2 text-light" href="https://www.facebook.com/MemberClicks" target="_blank"> <span class="icon-facebook"></span> </a> <a class="p-2 text-light" href="https://www.linkedin.com/company/memberclicks/" target="_blank"> <span class="icon-linkedin"></span> </a> <a class="p-2 text-light" href="https://www.youtube.com/c/Memberclicks" target="_blank"> <span class="icon-youtube"></span> </a> </div> </div> <div class="col-12 col-md-9"> <div class="row"> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/products/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Products</a> <span class="lh-sm"> <a href="/products/professional/">MC Professional</a><br> <a href="/products/trade/">MC Trade</a><br> <a href="/membership-software-pricing/">Pricing</a><br> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/who-we-serve/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Solution Types</a> <span class="lh-sm"> <a href="/membership-management/">Membership Management</a><br> <a href="/association-management/">Association Management</a><br> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/association-software-support/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Support</a> <span class="lh-sm"> <a href="/association-software-support/">Support</a><br> <a href="/implementation/">Implementation</a><br> <a href="/professional-services-packages-trade/">MC Trade Services</a><br> <a href="/professional-services-packages-pro/">MC Pro Services</a> <a href="/professional-services-packages-community/">CommUnity Services</a> <a href="/data-and-web-services-packages/">Data and Web Services</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/about-us/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Company</a> <span class="lh-sm"> <a href="/about-us/">About Us</a><br> <a href="/contact/">Contact Us</a><br> <a href="https://personifycorp.com/about-us/leadership/" target="_blank">Leadership</a><br> <a href="https://personifycorp.com/about-us/careers/" target="_blank">Careers</a><br> <a href="https://memberclicks.com/industry-partners">Industry Partners</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/products/#members" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Add Ons</a> <span class="lh-sm"> <a href="/add-ons/classroom/">Classroom LMS</a><br> <a href="/add-ons/community/">CommUnity</a><br> <a href="/add-ons/conference-app/">Conference App</a><br> <a href="/add-ons/data-insights/">Data Insights</a><br> <a href="/add-ons/job-board/">Job Board</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="#" class="text-dark fw-bold d-block lh-lg mb-2 fs-5 text-truncate">Organization</a> <span class="lh-sm"> <a href="/professional-associations/">Professional Associations</a><br> <a href="/trade/">Trade Associations</a><br> <a href="/chambers/">Chambers of Commerce</a><br> <a href="/association-management/">Association Management Companies</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/resources/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Resources</a> <span class="lh-sm"> <a href="/blog/">Blog</a><br> <a href="/resources/?resource_type=guides">Guides</a><br> <a href="/resources/?resource_type=case-studies">Case Studies</a><br> <a href="/resources/?resource_type=webinars">Webinars & Events</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="#" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Partner Brands</a> <span class="lh-sm"> <a href="https://personifycorp.com/" target="_blank">Personify</a><br> <a href="http://wildapricot.com/" target="_blank">WildApricot</a><br> <a href="https://personifycorp.com/products/threesixty/" target="_blank">ThreeSixty</a><br> <a href="https://personifycorp.com/products/a2z-events/" target="_blank">A2Z Events</a> </span> </div> </div> </div> </div> </div> </div> <div id="footer-bottom" class="p-3 bg-"> <div class="container"> <div class="row align-items-center"> <div class="col-12 col-md text-light">  <a href="#"data-toggle="modal" data-target="#attribution">©</a> 2024 MemberClicks All Right Reserved.  <div class="modal fade" id="attribution" tabindex="-1" role="dialog" aria-labelledby="attributionLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Attributions </h5> <a type="button" class="close btn fs-4" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </a> </div> <div class="modal-body"> <b>Icons</b><br> <a class="text-muted" href="https://icomoon.io/app/#/select/library" title="internet icons">Some of the icons used on this site are provided by Icomoon.io and it's designers.</a> <hr> </div> </div> </div> </div> | <a href='javascript:void(0)' onclick='revisitCkyConsent()'>Do Not Sell or Share My Personal Information</a> | <a href="https://memberclicks.com/legal/">Legal Center</a> </div> <div class="col-auto text-end"> <a href="/pci"> <img src="https://wildapricotdev.wpengine.com/wp-content/uploads/2022/11/pci-dss-compliant-logo.png"> </a> </div> </div> </div> </div>  <div class="modal fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="#searchModal" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="container p-2"> <form role="search" method="get" class="form search-form " action="https://memberclicks.com/"> <div class="input-group"> <input name="s" type="text" class="form-control form-control-lg" placeholder="Search"> <button type="submit" value="" name="search" id="search" class="btn btn-primary btn-lg" type="button"> <span class="icon-search" aria-hidden="true"></span>  </button> </div> </form> <small class="text-light">Hit enter to search or ESC to close</small> </div> </div> </div> </div> </footer> <script> /* Scroll calcs == menu + progress and template bars */ (function() { // First check for progress bar, otherwise calculate header height if (document.getElementById('progress')) { var h = document.getElementById('header').clientHeight - document.getElementById('progress').clientHeight; } else { var h = document.getElementById('header').clientHeight; } var doc = document.documentElement; var w = window; var prevScroll = w.scrollY || doc.scrollTop; var curScroll; var direction = 0; var prevDirection = 0; var header = document.getElementById('header'); var checkScroll = function() { /* ** Find the direction of scroll ** 0 - initial, 1 - up, 2 - down */ curScroll = w.scrollY || doc.scrollTop; if (curScroll > prevScroll) { //scrolled up direction = 2; } else if (curScroll < prevScroll) { //scrolled down direction = 1; } if (direction !== prevDirection) { toggleHeader(direction, curScroll); } // update the progress bar if (document.getElementById('progress')) { updateProgress(curScroll); } // update the Timeline Bar if (document.getElementById('our-story')) { updateTimeline(curScroll); } prevScroll = curScroll; }; var toggleHeader = function(direction, curScroll) { if (direction === 2 && curScroll > 52) { //replace 52 with the height of your header in px document.getElementById("header").style.top = '-' + h + 'px'; prevDirection = direction; } else if (direction === 1) { document.getElementById("header").style.top = '0px'; prevDirection = direction; } }; // progress bar calculations if (document.getElementById('progress')) { function updateProgress(curScroll) { var bar = document.querySelector(".progress-bar"); var t = document.querySelector('article'); var b = document.getElementById('more-posts'); if (curScroll > t.offsetTop && curScroll < (b.offsetTop - w.innerHeight)) { var curPercentage = Math.round(((curScroll - t.offsetTop) / (t.offsetHeight - w.innerHeight)) * 100); if (curPercentage < 1) { curPercentage = 1; } if (curPercentage > 100) { curPercentage = 100; } bar.style.width = curPercentage + "%"; bar.ariaValueNow = curPercentage; } else if (curScroll < t.offsetTop) { bar.style.width = "1%"; bar.ariaValueNow = 1; } } } // Scrollbar on About Us page if (document.getElementById('our-story')) { function updateTimeline(curScroll,timelineCount) { var timeline = document.querySelectorAll(".timeline"); for(let i = 0; i < timeline.length; i++){ if(timeline[i].offsetTop < (curScroll + (w.innerHeight / 2)) && i > 0){ timeline[i - 1].dataset.state = "past"; timeline[i].dataset.state = "active"; } else if (i == 0){ timeline[i].dataset.state = "active"; } else { timeline[i].dataset.state = "inactive"; } } } } window.addEventListener('scroll', checkScroll); })(); </script> <script type="text/javascript" id="wphb-4-js-extra"> /* <![CDATA[ */ 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/dadcac01-b03b-4adc-a401-7bce29122343.js" id="wphb-4-js"></script> <script type="text/javascript" src="https://hb.wpmucdn.com/memberclicks.com/4b2dfa3b-a83a-4acb-bc8e-dafaf095c4fe.js" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" id="advanced-ads-pro/cache_busting-js-extra"> /* <![CDATA[ */ var advanced_ads_pro_ajax_object = {"ajax_url":"https:\/\/memberclicks.com\/wp-admin\/admin-ajax.php","lazy_load_module_enabled":"","lazy_load":{"default_offset":0,"offsets":[]},"moveintohidden":"","wp_timezone_offset":"-14400","the_id":"16074","is_singular":"1"}; var advanced_ads_responsive = {"reload_on_resize":"0"}; /* ]]> */ </script> <script type="text/javascript" src="https://hb.wpmucdn.com/memberclicks.com/da654413-0aeb-4d31-bb1c-be610a9c1296.js" id="advanced-ads-pro/cache_busting-js"></script> <script>(function(d){var s=d.createElement("script");s.type="text/javascript";s.src="https://a.omappapi.com/app/js/api.min.js";s.async=true;s.id="omapi-script";d.getElementsByTagName("head")[0].appendChild(s);})(document);</script><script type="text/javascript" id="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 = [{"title":"Blog CTA - Push Bottom","type":"placement"},{"title":"AMS TOFU THIN 1","type":"ad"}];</script><script>window.advads_passive_placements = {"blog-cta-push_1":{"type":"group","id":98,"elementid":["membe-d969eef6cefe5d295dd81c9a3528b871"],"ads":{"17129":{"id":17129,"title":"Blog CTA - AMS TOFU 2","expiry_date":0,"visitors":[],"content":"<div data-membe-trackid=\"17129\" data-membe-trackbid=\"1\" class=\"membe-target\" id=\"membe-1948501518\"><a data-no-instant=\"1\" href=\"https:\/\/memberclicks.com\/contact\/\" class=\"adv-link\" aria-label=\"CTA – AMS TOFU 2\"><img src=\"https:\/\/memberclicks.com\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png\" alt=\"\" srcset=\"https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png?size=128x53&lossy=0&strip=1&webp=1 128w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2-300x123.png?lossy=0&strip=1&webp=1 300w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png?size=384x158&lossy=0&strip=1&webp=1 384w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png?lossy=0&strip=1&webp=1 560w\" sizes=\"(max-width: 560px) 100vw, 560px\" class=\"no-lazyload\" width=\"560\" height=\"230\" \/><\/a><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"image","position":"none","tracking_enabled":true,"privacy":{"ignore":false,"needs_consent":false}},"16823":{"id":16823,"title":"Blog CTA - Member Management","expiry_date":0,"visitors":[],"content":"<div data-membe-trackid=\"16823\" data-membe-trackbid=\"1\" class=\"membe-target\" id=\"membe-1727944623\"><a data-no-instant=\"1\" href=\"https:\/\/memberclicks.com\/contact\/\" rel=\"nofollow\" class=\"adv-link\" aria-label=\"Click through to learn about MemberClicks\u2019 membership management software tools, MC Trade and MC Professional.\"><img src=\"https:\/\/memberclicks.com\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png\" alt=\"Click through to learn about MemberClicks\u2019 membership management software tools, MC Trade and MC Professional.\" srcset=\"https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=128x21&lossy=0&strip=1&webp=1 128w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-300x49.png?lossy=0&strip=1&webp=1 300w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=384x63&lossy=0&strip=1&webp=1 384w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=512x84&lossy=0&strip=1&webp=1 512w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=640x105&lossy=0&strip=1&webp=1 640w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-768x126.png?lossy=0&strip=1&webp=1 768w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-1024x169.png?lossy=0&strip=1&webp=1 1024w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=1280x211&lossy=0&strip=1&webp=1 1280w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-1536x253.png?lossy=0&strip=1&webp=1 1536w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?lossy=0&strip=1&webp=1 1700w\" sizes=\"(max-width: 640px) 100vw, 640px\" class=\"no-lazyload\" width=\"1700\" height=\"280\" \/><\/a><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"image","position":"none","tracking_enabled":true,"privacy":{"ignore":false,"needs_consent":false}}},"group_info":{"id":98,"name":"Blog \u2013 Incontent CTA","weights":{"16541":2,"16823":3,"17129":4,"17120":10},"type":"ordered","ordered_ad_ids":[17120,17129,16823,16541],"ad_count":1},"placement_info":{"type":"post_content","name":"Blog CTA - Push","item":"group_98","options":{"placement_position":""},"id":"blog-cta-push"},"test_id":null,"group_wrap":[{"before":"<div class=\"membe-blog-cta-push\" id=\"membe-415169984\">","after":"<\/div>"}],"inject_before":[""]}}; window.advads_has_ads = [["17229","ad","AMS TOFU THIN 1","off"]]; ( window.advanced_ads_ready || jQuery( document ).ready ).call( null, function() {if ( !window.advanced_ads_pro ) {console.log("Advanced Ads Pro: cache-busting can not be initialized");} });</script><script>!function(){window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[],advanced_ads_ready_queue.push=window.advanced_ads_ready;for(var d=0,a=advanced_ads_ready_queue.length;d<a;d++)advanced_ads_ready(advanced_ads_ready_queue[d])}();</script> <script type="text/javascript">var omapi_data = {"object_id":16074,"object_key":"post","object_type":"post","term_ids":[8,9,11],"wp_json":"https:\/\/memberclicks.com\/wp-json","wc_active":false,"edd_active":false,"nonce":"49b12ccb5e"};</script> <script id="membe-tracking">var advads_tracking_ads = {"1":[17229]};var advads_tracking_urls = {"1":"https:\/\/memberclicks.com\/wp-content\/ajax-handler.php"};var advads_tracking_methods = {"1":"frontend"};var advads_tracking_parallel = {"1":false};var advads_tracking_linkbases = {"1":"https:\/\/memberclicks.com\/linkout\/"};</script> </body> </html><script>window.advads_admin_bar_items = [{"title":"Blog CTA - Push Bottom","type":"placement"},{"title":"AMS TOFU THIN 1","type":"ad"}];</script><script>window.advads_passive_placements = {"blog-cta-push_1":{"type":"group","id":98,"elementid":["membe-d969eef6cefe5d295dd81c9a3528b871"],"ads":{"17129":{"id":17129,"title":"Blog CTA - AMS TOFU 2","expiry_date":0,"visitors":[],"content":"<div data-membe-trackid=\"17129\" data-membe-trackbid=\"1\" class=\"membe-target\" id=\"membe-1948501518\"><a data-no-instant=\"1\" href=\"https:\/\/memberclicks.com\/contact\/\" class=\"adv-link\" aria-label=\"CTA – AMS TOFU 2\"><img src=\"https:\/\/memberclicks.com\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png\" alt=\"\" srcset=\"https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png?size=128x53&lossy=0&strip=1&webp=1 128w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2-300x123.png?lossy=0&strip=1&webp=1 300w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png?size=384x158&lossy=0&strip=1&webp=1 384w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2024\/04\/CTA-AMS-TOFU-2.png?lossy=0&strip=1&webp=1 560w\" sizes=\"(max-width: 560px) 100vw, 560px\" class=\"no-lazyload\" width=\"560\" height=\"230\" \/><\/a><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"image","position":"none","tracking_enabled":true,"privacy":{"ignore":false,"needs_consent":false}},"16823":{"id":16823,"title":"Blog CTA - Member Management","expiry_date":0,"visitors":[],"content":"<div data-membe-trackid=\"16823\" data-membe-trackbid=\"1\" class=\"membe-target\" id=\"membe-1727944623\"><a data-no-instant=\"1\" href=\"https:\/\/memberclicks.com\/contact\/\" rel=\"nofollow\" class=\"adv-link\" aria-label=\"Click through to learn about MemberClicks\u2019 membership management software tools, MC Trade and MC Professional.\"><img src=\"https:\/\/memberclicks.com\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png\" alt=\"Click through to learn about MemberClicks\u2019 membership management software tools, MC Trade and MC Professional.\" srcset=\"https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=128x21&lossy=0&strip=1&webp=1 128w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-300x49.png?lossy=0&strip=1&webp=1 300w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=384x63&lossy=0&strip=1&webp=1 384w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=512x84&lossy=0&strip=1&webp=1 512w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=640x105&lossy=0&strip=1&webp=1 640w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-768x126.png?lossy=0&strip=1&webp=1 768w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-1024x169.png?lossy=0&strip=1&webp=1 1024w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?size=1280x211&lossy=0&strip=1&webp=1 1280w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA-1536x253.png?lossy=0&strip=1&webp=1 1536w, https:\/\/b2685282.smushcdn.com\/2685282\/wp-content\/uploads\/2023\/07\/Membership-Management-Software_Skinny-CTA.png?lossy=0&strip=1&webp=1 1700w\" sizes=\"(max-width: 640px) 100vw, 640px\" class=\"no-lazyload\" width=\"1700\" height=\"280\" \/><\/a><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"image","position":"none","tracking_enabled":true,"privacy":{"ignore":false,"needs_consent":false}}},"group_info":{"id":98,"name":"Blog \u2013 Incontent CTA","weights":{"16541":2,"16823":3,"17129":4,"17120":10},"type":"ordered","ordered_ad_ids":[17120,17129,16823,16541],"ad_count":1},"placement_info":{"type":"post_content","name":"Blog CTA - Push","item":"group_98","options":{"placement_position":""},"id":"blog-cta-push"},"test_id":null,"group_wrap":[{"before":"<div class=\"membe-blog-cta-push\" id=\"membe-415169984\">","after":"<\/div>"}],"inject_before":[""]}}; window.advads_has_ads = [["17229","ad","AMS TOFU THIN 1","off"]]; ( window.advanced_ads_ready || jQuery( document ).ready ).call( null, function() {if ( !window.advanced_ads_pro ) {console.log("Advanced Ads Pro: cache-busting can not be initialized");} });</script><script>!function(){window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[],advanced_ads_ready_queue.push=window.advanced_ads_ready;for(var d=0,a=advanced_ads_ready_queue.length;d<a;d++)advanced_ads_ready(advanced_ads_ready_queue[d])}();</script><script id="membe-tracking">var advads_tracking_ads = {"1":[17229]};var advads_tracking_urls = {"1":"https:\/\/memberclicks.com\/wp-content\/ajax-handler.php"};var advads_tracking_methods = {"1":"frontend"};var advads_tracking_parallel = {"1":false};var advads_tracking_linkbases = {"1":"https:\/\/memberclicks.com\/linkout\/"};</script><script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"></script><script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"> </script> <script> jQuery('#mobile-menu-close').click(function(){ jQuery('#navbar-mobile').removeClass('open'); }); </script> </body> </html>

CINXE.COM

Member Engagement Strategies to Elevate Your Community | MemberClicks