CINXE.COM
Professional | MemberClicks
<!doctype html> <html lang="en-US"> <head> <meta charset="utf-8"> <!-- GLOBAL DATA POINTS --> <link rel="shortcut icon" href=""> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/e9285db7bbb9e9ee10739b8c/script.js"></script> <!-- This site is optimized with the Yoast SEO plugin v21.1 - https://yoast.com/wordpress/plugins/seo/ --> <title>Professional | MemberClicks</title> <meta name="description" content="Streamline your technology, improve staff efficiency and bring more value to your members with MemberClicks Professional AMS." /> <link rel="canonical" href="https://memberclicks.com/products/professional/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Professional | MemberClicks" /> <meta property="og:description" content="Streamline your technology, improve staff efficiency and bring more value to your members with MemberClicks Professional AMS." /> <meta property="og:url" content="https://memberclicks.com/products/professional/" /> <meta property="og:site_name" content="MemberClicks" /> <meta property="article:modified_time" content="2024-09-05T20:31:26+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://memberclicks.com/products/professional/","url":"https://memberclicks.com/products/professional/","name":"Professional | MemberClicks","isPartOf":{"@id":"https://memberclicks.com/#website"},"datePublished":"2023-08-03T20:25:17+00:00","dateModified":"2024-09-05T20:31:26+00:00","description":"Streamline your technology, improve staff efficiency and bring more value to your members with MemberClicks Professional AMS.","breadcrumb":{"@id":"https://memberclicks.com/products/professional/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://memberclicks.com/products/professional/"]}]},{"@type":"BreadcrumbList","@id":"https://memberclicks.com/products/professional/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://memberclicks.com/"},{"@type":"ListItem","position":2,"name":"Services","item":"https://memberclicks.com/products/"},{"@type":"ListItem","position":3,"name":"Professional"}]},{"@type":"WebSite","@id":"https://memberclicks.com/#website","url":"https://memberclicks.com/","name":"MemberClicks","description":"","publisher":{"@id":"https://memberclicks.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://memberclicks.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://memberclicks.com/#organization","name":"MemberClicks","url":"https://memberclicks.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://memberclicks.com/#/schema/logo/image/","url":"https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg","contentUrl":"https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg","width":1326,"height":255,"caption":"MemberClicks"},"image":{"@id":"https://memberclicks.com/#/schema/logo/image/"}}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//a.omappapi.com' /> <link rel='dns-prefetch' href='//hb.wpmucdn.com' /> <link rel='dns-prefetch' href='//b2685282.smushcdn.com' /> <link href='https://fonts.gstatic.com' crossorigin='' rel='preconnect' /> <link rel='preconnect' href='https://fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="MemberClicks » Feed" href="https://memberclicks.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="MemberClicks » Comments Feed" href="https://memberclicks.com/comments/feed/" /> <!-- memberclicks.com is managing ads with Advanced Ads 1.56.1 --><script id="membe-ready"> window.advanced_ads_ready=function(e,a){a=a||"complete";var d=function(e){return"interactive"===a?"loading"!==e:"complete"===e};d(document.readyState)?e():document.addEventListener("readystatechange",(function(a){d(a.target.readyState)&&e()}),{once:"interactive"===a})},window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[]; </script> <link rel='stylesheet' id='formidable-css' href='https://hb.wpmucdn.com/memberclicks.com/d32e9420-552a-4a23-8787-9e93ecbd55b8.css' type='text/css' media='all' /> <style id='safe-svg-svg-icon-style-inline-css' type='text/css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wphb-1-css' href='https://hb.wpmucdn.com/memberclicks.com/22629f0b-fc11-458f-8834-8fc7981052d6.css' type='text/css' media='all' /> <script type="text/javascript" src="https://hb.wpmucdn.com/memberclicks.com/e484a5cd-f5d3-489f-8a31-0c83752a9bee.js" id="wphb-2-js"></script> <script type="text/javascript" id="wphb-3-js-extra"> /* <![CDATA[ */ var advanced_ads_pro_visitor_conditions = {"referrer_cookie_name":"advanced_ads_pro_visitor_referrer","referrer_exdays":"365","page_impr_cookie_name":"advanced_ads_page_impressions","page_impr_exdays":"3650"};;;var advads_options = {"blog_id":"1","privacy":{"enabled":false,"state":"not_needed"}}; /* ]]> */ </script> <script type="text/javascript" src="https://hb.wpmucdn.com/memberclicks.com/f284c3d5-bc32-4046-935b-2251c2eb6154.js" id="wphb-3-js"></script> <link rel="https://api.w.org/" href="https://memberclicks.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://memberclicks.com/wp-json/wp/v2/services/13730" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://memberclicks.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://memberclicks.com/?p=13730' /> <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%2Fproducts%2Fprofessional%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%2Fproducts%2Fprofessional%2F&format=xml" /> <style id="ubermenu-custom-generated-css"> /** Font Awesome 4 Compatibility **/ .fa{font-style:normal;font-variant:normal;font-weight:normal;font-family:FontAwesome;} /** UberMenu Custom Menu Styles (Customizer) **/ /* main */ .ubermenu-main .ubermenu-item .ubermenu-submenu-drop { -webkit-transition-duration:.15s; -ms-transition-duration:.15s; transition-duration:.15s; } .ubermenu-main { max-width:730px; } .ubermenu-main .ubermenu-nav { max-width:1200px; } .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:16px; padding-left:16px; padding-right:16px; } .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target { font-weight:600; } .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { color:#000000; } .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0 > .ubermenu-custom-content.ubermenu-custom-content-padded { padding-top:9px; padding-bottom:9px; } .ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target:not(.ubermenu-noindicator) { padding-right:31px; } .ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target.ubermenu-noindicator { padding-right:16px; } .ubermenu-main .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-nonlink,.ubermenu-main .ubermenu-submenu .ubermenu-widget,.ubermenu-main .ubermenu-submenu .ubermenu-custom-content-padded,.ubermenu-main .ubermenu-submenu .ubermenu-retractor,.ubermenu-main .ubermenu-submenu .ubermenu-colgroup .ubermenu-column,.ubermenu-main .ubermenu-submenu.ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu.ubermenu-submenu-padded { padding:15px 15px; } .ubermenu-main .ubermenu-grid-row { padding-right:15px 15px; } .ubermenu-main .ubermenu-grid-row .ubermenu-target { padding-right:0; } .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target { font-size:18px; } .ubermenu-main .ubermenu-target > .ubermenu-target-description, .ubermenu-main .ubermenu-submenu .ubermenu-target > .ubermenu-target-description { color:#646464; } /** UberMenu Custom Menu Item Styles (Menu Item Settings) **/ /* 7415 */ .ubermenu .ubermenu-item.ubermenu-item-7415 { background:#411a50; } /* 7413 */ .ubermenu .ubermenu-row-id-7413 { padding:0px; } /* 18952 */ .ubermenu .ubermenu-item-18952 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:210px; } .ubermenu .ubermenu-item-18952 > .ubermenu-item-layout-image_left > .ubermenu-target-title, .ubermenu .ubermenu-item-18952 > .ubermenu-item-layout-image_right > .ubermenu-target-title { padding-top:.5rem; } .ubermenu .ubermenu-item-18952 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18952.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18952.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-target:hover { background:#fafafa; } .ubermenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-18952.ubermenu-custom-content-padded { padding:0px; } /* 19009 */ .ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target { background:#fa7e1e; color:#ffffff; } .ubermenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target:hover { background:#d35e04; } .ubermenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19009:hover > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009:hover > .ubermenu-target { color:#ffffff; } .ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-19009.ubermenu-custom-content-padded { padding:10px 15px; } /* 19007 */ .ubermenu .ubermenu-item-19007 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } /* 19006 */ .ubermenu .ubermenu-item-19006 > .ubermenu-target > .ubermenu-badge { color:#424242; } /* 19000 */ .ubermenu .ubermenu-item-19000 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-19000.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19000 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19000.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19000 > .ubermenu-target:hover { background:#eeeeee; } /* 18997 */ .ubermenu .ubermenu-item-18997 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18997.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18997 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18997.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18997 > .ubermenu-target:hover { background:#eeeeee; } /* 18992 */ .ubermenu .ubermenu-item-18992 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18992.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18992 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18992.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18992 > .ubermenu-target:hover { background:#eeeeee; } /* 18981 */ .ubermenu .ubermenu-item-18981 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:185px; } .ubermenu .ubermenu-item-18981 > .ubermenu-item-layout-image_left > .ubermenu-target-title, .ubermenu .ubermenu-item-18981 > .ubermenu-item-layout-image_right > .ubermenu-target-title { padding-top:2rem; } .ubermenu .ubermenu-item-18981 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18981 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-18981 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-18981.ubermenu-custom-content-padded { padding:0px; } /* 18979 */ .ubermenu .ubermenu-item-18979 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18979 > .ubermenu-target { color:#096faa; } .ubermenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18979 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979 > .ubermenu-target:hover { background:#eeeeee; } .ubermenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18979:hover > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979:hover > .ubermenu-target { color:#096ea9; } /* 18978 */ .ubermenu .ubermenu-item-18978 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18978.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18978 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18978.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18978 > .ubermenu-target:hover { background:#eeeeee; } /* 18977 */ .ubermenu .ubermenu-item-18977 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18977.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18977 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18977.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18977 > .ubermenu-target:hover { background:#eeeeee; } /* 18976 */ .ubermenu .ubermenu-item-18976 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18976.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18976 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18976.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18976 > .ubermenu-target:hover { background:#eeeeee; } /* 18975 */ .ubermenu .ubermenu-item-18975 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18975.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18975 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18975.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18975 > .ubermenu-target:hover { background:#eeeeee; } /* 18974 */ .ubermenu .ubermenu-item-18974 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18974.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18974 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18974.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18974 > .ubermenu-target:hover { background:#eeeeee; } /* 18973 */ .ubermenu .ubermenu-item-18973 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18973.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18973 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18973.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18973 > .ubermenu-target:hover { background:#eeeeee; } /* 18971 */ .ubermenu .ubermenu-item-18971 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18971.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18971 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18971.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18971 > .ubermenu-target:hover { background:#eeeeee; } /* 18970 */ .ubermenu .ubermenu-item-18970 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18970.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18970 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18970.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18970 > .ubermenu-target:hover { background:#eeeeee; } /* 18969 */ .ubermenu .ubermenu-item-18969 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18969.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18969 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18969.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18969 > .ubermenu-target:hover { background:#eeeeee; } /* 18966 */ .ubermenu .ubermenu-item-18966 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18966.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18966 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18966.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18966 > .ubermenu-target:hover { background:#eeeeee; } /* 18965 */ .ubermenu .ubermenu-item-18965 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18965.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18965 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18965.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18965 > .ubermenu-target:hover { background:#eeeeee; } /* 18958 */ .ubermenu .ubermenu-item-18958 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18958.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18958 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18958.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18958 > .ubermenu-target:hover { background:#eeeeee; } /* 18954 */ .ubermenu .ubermenu-item-18954 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18954.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18954 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18954.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18954 > .ubermenu-target:hover { background:#eeeeee; } /* 18946 */ .ubermenu .ubermenu-item-18946 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#434343; } .ubermenu .ubermenu-item.ubermenu-item-18946.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18946 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18946.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18946 > .ubermenu-target:hover { background:#eeeeee; } /* 18950 */ .ubermenu .ubermenu-item-18950 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18950.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18950 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18950.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18950 > .ubermenu-target:hover { background:#eeeeee; } /* 18959 */ .ubermenu .ubermenu-item-18959 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18959.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18959 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18959.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18959 > .ubermenu-target:hover { background:#eeeeee; } /* 18960 */ .ubermenu .ubermenu-item-18960 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18960.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18960 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18960.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18960 > .ubermenu-target:hover { background:#eeeeee; } /* 18961 */ .ubermenu .ubermenu-item-18961 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18961.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18961 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18961.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18961 > .ubermenu-target:hover { background:#eeeeee; } /* 18962 */ .ubermenu .ubermenu-item-18962 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18962.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18962 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18962.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18962 > .ubermenu-target:hover { background:#eeeeee; } /* 18963 */ .ubermenu .ubermenu-item-18963 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18963.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18963 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18963.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18963 > .ubermenu-target:hover { background:#eeeeee; } /* 18993 */ .ubermenu .ubermenu-item-18993 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18993.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18993 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18993.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18993 > .ubermenu-target:hover { background:#eeeeee; } /* 18994 */ .ubermenu .ubermenu-item-18994 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18994.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18994 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18994.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18994 > .ubermenu-target:hover { background:#eeeeee; } /* 18995 */ .ubermenu .ubermenu-item-18995 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18995.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18995 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18995.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18995 > .ubermenu-target:hover { background:#eeeeee; } /* 18996 */ .ubermenu .ubermenu-item-18996 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18996.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18996 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18996.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18996 > .ubermenu-target:hover { background:#eeeeee; } /* 18998 */ .ubermenu .ubermenu-item.ubermenu-item-18998.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18998 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18998.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18998 > .ubermenu-target:hover { background:#eeeeee; } /* 18999 */ .ubermenu .ubermenu-item-18999 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18999.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18999 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18999.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18999 > .ubermenu-target:hover { background:#eeeeee; } /* 19002 */ .ubermenu .ubermenu-item.ubermenu-item-19002.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19002 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19002.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19002 > .ubermenu-target:hover { background:#eeeeee; } /* 19001 */ .ubermenu .ubermenu-item.ubermenu-item-19001.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19001 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19001.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19001 > .ubermenu-target:hover { background:#eeeeee; } /* 19003 */ .ubermenu .ubermenu-item.ubermenu-item-19003.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19003 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19003.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19003 > .ubermenu-target:hover { background:#eeeeee; } /* 19004 */ .ubermenu .ubermenu-item.ubermenu-item-19004.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19004 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19004.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19004 > .ubermenu-target:hover { background:#eeeeee; } /* 18989 */ .ubermenu .ubermenu-item-18989 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:185px; } .ubermenu .ubermenu-item-18989 > .ubermenu-item-layout-image_left > .ubermenu-target-title, .ubermenu .ubermenu-item-18989 > .ubermenu-item-layout-image_right > .ubermenu-target-title { padding-top:2rem; } .ubermenu .ubermenu-item-18989 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18989 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-18989 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-18989.ubermenu-custom-content-padded { padding:0px; } /* 18984 */ .ubermenu .ubermenu-item-18984 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18984.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18984 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18984.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18984 > .ubermenu-target:hover { background:#eeeeee; } /* 18985 */ .ubermenu .ubermenu-item-18985 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18985.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18985 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18985.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18985 > .ubermenu-target:hover { background:#eeeeee; } /* 18986 */ .ubermenu .ubermenu-item-18986 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18986.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18986 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18986.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18986 > .ubermenu-target:hover { background:#eeeeee; } /* 18987 */ .ubermenu .ubermenu-item-18987 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18987.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18987 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18987.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18987 > .ubermenu-target:hover { background:#eeeeee; } /* 18955 */ .ubermenu .ubermenu-item-18955 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:60px; } .ubermenu .ubermenu-item.ubermenu-item-18955.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18955 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18955.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18955 > .ubermenu-target:hover { background:#eeeeee; } /* 18956 */ .ubermenu .ubermenu-item-18956 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:60px; } .ubermenu .ubermenu-item.ubermenu-item-18956.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18956 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18956.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18956 > .ubermenu-target:hover { background:#eeeeee; } /* 18972 */ .ubermenu .ubermenu-item-18972 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18972.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18972 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18972.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18972 > .ubermenu-target:hover { background:#eeeeee; } /* 18947 */ .ubermenu .ubermenu-item-18947 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18947.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18947 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18947.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18947 > .ubermenu-target:hover { background:#eeeeee; } /* 18948 */ .ubermenu .ubermenu-item-18948 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18948.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18948 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18948.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18948 > .ubermenu-target:hover { background:#eeeeee; } /* 18949 */ .ubermenu .ubermenu-item-18949 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18949.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18949 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18949.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18949 > .ubermenu-target:hover { background:#eeeeee; } /** UberMenu Custom Tweaks (General Settings) **/ .ubermenu .ubermenu-item.ubermenu-item-19009 > a.ubermenu-target span { opacity:100% !important } /* MENU - HAMBURGER AND CLOSE */ button.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-minimal.ubermenu-loc-.ubermenu-responsive-toggle-content-align-right.ubermenu-responsive-toggle-align-full.ubermenu-responsive-toggle-icon-only.ubermenu-responsive-toggle-close-icon-times { font-size: 1rem; } span.ubermenu-sub-indicator-close { margin-right: 1.5rem; } .ubermenu-responsive-default.ubermenu.ubermenu-mobile-modal .ubermenu-mobile-close-button { padding: 1em .5rem; } .ubermenu-responsive-toggle i.fas.fa-bars { font-size: 24px; } /* MENU - Book a Demo button */ a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.rounded { border-radius: 0pc !important; } /* MENU - Featured Resource */ #resources-featured-image span.ubermenu-target-title.ubermenu-target-text { background: var(--primary-color-light); padding: 1rem; padding-bottom: 2rem; } #resources-featured-image { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; transition: .3s; margin-right: 1rem; padding: 0px; border-radius: 10px; overflow: hidden; } #resources-featured-image .ubermenu-badge { background: var(--primary-color-light); margin: 0px; width: 100%; padding: 1rem; } /* MENU - Desktop - Hover Effect */ #header:hover li.ubermenu-item-level-0 span { opacity: 66%; transition: .15s; } #header li.ubermenu-item-level-0:hover span { opacity: 100%; transition: .15s; } #header:hover li.ubermenu-item-level-1 span { opacity: 100%; transition: 0; } #header li.ubermenu-item-level-1:hover span { opacity: 100% !important } svg.svg-inline--fa.fa-angle-right.fa-w-8.ubermenu-icon.fs-6 { font-size: 7px !important; vertical-align: sub; } /** UberMenu Custom Tweaks - Mobile **/ @media screen and (max-width:959px){ .top-level a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only span { font-size: 175%; line-height: 200%; } .top-level ul a span { font-size: 100% !important; line-height: initial !important; } .ubermenu-mobile-footer { display: none !important; } a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only span.ubermenu-target-title.ubermenu-target-text:after { content: "\203A"; /* Unicode for right-facing carrot */ display: inline-block; margin-left: 5px; /* Adjust spacing as needed */ } svg.svg-inline--fa.fa-angle-right.fa-w-8.ubermenu-icon.fs-6 { display: none; } /* FIX IMAGE PADDINGS */ .ubermenu .ubermenu-item-15989 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text, .ubermenu .ubermenu-item-7407 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text, .ubermenu .ubermenu-item-7408 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text, .ubermenu .ubermenu-item-7409 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left: 50px; } .ubermenu-mobile-close-button svg.svg-inline--fa.fa-times.fa-w-11.text-dark { height: 28px; } } /** UberMenu Custom Tweaks - Desktop **/ @media screen and (min-width:960px){ .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0 > .ubermenu-custom-content.ubermenu-custom-content-padded { padding-top: 23px; padding-bottom: 23px; } li#menu-item-19009 { border-radius: 10px !important; overflow: hidden; margin-top: 13px; margin-bottom: 13px; } } /* Status: Loaded from Transient */ </style><script type="text/javascript">document.documentElement.className += " js";</script> <script> document.documentElement.className = document.documentElement.className.replace( 'no-js', 'js' ); </script> <style> .no-js img.lazyload { display: none; } figure.wp-block-image img.lazyloading { min-width: 150px; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 400ms; transition-delay: 0ms; } </style> <script type="text/javascript"> var advadsCfpQueue = []; var advadsCfpAd = function( adID ){ if ( 'undefined' == typeof advadsProCfp ) { advadsCfpQueue.push( adID ) } else { advadsProCfp.addElement( adID ) } }; </script> <link rel="icon" href="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" sizes="32x32" /> <link rel="icon" href="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" /> <meta name="msapplication-TileImage" content="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" /> <style id="wpforms-css-vars-root"> :root { --wpforms-field-border-radius: 3px; --wpforms-field-border-style: solid; --wpforms-field-border-size: 1px; --wpforms-field-background-color: #ffffff; --wpforms-field-border-color: rgba( 0, 0, 0, 0.25 ); --wpforms-field-border-color-spare: rgba( 0, 0, 0, 0.25 ); --wpforms-field-text-color: rgba( 0, 0, 0, 0.7 ); --wpforms-field-menu-color: #ffffff; --wpforms-label-color: rgba( 0, 0, 0, 0.85 ); --wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 ); --wpforms-label-error-color: #d63637; --wpforms-button-border-radius: 3px; --wpforms-button-border-style: none; --wpforms-button-border-size: 1px; --wpforms-button-background-color: #066aab; --wpforms-button-border-color: #066aab; --wpforms-button-text-color: #ffffff; --wpforms-page-break-color: #066aab; --wpforms-background-image: none; --wpforms-background-position: center center; --wpforms-background-repeat: no-repeat; --wpforms-background-size: cover; --wpforms-background-width: 100px; --wpforms-background-height: 100px; --wpforms-background-color: rgba( 0, 0, 0, 0 ); --wpforms-background-url: none; --wpforms-container-padding: 0px; --wpforms-container-border-style: none; --wpforms-container-border-width: 1px; --wpforms-container-border-color: #000000; --wpforms-container-border-radius: 3px; --wpforms-field-size-input-height: 43px; --wpforms-field-size-input-spacing: 15px; --wpforms-field-size-font-size: 16px; --wpforms-field-size-line-height: 19px; --wpforms-field-size-padding-h: 14px; --wpforms-field-size-checkbox-size: 16px; --wpforms-field-size-sublabel-spacing: 5px; --wpforms-field-size-icon-size: 1; --wpforms-label-size-font-size: 16px; --wpforms-label-size-line-height: 19px; --wpforms-label-size-sublabel-font-size: 14px; --wpforms-label-size-sublabel-line-height: 17px; --wpforms-button-size-font-size: 17px; --wpforms-button-size-height: 41px; --wpforms-button-size-padding-h: 15px; --wpforms-button-size-margin-top: 10px; --wpforms-container-shadow-size-box-shadow: none; } </style> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-56XFGCS');</script> <!-- End Google Tag Manager --> <link rel="stylesheet" href="https://memberclicks.com/wp-content/themes/kin/fonts/icomoon-font-awesome/style.css"> <link rel="stylesheet" href="https://memberclicks.com/wp-content/themes/kin/fonts/icomoon-free/style.css"> <style> /* Style.css */ @font-face { font-family: West; src: url('https://memberclicks.com/wp-content/uploads/2023/06/West-RegularWeb.woff2') format('woff2'); font-weight: 400; font-style: normal } @font-face { font-family: West; src: url('https://memberclicks.com/wp-content/uploads/2023/08/West-MediumWeb.woff2') format('woff2'); font-weight: 500; font-style: normal } @font-face { font-family: West; src: url('https://memberclicks.com/wp-content/uploads/2023/06/West-BoldWeb.woff2') format('woff2'); font-weight: 700; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/06/Urbanist-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/07/Urbanist-Italic-VariableFont_wght.woff2') format('woff2'); font-weight: 400; font-style: italic } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/07/Urbanist-Semibold.woff2') format('woff2'); font-weight: 600; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/06/Urbanist-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/07/Urbanist-Italic-VariableFont_wght.woff2') format('woff2'); font-weight: 700; font-style: italic } @charset "UTF-8"; /*! * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: var(--primary-color); --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #36322f; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: var(--secondary-color-light); --bs-gray-dark: #343a40; --bs-primary: var(--primary-color); --bs-secondary: var(--secondary-color); --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: var(--primary-color-light); --bs-dark: var(--primary-color-dark); --heading-font: West,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; --heading-weight: 500; --bs-font-sans-serif: 'Urbanist', sans-serif,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --body-weight: 400; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --header-height: px; --primary-color-h: 202; --primary-color-s: 90%; --primary-color-l: 35%; --primary-color-contrast: #ffffff; --secondary-color-h: 305; --secondary-color-s: 40%; --secondary-color-l: 34%; --secondary-color-contrast: #ffffff; --cta-color-h: 26; --cta-color-s: 96%; --cta-color-l: 55%; --cta-color-contrast: #ffffff; --primary-color-hsl: var(--primary-color-h), var(--primary-color-s), var(--primary-color-l); --primary-color: hsl(var(--primary-color-hsl)); --primary-color-hover: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) / 1.3)); --primary-color-light: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 97%)); --primary-color-light-hover: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 93.33%)); --primary-color-dark: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 3.33%)); --primary-color-dark-hover: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 9.99%)); --secondary-color-hsl: var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l); --secondary-color: hsl(var(--secondary-color-hsl)); --secondary-color-hover: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) / 1.7)); --secondary-color-light: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 96.6%)); --secondary-color-light-hover: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 90%)); --secondary-color-dark: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 3.3%)); --secondary-color-dark-hover: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 10%)); --cta-color-hsl: var(--cta-color-h), var(--cta-color-s), var(--cta-color-l); --cta-color: hsl(var(--cta-color-hsl)); --cta-color-hover: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) / 1.3)); --cta-color-light: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 96.6%)); --cta-color-light-hover: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 90%)); --cta-color-dark: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 3.3%)); --cta-color-dark-hover: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 10%)); --gray-color: hsl(var(--primary-color-h), calc(var(--primary-color-s) * 0 + 3.3%), var(--primary-color-l)); --gray-color-hover: hsl(var(--primary-color-h), calc(var(--primary-color-s) * 0 + 3.3%), calc(var(--primary-color-l) - 7%)); --gray-color-light: hsl(var(--primary-color-h), 15%, 95%); --gray-color-light-hover: hsl(var(--primary-color-h), 15%, 80%); --gray-color-dark: hsl(var(--primary-color-h), 15%, 15%); } .flex div { height: 100px; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: var(--body-weight); line-height: 1.5; color: var(--gray-color-dark); background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { margin: 1rem 0; color: inherit; background-color: var(--gray-color); border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentColor; opacity: .25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { color: var(--secondary-color-hover); margin-top: 0; margin-bottom: 0.5rem; font-family: var(--heading-font); font-weight: var(--heading-weight); line-height: 1.1; } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.5rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2.25rem; } } h3, .h3 { font-size: calc(1.5rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 2rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.6rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin: 1em 0; } abbr[title], abbr[data-bs-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 3rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong, .strong { font-weight: bold; } small, .small { font-size: 0.8em !important; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: var(--primary-color); text-decoration: none; transition: .2s } a:hover { color: var(--primary-color); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr /* rtl:ignore */ ; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #d63384; word-wrap: break-word; } a>code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: var(--primary-color-dark); border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--secondary-color-light); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus { outline: transparent; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend+* { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.4rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote> :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: var(--secondary-color-light); } .blockquote-footer::before { content: "— "; } .img-fluid, #article img{ max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--secondary-color-light); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto>* { flex: 0 0 auto; width: auto; } .row-cols-1>* { flex: 0 0 auto; width: 100%; } .row-cols-2>* { flex: 0 0 auto; width: 50%; } .row-cols-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4>* { flex: 0 0 auto; width: 25%; } .row-cols-5>* { flex: 0 0 auto; width: 20%; } .row-cols-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.25rem; } .g-4, .gy-4 { --bs-gutter-y: 1.25rem; } .g-5, .gx-5 { --bs-gutter-x: 1.5rem; } .g-5, .gy-5 { --bs-gutter-y: 1.5rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto>* { flex: 0 0 auto; width: auto; } .row-cols-sm-1>* { flex: 0 0 auto; width: 100%; } .row-cols-sm-2>* { flex: 0 0 auto; width: 50%; } .row-cols-sm-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4>* { flex: 0 0 auto; width: 25%; } .row-cols-sm-5>* { flex: 0 0 auto; width: 20%; } .row-cols-sm-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto>* { flex: 0 0 auto; width: auto; } .row-cols-md-1>* { flex: 0 0 auto; width: 100%; } .row-cols-md-2>* { flex: 0 0 auto; width: 50%; } .row-cols-md-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4>* { flex: 0 0 auto; width: 25%; } .row-cols-md-5>* { flex: 0 0 auto; width: 20%; } .row-cols-md-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-md-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-md-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-md-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-md-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto>* { flex: 0 0 auto; width: auto; } .row-cols-lg-1>* { flex: 0 0 auto; width: 100%; } .row-cols-lg-2>* { flex: 0 0 auto; width: 50%; } .row-cols-lg-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4>* { flex: 0 0 auto; width: 25%; } .row-cols-lg-5>* { flex: 0 0 auto; width: 20%; } .row-cols-lg-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto>* { flex: 0 0 auto; width: auto; } .row-cols-xl-1>* { flex: 0 0 auto; width: 100%; } .row-cols-xl-2>* { flex: 0 0 auto; width: 50%; } .row-cols-xl-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4>* { flex: 0 0 auto; width: 25%; } .row-cols-xl-5>* { flex: 0 0 auto; width: 20%; } .row-cols-xl-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto; } .row-cols-xxl-1>* { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2>* { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4>* { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5>* { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-bg: transparent; --bs-table-striped-color: var(--primary-color-dark); --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: var(--primary-color-dark); --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: var(--primary-color-dark); --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: var(--primary-color-dark); vertical-align: top; border-color: #dee2e6; } .table> :not(caption)>*>* { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); border-bottom-width: 1px; } .table>tbody { vertical-align: inherit; } .table>thead { vertical-align: bottom; } .table> :not(:last-child)> :last-child>* { border-bottom-color: currentColor; } .caption-top { caption-side: top; } .table-sm> :not(caption)>*>* { padding: 0.25rem 0.25rem; } .table-bordered> :not(caption)>* { border-width: 1px 0; } .table-bordered> :not(caption)>*>* { border-width: 0 1px; } .table-borderless> :not(caption)>*>* { border-bottom-width: 0; } .table-striped>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } .table-hover>tbody>tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6; } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce; } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7; } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3; } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9; } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4; } .table-light { --bs-table-bg: var(--primary-color-light); --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1; } .table-dark { --bs-table-bg: var(--primary-color-dark); --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label, .mktoLabel { margin-bottom: 0.5rem; font-size: 15px; font-weight: normal !important; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--secondary-color-light); } .form-control, .hs-input, .mktoField[type=text], .mktoField[type=email], .mktoField[type=tel], textarea.mktoField { display: block; width: 100%; padding: 0.5rem 1rem !important; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--primary-color-dark); background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control, .mktoField { transition: none; } } .form-control[type=file], .mktoField[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]), .mktoField[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus, .mktoField:focus { color: var(--primary-color-dark); background-color: #fff; border-color: #86b7fe; outline: 0; } .form-control::-webkit-date-and-time-value, .mktoField::-webkit-date-and-time-value { height: 1.5em; } .form-control::-webkit-input-placeholder, .mktoField::-webkit-input-placeholder { color: var(--gray-color); opacity: 1; } .form-control::-moz-placeholder, .mktoField::-moz-placeholder { color: var(--gray-color); opacity: 1; } .form-control::placeholder, .mktoField::placeholder { color: var(--gray-color); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--primary-color-dark); background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--primary-color-dark); background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--primary-color-dark); background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + 2px); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px); } .form-control-color { max-width: 3rem; height: auto; padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-select, .mktoForm select.mktoField { display: block; width: 100%; padding: 0.375rem 1.75rem 0.375rem 0.75rem !important; font-size: .85rem; font-weight: 400; line-height: 1.5; color: var(--primary-color-dark); vertical-align: middle; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { color: var(--secondary-color-light); background-color: #e9ecef; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--primary-color-dark); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-check-input { transition: none; } } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color); } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: var(--primary-color); border-color: var(--primary-color); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled]~.form-check-label, .form-check-input:disabled~.form-check-label { opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled]+.btn, .btn-check:disabled+.btn { pointer-events: none; filter: none; opacity: 0.65; } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-range:focus { outline: none; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: var(--primary-color); border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: var(--primary-color); border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .form-floating { position: relative; } .form-floating>.form-control, .form-floating>.form-select { height: calc(3.5rem + 2px); padding: 1rem 0.75rem; } .form-floating>label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating>label { transition: none; } } .form-floating>.form-control::-webkit-input-placeholder { color: transparent; } .form-floating>.form-control::-moz-placeholder { color: transparent; } .form-floating>.form-control::placeholder { color: transparent; } .form-floating>.form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-control:not(:-moz-placeholder-shown)~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating>.form-control:-webkit-autofill~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group>.form-control, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group>.form-control:focus, .input-group>.form-select:focus { z-index: 3; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 3; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--primary-color-dark); text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text, .input-group-lg>.btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text, .input-group-sm>.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .input-group-lg>.form-select, .input-group-sm>.form-select { padding-right: 1.75rem; } .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0.25rem; } .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip, .is-valid~.valid-feedback, .is-valid~.valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #198754; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #198754; padding-right: calc(0.75em + 2.3125rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #198754; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #198754; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label { color: #198754; } .form-check-inline .form-check-input~.valid-feedback { margin-left: 0.5em; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip, .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label { color: #dc3545; } .form-check-inline .form-check-input~.invalid-feedback { margin-left: 0.5em; } .btn, .hs-button, .btn-menu a { display: inline-block; font-weight: bold; line-height: 1; color: rgba(0, 0, 0, 0.55); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 2px solid transparent; border-radius: 10px; padding: 10px 15px; font-size: 1rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--primary-color-dark); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } .btn-primary, .hs-button { color: var(--primary-color-contrast); background-color: var(--primary-color); border-color: var(--primary-color); } .btn-primary:hover, .hs-button:hover { color: var(--primary-color-contrast); background-color: var(--primary-color-hover); border-color: var(--primary-color-hover); } .btn-check:focus+.btn-primary, .btn-primary:focus { color: var(--primary-color-contrast); background-color: var(--primary-color-hover); border-color: var(--primary-color-hover); } .btn-check:checked+.btn-primary, .btn-check:active+.btn-primary, .btn-primary:active, .btn-primary.active, .show>.btn-primary.dropdown-toggle { color: var(--primary-color-contrast); background-color: var(--primary-color); border-color: #0a53be; } .btn-primary:disabled, .btn-primary.disabled { color: var(--primary-color-contrast); background-color: var(--primary-color); border-color: var(--primary-color); } .btn-secondary { color: var(--secondary-color-contrast); background: var(--secondary-color); border-color: var(--secondary-color); font-weight: bold; } .btn-secondary:hover { color: var(--secondary-color-contrast); background-color: var(--secondary-color-hover); border-color: var(--secondary-color-hover); } .btn-check:focus+.btn-secondary, .btn-secondary:focus { color: var(--secondary-color-contrast); background-color: var(--secondary-color-hover); border-color: var(--secondary-color-hover); } .btn-check:checked+.btn-secondary, .btn-check:active+.btn-secondary, .btn-secondary:active, .btn-secondary.active, .show>.btn-secondary.dropdown-toggle { color: var(--secondary-color-contrast); background-color: var(--secondary-color); border-color: var(--secondary-color); } .btn-secondary:disabled, .btn-secondary.disabled { color: #fff; background-color: var(--secondary-color-light); border-color: var(--secondary-color-light); } .btn-cta, .btn-menu a { color: #fff !important; background-color: var(--cta-color) !important; border-color: var(--cta-color) !important; } .btn-cta:hover, .btn-menu a:hover { color: #fff !important; background-color: var(--cta-color-hover) !important; border-color: var(--cta-color-hover) !important; } .btn-outline-cta { color: var(--cta-color); border-color: var(--cta-color); } .btn-outline-cta:hover { color: #fff; background-color: var(--cta-color-hover); border-color: var(--cta-color-hover); } .btn-check:checked+.btn-outline-cta, .btn-check:active+.btn-outline-cta, .btn-outline-cta:active, .btn-outline-cta.active, .btn-outline-cta.dropdown-toggle.show { color: #fff; background-color: var(--cta-color); border-color: var(--cta-color); } .btn-outline-cta:disabled, .btn-outline-cta.disabled { color: var(--cta-color-light); background-color: transparent; } .btn-menu a { padding: 10px 15px !important; margin-left: 10px; } .btn-cta .nav-link { color: #fff !important; padding-top: .25rem !important; padding-bottom: .25rem !important; } .btn-gray { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-gray:hover { color: #fff; background-color: var(--gray-color-hover); border-color: var(--gray-color-hover); } .btn-check:focus+.btn-gray, .btn-gray:focus { color: #fff; background-color: var(--gray-color-hover); border-color: var(--gray-color-hover); } .btn-check:checked+.btn-gray, .btn-check:active+.btn-gray, .btn-gray:active, .btn-gray.active, .show>.btn-gray.dropdown-toggle { color: #fff; background-color: var(--gray-color-hover); border-color: #0a53be; } .btn-gray:disabled, .btn-gray.disabled { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-success { color: #fff; background-color: #198754; border-color: #198754; } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43; } .btn-check:focus+.btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; } .btn-check:checked+.btn-success, .btn-check:active+.btn-success, .btn-success:active, .btn-success.active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f; } .btn-success:disabled, .btn-success.disabled { color: #fff; background-color: #198754; border-color: #198754; } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2; } .btn-check:focus+.btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; } .btn-check:checked+.btn-info, .btn-check:active+.btn-info, .btn-info:active, .btn-info.active, .show>.btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2; } .btn-info:disabled, .btn-info.disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720; } .btn-check:checked+.btn-warning, .btn-check:active+.btn-warning, .btn-warning:active, .btn-warning.active, .show>.btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720; } .btn-warning:disabled, .btn-warning.disabled { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:focus+.btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:checked+.btn-danger, .btn-check:active+.btn-danger, .btn-danger:active, .btn-danger.active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834; } .btn-danger:disabled, .btn-danger.disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-light { color: #000; background-color: var(--gray-color-light); border-color: var(--gray-color-light); } .btn-light:hover { color: #000; background-color: var(--gray-color-light-hover); border-color: var(--gray-color-light-hover); } .btn-check:focus+.btn-light, .btn-light:focus { color: #000; background-color: var(--gray-color-light-hover); border-color: var(--gray-color-light-hover); } .btn-check:checked+.btn-light, .btn-check:active+.btn-light, .btn-light:active, .btn-light.active, .show>.btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-light:disabled, .btn-light.disabled { color: #000; background-color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-dark { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark) } .btn-dark:hover { color: #fff; background-color: var(--primary-color-dark-hover); border-color: var(--primary-color-dark-hover); } .btn-check:focus+.btn-dark, .btn-dark:focus { color: #fff; background-color: var(--primary-color-dark-hover); border-color: var(--primary-color-dark-hover); } .btn-check:checked+.btn-dark, .btn-check:active+.btn-dark, .btn-dark:active, .btn-dark.active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f; } .btn-dark:disabled, .btn-dark.disabled { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-outline-primary { color: var(--primary-color); border-color: var(--primary-color); } .btn-outline-primary:hover { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .btn-check:checked+.btn-outline-primary, .btn-check:active+.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: var(--primary-color); background-color: transparent; } .btn-outline-gray { color: var(--gray-color); border-color: var(--gray-color); } .btn-outline-gray:hover { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-check:checked+.btn-outline-gray, .btn-check:active+.btn-outline-gray, .btn-outline-gray:active, .btn-outline-gray.active, .btn-outline-gray.dropdown-toggle.show { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-outline-gray:disabled, .btn-outline-gray.disabled { color: var(--gray-color); background-color: transparent; } .btn-outline-secondary { color: var(--secondary-color); border-color: var(--secondary-color); } .btn-outline-secondary:hover { color: #fff; background-color: var(--secondary-color-hover); border-color: var(--secondary-color-hover); } .btn-check:checked+.btn-outline-secondary, .btn-check:active+.btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #fff; background-color: var(--secondary-color); border-color: var(--secondary-color); } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: var(--secondary-color-light); background-color: transparent; } .btn-outline-success { color: #198754; border-color: #198754; } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:checked+.btn-outline-success, .btn-check:active+.btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #fff; background-color: #198754; border-color: #198754; } .btn-outline-success:disabled, .btn-outline-success.disabled { color: #198754; background-color: transparent; } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0; } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:checked+.btn-outline-info, .btn-check:active+.btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-outline-info:disabled, .btn-outline-info.disabled { color: #0dcaf0; background-color: transparent; } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:checked+.btn-outline-warning, .btn-check:active+.btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:disabled, .btn-outline-warning.disabled { color: #ffc107; background-color: transparent; } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:checked+.btn-outline-danger, .btn-check:active+.btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:disabled, .btn-outline-danger.disabled { color: #dc3545; background-color: transparent; } .btn-outline-light { color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-outline-light:hover { color: #000; background-color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-check:checked+.btn-outline-light, .btn-check:active+.btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #000; background-color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-outline-light:disabled, .btn-outline-light.disabled { color: var(--primary-color-light); background-color: transparent; } .btn-outline-dark { color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-outline-dark:hover { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-check:checked+.btn-outline-dark, .btn-check:active+.btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-outline-dark:disabled, .btn-outline-dark.disabled { color: var(--primary-color-dark); background-color: transparent; } .btn-link { font-size: 1.5rem; font-weight: 400; color: var(--primary-color); text-decoration: underline; } .btn-link:hover { color: var(--primary-color); } .btn-link:disabled, .btn-link.disabled { color: var(--gray-color); } .btn-lg, .btn-group-lg>.btn { padding: 0.9rem 1.8rem; font-size: 1.2rem; } .btn-sm, .btn-group-sm>.btn { padding: 0.25rem 1.5rem; font-size: .8rem; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropend, .dropdown, .dropstart { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: calc(100% + 1px); left: 0; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: var(--primary-color-dark); text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px 0px 0.25rem 0.25rem; } .dropdown-menu[style] { right: auto !important; } .dropdown-menu-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-sm-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-md-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-lg-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-xl-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-xxl-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: var(--primary-color-dark); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #1e2125; background-color: var(--gray-color-light); } .dropdown-item.active, .dropdown-item:active { color: #000; text-decoration: none; background-color: var(--gray-color-light-hover); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--gray-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: var(--gray-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: var(--primary-color-dark); } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: var(--primary-color); } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .dropdown-menu-dark .dropdown-header { color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group>.btn, .btn-group-vertical>.btn { position: relative; flex: 1 1 auto; } .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child) { margin-left: -1px; } .btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group>.btn-group:not(:last-child)>.btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group>.btn:nth-child(n+3), .btn-group> :not(.btn-check)+.btn, .btn-group>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm+.dropdown-toggle-split, .btn-group-sm>.btn+.dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg+.dropdown-toggle-split, .btn-group-lg>.btn+.dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100%; } .btn-group-vertical>.btn:not(:first-child), .btn-group-vertical>.btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical>.btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn~.btn, .btn-group-vertical>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; font-weight: bold; padding: 0.5rem 1rem; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link.disabled { color: var(--gray-color); pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: var(--gray-color); background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-gray-dark); background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: var(--primary-color); } .nav-fill>.nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified>.nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar>.container, .navbar>.container-fluid, .navbar>.container-sm, .navbar>.container-md, .navbar>.container-lg, .navbar>.container-xl, .navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { align-items: center; width: 100%; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm .navbar-collapse { display: flex !important; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md .navbar-collapse { display: flex !important; } .navbar-expand-md .navbar-toggler { display: none; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg .navbar-collapse { display: flex !important; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl .navbar-collapse { display: flex !important; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl .navbar-collapse { display: flex !important; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand .navbar-collapse { display: flex !important; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 1.5rem; } .card>hr { margin-right: 0; margin-left: 0; } .card>.list-group { border-top: inherit; border-bottom: inherit; } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: 1rem 1rem; } .card-title { margin-bottom: 0.5rem; } .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link+.card-link { margin-left: 1rem /* rtl:ignore */ ; } .card-header { padding: 0.5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.5rem; margin-bottom: -0.5rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-group>.card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group>.card { flex: 1 0 0%; margin-bottom: 0; } .card-group>.card+.card { margin-left: 0; border-left: 0; } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group>.card:not(:last-child) .card-img-top, .card-group>.card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group>.card:not(:last-child) .card-img-bottom, .card-group>.card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group>.card:not(:first-child) .card-img-top, .card-group>.card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group>.card:not(:first-child) .card-img-bottom, .card-group>.card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion-button { position: relative; cursor: pointer; display: flex; align-items: center; width: 100%; padding: .75rem 1.25rem; font-size: 1rem; color: var(--gray-color); background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0; overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button.collapsed { border-bottom-width: 0; } .accordion-button:not(.collapsed) { color: var(--primary-color-dark); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(180deg); } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .accordion-header { margin-bottom: 0; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 1px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-item:last-of-type .accordion-collapse { border-bottom-width: 1px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-collapse { border: solid rgba(0, 0, 0, 0.125); border-width: 0 1px; } .accordion-body { padding: 1rem 1.25rem; } .accordion-flush .accordion-button { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item:first-of-type .accordion-button { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .accordion-flush .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none; } .breadcrumb-item+.breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: 0.5rem; color: var(--gray-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */ ; } body.archive.category .breadcrumb-item+.breadcrumb-item::before { color: #fff; } .breadcrumb-item.active { color: var(--gray-color); } .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: var(--primary-color); text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--primary-color); background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: var(--primary-color); background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .page-item.disabled .page-link { color: var(--secondary-color-light); pointer-events: none; background-color: #fff; border-color: #dee2e6; } .page-link { padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe; } .alert-primary .alert-link { color: #06357a; } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8; } .alert-secondary .alert-link { color: #34383c; } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; } .alert-success .alert-link { color: #0c4128; } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb; } .alert-info .alert-link { color: #04414d; } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; } .alert-warning .alert-link { color: #523e02; } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; } .alert-danger .alert-link { color: #6a1a21; } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe; } .alert-light .alert-link { color: #4f5050; } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf; } .alert-dark .alert-link { color: #101214; } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: var(--primary-color); transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: var(--bs-gray-dark); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: var(--bs-gray-dark); text-decoration: none; background-color: var(--gray-color-light); } .list-group-item-action:active { color: var(--primary-color-dark); background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.5rem 1rem; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--gray-color); pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: var(--bs-gray-dark); border-color: var(--bs-gray-dark); } .list-group-item+.list-group-item { border-top-width: 0; } .list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal>.list-group-item.active { margin-top: 0; } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0; } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md>.list-group-item.active { margin-top: 0; } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0; } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0; } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush>.list-group-item { border-width: 0 0 1px; } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #084298; background-color: #cfe2ff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #084298; background-color: #bacbe6; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298; } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #41464b; background-color: #cbccce; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b; } .list-group-item-success { color: #0f5132; background-color: #d1e7dd; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f5132; background-color: #bcd0c7; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132; } .list-group-item-info { color: #055160; background-color: #cff4fc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #055160; background-color: #badce3; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160; } .list-group-item-warning { color: #664d03; background-color: #fff3cd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #664d03; background-color: #e6dbb9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03; } .list-group-item-danger { color: #842029; background-color: #f8d7da; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #842029; background-color: #dfc2c4; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029; } .list-group-item-light { color: #636464; background-color: #fefefe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #636464; background-color: #e5e5e5; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464; } .list-group-item-dark { color: #141619; background-color: #d3d3d4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #141619; background-color: #bebebf; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; } .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } .btn-close:focus { outline: none; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); opacity: 1; } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: 0.25; } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .toast { width: 350px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .toast:not(.showing):not(.show) { opacity: 0; } .toast.hide { display: none; } .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container> :not(:last-child) { margin-bottom: 0.75rem; } .toast-header { display: flex; align-items: center; padding: 0.5rem 0.75rem; color: var(--secondary-color); background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 110; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer>* { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0 /* rtl:ignore */ ; z-index: 1060; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[data-popper-placement^=top] { margin-bottom: 0.5rem !important; } .bs-popover-top>.popover-arrow, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-end, .bs-popover-auto[data-popper-placement^=right] { margin-left: 0.5rem !important; } .bs-popover-end>.popover-arrow, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-end>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-end>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[data-popper-placement^=bottom] { margin-top: 0.5rem !important; } .bs-popover-bottom>.popover-arrow, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f0f0f0; } .bs-popover-start, .bs-popover-auto[data-popper-placement^=left] { margin-right: 0.5rem !important; } .bs-popover-start>.popover-arrow, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-start>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-start>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid #d8d8d8; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: var(--primary-color-dark); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } /* rtl:begin:ignore */ .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } /* rtl:end:ignore */ .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators li { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } @-webkit-keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */ ; } } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */ ; } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: 0.75s linear infinite spinner-border; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: 0.75s linear infinite spinner-grow; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } } .clearfix::after { display: block; clear: both; content: ""; } .link-primary { color: var(--primary-color); } .link-primary:hover, .link-primary:focus { color: var(--primary-color); } .link-secondary { color: var(--secondary-color); } .link-secondary:hover, .link-secondary:focus { color: #565e64; } .link-success { color: #198754; } .link-success:hover, .link-success:focus { color: #146c43; } .link-info { color: #0dcaf0; } .link-info:hover, .link-info:focus { color: #3dd5f3; } .link-warning { color: #ffc107; } .link-warning:hover, .link-warning:focus { color: #ffcd39; } .link-danger { color: #dc3545; } .link-danger:hover, .link-danger:focus { color: #b02a37; } .link-light { color: var(--primary-color-light); } .link-light:hover, .link-light:focus { color: #f9fafb; } .link-dark { color: var(--primary-color-dark); } .link-dark:hover, .link-dark:focus { color: #1a1e21; } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--aspect-ratio); content: ""; } .ratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --aspect-ratio: 100%; } .ratio-4x3 { --aspect-ratio: calc(3 / 4 * 100%); } .ratio-16x9 { --aspect-ratio: calc(9 / 16 * 100%); } .ratio-21x9 { --aspect-ratio: calc(9 / 21 * 100%); } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: -webkit-sticky; position: sticky; top: var(--header-height); z-index: 75; } @media (min-width: 576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .visually-hidden, .visually-hidden-focusable:not(:focus) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } @media only screen and (max-width: 1000px) { .menu-break-hide { display: none !important; } } @media only screen and (min-width: 1000px) { .menu-break-show { display: none !important; } } @media only screen and (max-width: 1000px) { .menu-break-show { display: flex !important; } } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; transition: .3s; } .shadow:hover { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: 1px solid #dee2e6 !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: 1px solid #dee2e6 !important; } .border-start-0 { border-left: 0 !important; } .border-primary { border-color: var(--primary-color) !important; } .border-secondary { border-color: var(--secondary-color) !important; } .border-cta { border-color: var(--cta-color) !important; } .border-success { border-color: #198754 !important; } .border-info { border-color: #0dcaf0 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: var(--primary-color-light) !important; } .border-dark { border-color: var(--primary-color-dark) !important; } .border-white { border-color: #fff !important; } .border-0 { border-width: 0 !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-default { padding-top: 2rem !important; } .pb-default { padding-bottom: 2rem !important; } .ps-default { padding-left: initial !important; } .pe-default { padding-right: initial !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: lighter !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-primary { color: var(--primary-color) !important; } .text-primary-hover { color: var(--primary-color-hover) !important; } .text-primary-contrast { color: var(--primary-color-contrast) !important; } .text-primary-light { color: var(--primary-color-light) !important; } .text-primary-light-hover { color: var(--primary-color-light-hover) !important; } .text-primary-dark { color: var(--primary-color-dark) !important; } .text-primary-dark-hover { color: var(--primary-color-dark-hover) !important; } .text-secondary { color: var(--secondary-color) !important; } .text-secondary-hover { color: var(--secondary-color-hover) !important; } .text-secondary-contrast { color: var(--secondary-color-contrast) !important; } .text-secondary-light, .text-secondary-dark-contrast { color: var(--secondary-color-light) !important; } .text-secondary-light-hover, .bg-secondary-dark p { color: var(--secondary-color-light) !important; } .text-secondary-dark { color: var(--secondary-color-dark) !important; } .text-secondary-dark-hover { color: var(--secondary-color-dark-hover) !important; } .text-cta { color: var(--cta-color) !important; } .text-cta-hover { color: var(--cta-color-hover) !important; } .text-cta-contrast { color: var(--cta-color-contrast) !important; } .text-cta-light { color: var(--cta-color-light) !important; } .text-cta-light-hover { color: var(--cta-color-light-hover) !important; } .text-cta-dark { color: var(--cta-color-dark) !important; } .text-cta-dark-hover { color: var(--cta-color-dark-hover) !important; } .text-success { color: #198754 !important; } .text-info { color: #0dcaf0 !important; } .text-warning { color: #ffc107 !important; } .text-danger { color: #dc3545 !important; } .text-light { color: #696969 !important; } .text-dark { color: var(--primary-color-dark) !important; } .text-white { color: #fff !important; } .text-body { color: var(--primary-color-dark) !important; } .text-muted { color: var(--gray-color) !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-reset { color: inherit !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .bg-primary { background-color: var(--primary-color) !important; } .bg-primary-contrast { background-color: var(--primary-color-contrast) !important; } .bg-primary-hover { background-color: var(--primary-color-hover) !important; } .bg-primary-light { background-color: var(--primary-color-light) !important; } .bg-primary-light-hover { background-color: var(--primary-color-light-hover) !important; } .bg-primary-dark { background-color: var(--primary-color-dark) !important; } .bg-primary-dark-hover { background-color: var(--primary-color-dark-hover) !important; } .bg-secondary { background-color: var(--secondary-color) !important; } .bg-secondary-contrast { background-color: var(--secondary-color-contrast) !important; } .bg-secondary-hover { background-color: var(--secondary-color-hover) !important; } .bg-secondary-light { background-color: var(--secondary-color-light) !important; } .bg-secondary-light-hover { background-color: var(--secondary-color-light-hover) !important; } .bg-secondary-dark { background-color: var(--secondary-color-dark) !important; } .bg-secondary-dark-hover { background-color: var(--secondary-color-dark-hover) !important; } .bg-cta { background-color: var(--cta-color) !important; } .bg-cta-contrast { background-color: var(--cta-color-contrast) !important; } .bg-cta-hover { background-color: var(--cta-color-hover) !important; } .bg-cta-light { background-color: var(--cta-color-light) !important; } .bg-cta-light-hover { background-color: var(--cta-color-light-hover) !important; } .bg-cta-dark { background-color: var(--cta-color-dark) !important; } .bg-cta-dark-hover { background-color: var(--cta-color-dark-hover) !important; } .bg-gradient-horizontal-primary-secondary { background: linear-gradient(to right, var(--primary-color), var(--secondary-color)); } .bg-gradient-horizontal-primary-secondary-light { background: linear-gradient(to right, var(--primary-color-light), var(--secondary-color-light)); } .bg-gradient-vertical-primary { background: linear-gradient(to bottom, var(--primary-color), var(--primary-color-dark)); } .bg-gradient-vertical-primary-secondary { background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color)); } .bg-gradient-vertical-primary-secondary-light { background: linear-gradient(to bottom, var(--primary-color-light), var(--secondary-color-light)); } .bg-success { background-color: #198754 !important; } .bg-info { background-color: #0dcaf0 !important; } .bg-warning { background-color: #ffc107 !important; } .bg-danger { background-color: #dc3545 !important; } .bg-light { background-color: var(--bs-light) !important; } .bg-light-contrast { background-color: var(--bs-dark) !important; } .bg-light-hover { background-color: var(--gray-color-light) !important; } .bg-light-light-hover { background-color: var(--bs-white) !important; } .bg-light-dark { background-color: var(--gray-color-dark) !important; } .bg-light-dark-hover { background-color: var(--gray-color-dark) !important; } .bg-dark { background-color: var(--primary-color-dark) !important; } .bg-body { background-color: #fff !important; } .bg-white { background-color: #fff !important; } .bg-black { background-color: #000 !important; } .bg-gray { background-color: #808080 !important; } .bg-gray-light { background-color: var(--gray-color-light) !important; } .bg-gray-dark { background-color: var(--gray-color-dark) !important; } .bg-transparent { background-color: transparent !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .font-monospace { font-family: var(--bs-font-monospace) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: 0.25rem !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: 0.2rem !important; } .rounded-2 { border-radius: 0.25rem !important; } .rounded-3 { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-end { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-start { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } .fs-sm-1 { font-size: 2.5rem !important; } .fs-sm-2 { font-size: 2rem !important; } .fs-sm-3 { font-size: 1.75rem !important; } .fs-sm-4 { font-size: 1.5rem !important; } .fs-md-1 { font-size: 2.5rem !important; } .fs-md-2 { font-size: 2rem !important; } .fs-md-3 { font-size: 1.75rem !important; } .fs-md-4 { font-size: 1.5rem !important; } .fs-lg-1 { font-size: 2.5rem !important; } .fs-lg-2 { font-size: 2rem !important; } .fs-lg-3 { font-size: 1.75rem !important; } .fs-lg-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /* Burger Menu */ @media only screen and (min-width: 1000px) { header a.navbar-burger.burger { display: none; } } .navbar-burger { color: ; cursor: pointer; display: block; height: 3.25rem; position: relative; width: 3.25rem; margin-left: auto; } .navbar-burger span { background-color: currentColor; display: block; height: 2px; left: calc(50% - 8px); position: absolute; transform-origin: center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-timing-function: ease-out; width: 16px; } .navbar-burger span:nth-child(1) { top: calc(50% - 6px); } .navbar-burger span:nth-child(2) { top: calc(50% - 1px); } .navbar-burger span:nth-child(3) { top: calc(50% + 4px); } .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); color: ; } .navbar-burger.is-active span:nth-child(1) { transform: translateY(5px) rotate(45deg); } .navbar-burger.is-active span:nth-child(2) { opacity: 0; } .navbar-burger.is-active span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); } /* Logo */ #logo { padding-top: 0.5rem; padding-bottom: 0.5rem; } #logo .fixed-container { position: relative; width: 100%; height: 50px; } .fixed-container img { object-fit: contain; height: 100%; } #above-nap a { text-decoration: none; } /* CSS for Script Menu-1-0*/ #header { position: sticky; top: 0; width: 100%; z-index: 100; transition: all .7s ease; } /* Menu - Desktop - Hover Dropdown */ @media all and (min-width: 1000px) { #primaryMenu li>.nav-link { padding-top: 1.25rem; padding-bottom: 1.25rem; } .navbar .dropdown-menu li a { width: 250px; white-space: normal; } .navbar .nav-item .dropdown-menu { display: none; } .navbar .nav-item:hover .dropdown-menu { display: block; margin-left: -1px; margin-top: -1px; } .navbar .nav-item .dropdown-menu { margin-top: 0; } #primaryMenu .menu-item:hover { background-color: #fff; } #primaryMenu .menu-item:hover .nav-link { color: var(--bs-dark) } } /* Menu - Desktop - Hover Dropdown Child */ ul ul li ul.dropdown-menu { display: none !important; } ul ul li:hover ul.dropdown-menu { display: block !important; left: calc(100% + 1px); top: 0px; position: absolute !important; } /* Avatar */ .avatar { // background: var(--primary-color); border-radius: 50%; color: rgba(255, 255, 255, .85); display: inline-block; font-size: .8rem; font-weight: 300; height: 1.6rem; line-height: 1.25; margin: 0; position: relative; vertical-align: middle; width: 1.6rem; } .avatar-lg { font-size: 1.2rem; height: 2.4rem; width: 2.4rem; } .avatar-xl { font-size: 1.5rem; height: 3.5rem; width: 3.5rem; } /* Card Post */ .card.card-post .card-img-top { transition: .2s; } .card.card-post:hover .card-img-top { filter: brightness(90%); } .card.card-post p a { color: var(--gray-color) } /* Search Form */ #search-form #search-count { font-size: .8em !important; font-weight: } /* Featured Image */ #featured-image-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #featuredImage { z-index: 2; height: 40vh; min-height: 300px; } #sidebarForm { margin: 0px } /* FAQ - Voting */ .thumbs-rating-container { padding: 0px; position: relative; display: inline-flex; vertical-align: middle; } .thumbs-rating-up, .thumbs-rating-down { display: inline-block; font-weight: 400; line-height: 1.5; color: var(--gray-color) !important; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent !important; border: 1px solid transparent; padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-color: var(--gray-color); } .thumbs-rating-up:hover, .thumbs-rating-down:hover { color: #fff !important; border-color: var(--gray-color); background-color: var(--gray-color) !important; } button.thumbs-rating-voted { color: #fff !important; border-color: var(--gray-color); background-color: var(--gray-color) !important; } button.thumbs-rating-up { border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } button.thumbs-rating-down { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /* Accordion - Current */ .accordion .current { color: #000000 !important; background: var(--gray-color-light); } .accordion .no-children:after { display: none; } .accordion a { color: var(--gray-color); } .accordion li:hover { color: #000000; background: var(--gray-color-light); } .accordion li:hover a { color: #000000; } .accordion-button:not(.collapsed) a { color: var(--primary-color-dark) !important; } /* Off Canvas - Mobile Menu */ @media (max-width: 991.98px) { .offcanvas-collapse { position: fixed; top: 0px; /* Height of navbar */ bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: #fff; transition: transform .3s ease-in-out, visibility .3s ease-in-out; z-index: 10 } .offcanvas-collapse.open { visibility: visible !important; transform: translateX(-100%); } } .nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; } .nav-scroller .nav { display: flex; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; color: rgba(255, 255, 255, .75); text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; } .nav-underline .nav-link { padding-top: .75rem; padding-bottom: .75rem; font-size: .875rem; color: #6c757d; } .nav-underline .nav-link:hover { color: #007bff; } .nav-underline .active { font-weight: 500; color: #343a40; } #navbar-mobile { display: none !important; } #navbar-mobile.open { display: block !important; } .menu-item-has-children .menu-item-has-children > a.dropdown-item::after { display: inline-block; margin-left: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; margin-left: 15px; } /* Scrollbar */ body ::-webkit-scrollbar-track { background-color: var(--primary-color-light-hover); } body ::-webkit-scrollbar { width: 10px; height:10px; margin-left: 10px; margin-top: 10px; background-color: transparent; } body ::-webkit-scrollbar-thumb { background-color: var(--gray-color); } body ::-webkit-scrollbar-thumb:hover { background-color: var(--primary-color-hover); } /* Post - Comments */ textarea#comment { width: 100% } /* Hubspot Form0 */ .hs_submit { margin-top: 1rem; } .hs_submit .hs-button { width: 100% } .hbspt-form h4 { font-size: 1.2rem; } /* Marketo Forms */ .hbspt-form h3.alt { color: black; } .hbspt-form .hs-fieldtype-text { width: 63.3%; float: left; margin-right: 3.3%; } .field.hs-form-field { width: 100%; } .field.hs-form-field { width: 100%; margin-bottom: 10px; } .hbspt-form .hs-button { width: 33.3%; vertical-align: top; } ul.hs-error-msgs { padding: 0.25rem 0.25rem; margin: 0.25rem 0px; list-style-type: none; } ul.hs-error-msgs label { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; position: relative; border: 1px solid transparent; border-radius: 0.25rem; font-size: 12px; } /* Plugin Cookie Compliance - hide extra tabs in settings */ li.menu-item-third_party_cookies { display: none !important; }.moove-gdpr-modal-right-content div#privacy_overview { display: block !important; } /* PATCH - AMP MOBLE MENU */ div[amp-nested-submenu-close] { height: 30px; }#breadcrumbs a{color:#fff;opacity:.35}body.archive.category #sticky-posts{margin-top:-5rem}body.archive.category .card-footer{border-top:none}.pagination .page-item .page-link{border-radius:.25rem;background-color:rgba(0,0,0,0);border-color:var(--gray-color);color:var(--gray-color)}.pagination .page-item.active .page-link,.pagination .page-item:hover .page-link{color:#fff;background-color:var(--secondary-color);border-color:var(--secondary-color)}.templated-cta .inner,.global-cta .inner{background-position:bottom right;background-size:contain;background-repeat:no-repeat;border-radius:1rem;padding:50px}@media screen and (max-width: 767px){.templated-cta .inner,.global-cta .inner{background-image:none !important;text-align:center}}@media screen and (min-width: 768px){.templated-cta .inner .inner-content,.global-cta .inner .inner-content{width:50%}}.templated-cta .inner .inner-content p,.global-cta .inner .inner-content p{opacity:.9}.templated-cta .inner .btn,.global-cta .inner .btn{color:#fff;font-family:var(--heading-font);font-weight:normal}.templated-cta.color-scheme-primary .btn,.global-cta.color-scheme-primary .btn{background-color:#015182}.templated-cta.color-scheme-primary .btn:hover,.global-cta.color-scheme-primary .btn:hover{background-color:#01314f}.templated-cta.color-scheme-secondary .btn,.global-cta.color-scheme-secondary .btn{background-color:#411a50}.templated-cta.color-scheme-secondary .btn:hover,.global-cta.color-scheme-secondary .btn:hover{background-color:#220d2a}#sidebar-ctas .templated-cta .inner .inner-content,#sidebar-ctas .global-cta .inner .inner-content{width:100% !important}#more-posts{margin-top:6rem;margin-bottom:6rem}#table-of-contents .card{border-radius:0;border-color:rgba(0,0,0,0)}#table-of-contents .card .card-header{border-bottom:none;padding:0}#table-of-contents nav[data-toggle=toc] .nav>li>a{padding-left:0}#table-of-contents nav[data-toggle=toc] .nav-link.active,#table-of-contents nav[data-toggle=toc] .nav-link.active:focus,#table-of-contents nav[data-toggle=toc] .nav-link.active:hover,#table-of-contents nav[data-toggle=toc] .nav>li>a:focus,#table-of-contents nav[data-toggle=toc] .nav>li>a:hover{border-left:none !important}#table-of-contents nav ul>li>ul{display:none}#progress{height:.3rem;border-radius:0}#about-hero:before{position:absolute;top:-30vh;left:-40vw;width:180vw;background-color:#eaf4fa;height:90vw;display:block;content:"";border-radius:50% 50% 50% 50%/0% 0% 100% 100%;z-index:1}#about-hero .container{position:relative;z-index:10}#about-hero .container img{box-shadow:0px 15px 35px 0px rgba(0,0,0,.1294117647)}#about-hero .member-stats{margin-top:-50px}#about-hero .member-stats .item{border:1px solid #e6e8e9}#values{position:relative;z-index:10}#values img{width:44px;height:44px;padding-bottom:.5rem}#our-story{background-color:#0d2c3f;color:#fff;background-image:url("/wp-content/themes/kin/inc/img/about-us/about-squiggle.png");background-position:left top;background-repeat:no-repeat;background-size:60%}#our-story .intro p{color:#b1d1e3}#our-story .intro p span{color:#fa7b1c}#our-story .timeline{background-image:url("/wp-content/themes/kin/inc/img/about-us/story-line-short.gif");background-position:center bottom;background-repeat:no-repeat;transition:all 200ms ease-in-out}#our-story .timeline .dot{width:24px;height:24px;border:2px solid #194966;background-color:#0d2c3f;border-radius:50%;transition:all 500ms ease-in-out}#our-story .timeline[data-state=active]{background-position:center center}#our-story .timeline[data-state=past]{background-position:center top}#our-story .timeline[data-state=active] .dot,#our-story .timeline[data-state=past] .dot{background-color:var(--primary-color);border-color:var(--primary-color)}#our-story .timeline-item h5{color:#65add9}#our-story .timeline-item p{color:#e6e8e9}#our-story .timeline-item img{max-width:100%;height:auto;border-radius:20px}#our-story .timeline-item .col-5,#our-story .timeline-item .col-1{padding-top:50px;padding-bottom:50px}.font-header{font-family:var(--heading-font)}.font-body{font-family:var(--body-font)}.font-bold{font-weight:bold}.bg-primary-dark{background-color:#015182}.bg-secondary-dark{background-color:#411a50}.width-auto{max-width:100%;height:auto}/*# sourceMappingURL=dev-styles.css.map */ /* Template CSS NOT SETUP*/ /* Theme Options CSS */ /* FEATURES PAGES */ #more-features h3 { color: white; } /* MARKETO FORM 3032/3541 */ form#mktoForm_3032, form#mktoForm_3032 .mktoFormCol, form#mktoForm_3032 .mktoHtmlText, form#mktoForm_3032 label, form#mktoForm_3032 input, form#mktoForm_3032 .mktoFieldWrap, form#mktoForm_3032 .mktoButtonRow, form#mktoForm_3541, form#mktoForm_3541 .mktoFormCol, form#mktoForm_3541 .mktoHtmlText, form#mktoForm_3541 label, form#mktoForm_3541 input, form#mktoForm_3541 .mktoFieldWrap, form#mktoForm_3541 .mktoButtonRow{ width: 100% !important; } form#mktoForm_3032 input, form#mktoForm_3541 input{ margin-bottom: 10px !important; } form#mktoForm_3032 .mktoGutter.mktoHasWidth, form#mktoForm_3032 .mktoOffset, form#mktoForm_3541 .mktoGutter.mktoHasWidth, form#mktoForm_3541 .mktoOffset{ display: none; } form#mktoForm_3032 .mktoButtonRow, form#mktoForm_3541 .mktoButtonRow{ text-align: center !important; } form#mktoForm_3032 span.mktoButtonWrap, form#mktoForm_3541 span.mktoButtonWrap{ margin: auto !important; } /* MARKETO FORM 3037 */ form#mktoForm_3037, form#mktoForm_3037 .mktoFormCol, form#mktoForm_3037 .mktoHtmlText, form#mktoForm_3037 label, form#mktoForm_3037 input, form#mktoForm_3037 .mktoFieldWrap{ width: 100% !important; } form#mktoForm_3037 input { margin-bottom: 10px !important; } form#mktoForm_3037 .mktoGutter.mktoHasWidth, form#mktoForm_3037 .mktoOffset{ display: none; } /* MARKETO FORM 3038 */ form#mktoForm_3038, form#mktoForm_3038 .mktoFormCol, form#mktoForm_3038 .mktoHtmlText, form#mktoForm_3038 label, form#mktoForm_3038 input, form#mktoForm_3038 .mktoFieldWrap, form#mktoForm_3038 .mktoButtonRow { width: 100% !important; } form#mktoForm_3038 input { margin-bottom: 10px !important; } form#mktoForm_3038 .mktoGutter.mktoHasWidth, form#mktoForm_3038 .mktoOffset{ display: none; } form#mktoForm_3038 .mktoButtonRow { text-align: center !important; } form#mktoForm_3038 span.mktoButtonWrap { margin: auto !important; } /* MARKETO FORM 3039 */ form#mktoForm_3039, form#mktoForm_3039 .mktoFormCol, form#mktoForm_3039 .mktoHtmlText, form#mktoForm_3039 label, form#mktoForm_3039 input, form#mktoForm_3039 .mktoFieldWrap, form#mktoForm_3039 .mktoButtonRow { width: 100% !important; } form#mktoForm_3039 .mktoFieldWrap { padding-right: 0px !important; } form#mktoForm_3039 input { margin-bottom: 10px !important; } form#mktoForm_3039 .mktoGutter.mktoHasWidth, form#mktoForm_3039 .mktoOffset{ display: none; } form#mktoForm_3039 .mktoButtonRow { text-align: center !important; } form#mktoForm_3039 span.mktoButtonWrap { margin: auto !important; } form#mktoForm_3039 button.mktoButton { color: #fff; background-color: var(--cta-color) !important; border-color: var(--cta-color) !important; width: 100%; } form#mktoForm_3039 button.mktoButton:hover { color: #fff; background-color: var(--cta-color-hover) !important; border-color: var(--cta-color-hover) !important; } /* MARKETO FORM 3548 */ form#mktoForm_3548, form#mktoForm_3548 .mktoFormCol, form#mktoForm_3548 .mktoHtmlText, form#mktoForm_3548 label, form#mktoForm_3548 input, form#mktoForm_3548 .mktoFieldWrap, form#mktoForm_3548 .mktoButtonRow { width: 100% !important; } form#mktoForm_3548 input { margin-bottom: 10px !important; } form#mktoForm_3548 .mktoGutter.mktoHasWidth, form#mktoForm_3548 .mktoOffset{ display: none; } form#mktoForm_3548 .mktoButtonRow { text-align: center !important; } form#mktoForm_3548 span.mktoButtonWrap { margin: auto !important; } /* MARKETO FORM 3265 */ form#mktoForm_3265, form#mktoForm_3265 .mktoFormCol, form#mktoForm_3265 .mktoHtmlText, form#mktoForm_3265 label, form#mktoForm_3265 input, form#mktoForm_3265 .mktoFieldWrap, form#mktoForm_3265 .mktoButtonRow { width: 100% !important; } form#mktoForm_3265 input { margin-bottom: 10px !important; } form#mktoForm_3265 .mktoGutter.mktoHasWidth, form#mktoForm_3265 .mktoOffset{ display: none; } form#mktoForm_3265 .mktoButtonRow { text-align: center !important; } form#mktoForm_3265 span.mktoButtonWrap { margin: auto !important; } /* Marketo Buttons */ button.mktoButton { display: inline-block; font-weight: bold; line-height: 1; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 2px solid transparent; border-radius: 10px; padding: 10px 15px; font-size: 1rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } button.mktoButton:hover { color: #fff; background-color: var(--primary-color-hover); border-color: var(--primary-color-hover); } /* FOOTER LINKS */ div#footer-top .row .row a { display: inline-block; padding-top: 5px; } /* BLOG IMAGE ALIGN CSS */ #article figure.alignleft { float: left; } #article figure.alignright { float: right; } /* Testimonial Star Responsive */ @media screen and (max-width: 500px) { .card-testimonial span.icon-star { font-size: 13px !important; margin: 0px !important; } } /* Page CSS */ .hero { min-height: 619px; } </style> </head> <body data-spy="scroll" data-target="#toc" class="services-template-default single single-services postid-13730 no-sidebar aa-prefix-membe-"> <!-- GOOGLE TAG MANAGER NOSCRIPT (GTM) --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src=""https://www.googletagmanager.com/ns.html?id=GTM-56XFGCS"" height=""0"" width=""0"" style=""display:none;visibility:hidden""></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="page" class="site"> <!-- HEADER --> <a class="visually-hidden-focusable" href="#content">Skip to main content</a> <header id="header" class="border-bottom border-"> <nav id="primary-menu" class="navbar navbar-expand navbar-light bg-white"> <div class="container-xl container-fluid"> <div id="logo"> <a href="https://memberclicks.com/"> <div class="fixed-container"> <img alt="MemberClicks" class="contain" src="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg"> </div> </a> </div> <div id="ubermenu-container" class="w-100"> <!-- UberMenu [Configuration:main] [Theme Loc:primary] [Integration:api] --> <button class="ubermenu-responsive-toggle ubermenu-responsive-toggle-main ubermenu-skin-minimal ubermenu-loc-primary ubermenu-responsive-toggle-content-align-right ubermenu-responsive-toggle-align-full ubermenu-responsive-toggle-icon-only ubermenu-responsive-toggle-close-icon-times " tabindex="0" data-ubermenu-target="ubermenu-main-2-primary-2" aria-label="Toggle Menu"><i class="fas fa-bars" ></i></button><nav id="ubermenu-main-2-primary-2" class="ubermenu ubermenu-nojs ubermenu-main ubermenu-menu-2 ubermenu-loc-primary ubermenu-responsive ubermenu-responsive-single-column ubermenu-responsive-single-column-subs ubermenu-responsive-default ubermenu-mobile-modal ubermenu-mobile-accordion ubermenu-mobile-accordion-single ubermenu-responsive-collapse ubermenu-horizontal ubermenu-transition-slide ubermenu-trigger-hover_intent ubermenu-skin-minimal ubermenu-bar-align-right ubermenu-items-align-right ubermenu-bound ubermenu-retractors-responsive ubermenu-submenu-indicator-closes"><ul id="ubermenu-nav-main-2-primary" class="ubermenu-nav" ><li id="menu-item-18944" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-18944 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-hide-desktop" ><div class="ubermenu-content-block ubermenu-custom-content ubermenu-custom-content-padded"><div class="row"> <div class="col" style="max-width: 260px"> <img alt="MemberClicks" class="contain" src="https://memberclickdev.wpengine.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg"> </div> <div class="col-auto ms-auto"> <button class="ubermenu-mobile-close-button fs-6"><svg class="svg-inline--fa fa-times fa-w-11 text-dark" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" data-fa-i2svg=""><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg><!-- <i class="fas fa-times"></i> Font Awesome fontawesome.com --> </button> </div> </div></div></li><li id="menu-item-18945" class="top-level ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-has-children ubermenu-item-18945 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/who-we-serve/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Who We Serve</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18945 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li id="menu-item-18946" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18946 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/who-we-serve/"><span class="ubermenu-target-title ubermenu-target-text">Who We Serve</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18947" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18947 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/professional-associations/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Group-667-2-150x150.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2.png?size=30x30&lossy=0&strip=1&webp=1 30w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2.png?size=60x60&lossy=0&strip=1&webp=1 60w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2.png?size=90x90&lossy=0&strip=1&webp=1 90w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2-150x150.png?lossy=0&strip=1&webp=1 150w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2-225x225.png?lossy=0&strip=1&webp=1 225w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-2-300x300.png?lossy=0&strip=1&webp=1 300w" sizes="(max-width: 150px) 100vw, 150px" width="75px" alt="Professional Associations" /><span class="ubermenu-target-title ubermenu-target-text">Professional Associations</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Solutions for managing and engaging professional association members</span></a></li><li id="menu-item-18948" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18948 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/trade-associations/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Group-667-3-150x150.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3.png?size=30x30&lossy=0&strip=1&webp=1 30w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3.png?size=60x60&lossy=0&strip=1&webp=1 60w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3.png?size=90x90&lossy=0&strip=1&webp=1 90w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3-150x150.png?lossy=0&strip=1&webp=1 150w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3-225x225.png?lossy=0&strip=1&webp=1 225w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-3-300x300.png?lossy=0&strip=1&webp=1 300w" sizes="(max-width: 150px) 100vw, 150px" width="75px" alt="Trade Associations" /><span class="ubermenu-target-title ubermenu-target-text">Trade Associations</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Software for trade associations to connect and grow communities</span></a></li><li id="menu-item-18949" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18949 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2 ubermenu-clear-row" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/chambers/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Group-667-1-150x150.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1.png?size=30x30&lossy=0&strip=1&webp=1 30w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1.png?size=60x60&lossy=0&strip=1&webp=1 60w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1.png?size=90x90&lossy=0&strip=1&webp=1 90w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1-150x150.png?lossy=0&strip=1&webp=1 150w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1-225x225.png?lossy=0&strip=1&webp=1 225w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Group-667-1-300x300.png?lossy=0&strip=1&webp=1 300w" sizes="(max-width: 150px) 100vw, 150px" width="75px" alt="Chambers" /><span class="ubermenu-target-title ubermenu-target-text">Chambers</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Software that drives business growth and community impact</span></a></li><li id="menu-item-18950" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18950 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/association-management/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-150x150.png?lossy=0&strip=1&webp=1 150w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-225x225.png?lossy=0&strip=1&webp=1 225w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-300x300.png?lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png?size=384x384&lossy=0&strip=1&webp=1 384w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png?size=512x512&lossy=0&strip=1&webp=1 512w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png?size=640x640&lossy=0&strip=1&webp=1 640w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-768x768.png?lossy=0&strip=1&webp=1 768w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314-1024x1024.png?lossy=0&strip=1&webp=1 1024w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/Association-Management-Companies-e1727459504314.png?lossy=0&strip=1&webp=1 1085w" sizes="(max-width: 1085px) 100vw, 1085px" width="75px" alt="Association Management Companies" /><span class="ubermenu-target-title ubermenu-target-text">Association Management Companies</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Solutions that simplify operations and enhance member engagement</span></a></li><li id="menu-item-18951" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18951 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-content-align-left ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Featured Case Study</span></span></li><li id="menu-item-18952" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-resources ubermenu-item-18952 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left mx-4 mb-3 bg-primary-light" href="https://memberclicks.com/resources/case-studies/the-american-society-of-nutrition/"><img class="ubermenu-image ubermenu-image-size-card-horizontal-post" src="https://memberclicks.com/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-450x253.jpg" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature.jpg?size=128x72&lossy=0&strip=1&webp=1 128w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-300x169.jpg?lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature.jpg?size=384x216&lossy=0&strip=1&webp=1 384w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-450x253.jpg?lossy=0&strip=1&webp=1 450w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-768x432.jpg?lossy=0&strip=1&webp=1 768w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-800x450.jpg?lossy=0&strip=1&webp=1 800w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature-1024x576.jpg?lossy=0&strip=1&webp=1 1024w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2021/12/MC_CS_American-Society-for-Nutrition_feature.jpg?lossy=0&strip=1&webp=1 1200w" sizes="(max-width: 450px) 100vw, 450px" width="200px" alt="MC_CS_American Society for Nutrition_feature" /><span class="ubermenu-target-title ubermenu-target-text">American Society for Nutrition – MC Professional AMS</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">See how ASN grew their membership by 40% since teaming up with MemberClicks</span><span class="ubermenu-badge ubermenu-badge-inline-absolute"><span class="fw-bold fs-6 mt-2"> Download <svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg> </span></span></a><div class="ubermenu-content-block ubermenu-custom-content"><style> li#menu-item-18952 a, li#menu-item-18952 a .ubermenu-badge { border-radius: 10px; overflow: hidden; } li#menu-item-18952 a { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } </style></div></li></ul></li><li id="menu-item-18953" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-current-menu-ancestor ubermenu-current-menu-parent 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-current-menu-item ubermenu-item-18955 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left border mx-3 mb-3" href="https://memberclicks.com/products/professional/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Untitled-1-01.svg" width="50px" alt="Professional" /><span class="ubermenu-target-title ubermenu-target-text">MC Pro</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Built for professional associations and nonprofits</span></a><div class="ubermenu-content-block ubermenu-custom-content d-none"><style> #menu-item-18955 a { border-radius: 10px; overflow: hidden; } </style></div></li><li id="menu-item-18956" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-services ubermenu-item-18956 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left border mx-3" href="https://memberclicks.com/products/trade/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Trade.svg" width="50px" alt="Trade" /><span class="ubermenu-target-title ubermenu-target-text">MC Trade</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Built for trade associations and chambers</span></a><div class="ubermenu-content-block ubermenu-custom-content d-none"><style> #menu-item-18956 a { border-radius: 10px; overflow: hidden; } </style></div></li><li id="menu-item-18957" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18957 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Add Ons & Enhancements</span></span></li><li id="menu-item-18958" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18958 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/registration-tech/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/02/Registration-Tech-Logo.svg" width="30px" alt="Registration Tech" /><span class="ubermenu-target-title ubermenu-target-text">Registration Tech</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Technology for events and meetings large and small</span></a></li><li id="menu-item-18959" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18959 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/community/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/CommUnity.svg" width="30px" alt="CommUnity" /><span class="ubermenu-target-title ubermenu-target-text">CommUnity</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">An exclusive space where your members build strong relationships</span></a></li><li id="menu-item-18960" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18960 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/job-board/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/job-board.svg" width="30px" alt="Job Board" /><span class="ubermenu-target-title ubermenu-target-text">Job Board</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Empower your members to build meaningful careers</span></a></li><li id="menu-item-18961" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18961 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/classroom/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Classroom.svg" width="30px" alt="Classroom" /><span class="ubermenu-target-title ubermenu-target-text">Classroom</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Online learning tools for your members</span></a></li><li id="menu-item-18962" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-add-ons ubermenu-item-18962 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2 ubermenu-clear-row" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/add-ons/member-app/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/MemberApp.svg" width="30px" alt="MemberApp" /><span class="ubermenu-target-title ubermenu-target-text">Member App</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">A mobile membership app and event app</span></a></li><li id="menu-item-18963" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18963 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/add-ons/data-insights/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/10/DI-no-padding.svg" width="30px" alt="DI – no padding" /><span class="ubermenu-target-title ubermenu-target-text">Data Insights</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">AI-powered reporting connected to your AMS</span></a></li></ul></li><li id="menu-item-18964" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-18964 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/features" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Features</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18964 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li id="menu-item-18965" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18965 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-item-layout-icon_left" href="/features"><span class="ubermenu-target-title ubermenu-target-text">Features</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18966" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18966 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/crm/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/crm.png" width="30px" alt="crm" /><span class="ubermenu-target-title ubermenu-target-text">CRM for Associations</span></a></li><li id="menu-item-18969" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18969 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/dues-and-renewals/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/renewal.png" width="30px" alt="Dues and Renewals" /><span class="ubermenu-target-title ubermenu-target-text">Dues and Renewal Management</span></a></li><li id="menu-item-18970" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18970 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/email-marketing/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/email.png" width="30px" alt="Email Marketing" /><span class="ubermenu-target-title ubermenu-target-text">Email Marketing</span></a></li><li id="menu-item-18971" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18971 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/reporting/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/reporting.png" width="30px" alt="reporting" /><span class="ubermenu-target-title ubermenu-target-text">Data and Reporting</span></a></li><li id="menu-item-18972" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18972 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/features/account-payment-processing/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/accounting.png" width="30px" alt="Accounting & payments" /><span class="ubermenu-target-title ubermenu-target-text">Financial Management</span></a></li><li id="menu-item-18973" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18973 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/event-management/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/event.png" width="30px" alt="Event Management" /><span class="ubermenu-target-title ubermenu-target-text">Event Management</span></a></li><li id="menu-item-18974" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18974 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/forms/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/forms.png" width="30px" alt="Forms, surveys & Applications" /><span class="ubermenu-target-title ubermenu-target-text">Forms</span></a></li><li id="menu-item-18975" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18975 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/review-panel/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/member_mgmt.png" width="30px" alt="Member Management" /><span class="ubermenu-target-title ubermenu-target-text">Submission Management</span></a></li><li id="menu-item-18976" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18976 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/membership-websites/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/Icon.png" width="30px" alt="Member Websites icon" /><span class="ubermenu-target-title ubermenu-target-text">Association Websites</span></a></li><li id="menu-item-18977" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18977 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/committee-management/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/Group-554.png" width="30px" alt="Committee management" /><span class="ubermenu-target-title ubermenu-target-text">Committee Management</span></a></li><li id="menu-item-18978" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-features ubermenu-item-18978 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/features/membership-management/"><img class="ubermenu-image ubermenu-image-size-full" src="https://memberclicks.com/wp-content/uploads/2023/08/member_mgmt.png" width="30px" alt="Member Management" /><span class="ubermenu-target-title ubermenu-target-text">Membership Management</span></a></li><li id="menu-item-18979" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18979 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/features"><span class="ubermenu-target-title ubermenu-target-text">Explore all features</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18980" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18980 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Featured Resource</span></span></li><li id="menu-item-18981" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-resources ubermenu-item-18981 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left mx-4 mb-3 bg-primary-light" href="https://memberclicks.com/resources/guides/ams-selection-guide/"><img class="ubermenu-image ubermenu-image-size-card-horizontal-post" src="https://memberclicks.com/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS-450x253.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS.png?size=90x51&lossy=0&strip=1&webp=1 90w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS.png?size=180x101&lossy=0&strip=1&webp=1 180w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS.png?size=270x152&lossy=0&strip=1&webp=1 270w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS.png?size=360x202&lossy=0&strip=1&webp=1 360w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS-450x253.png?lossy=0&strip=1&webp=1 450w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS-800x450.png?lossy=0&strip=1&webp=1 800w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/GUIDE_Selecting-Your-AMS-1280x720.png?lossy=0&strip=1&webp=1 1280w" sizes="(max-width: 450px) 100vw, 450px" width="175px" alt="GUIDE_Selecting-Your-AMS" /><span class="ubermenu-target-title ubermenu-target-text">AMS Selection Guide: A Comprehensive Guide to Choosing an Association Management Software (AMS)</span><span class="ubermenu-badge ubermenu-badge-inline-absolute"><span class="fw-bold fs-6 mt-2"> Download <svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg> </span></span></a><div class="ubermenu-content-block ubermenu-custom-content d-none"><style> li#menu-item-18981 a, li#menu-item-18981 a .ubermenu-badge { border-radius: 10px; overflow: hidden; margin: 0px 4px } #menu-item-18981 span.ubermenu-target-title.ubermenu-target-text { padding-top: .75rem; } .ubermenu .ubermenu-item-layout-image_above>.ubermenu-image { margin: 0px; background: var(--primary-color); } li#menu-item-18981 a { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } </style></div></li></ul></li><li id="menu-item-18982" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-18982 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="#" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Services</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18982 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li id="menu-item-18983" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18983 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Professional Packages</span></span></li><li id="menu-item-18984" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18984 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/professional-services-packages-pro/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Untitled-1-01.svg" width="30px" alt="Professional" /><span class="ubermenu-target-title ubermenu-target-text">MC Professional</span></a></li><li id="menu-item-18985" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18985 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/professional-services-packages-trade/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Trade.svg" width="30px" alt="Trade" /><span class="ubermenu-target-title ubermenu-target-text">MC Trade</span></a></li><li id="menu-item-18986" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18986 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/professional-services-packages-community/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/CommUnity.svg" width="30px" alt="CommUnity" /><span class="ubermenu-target-title ubermenu-target-text">CommUnity</span></a></li><li id="menu-item-18987" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18987 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/data-and-web-services-packages/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Untitled-1-01.svg" width="30px" alt="Professional" /><span class="ubermenu-target-title ubermenu-target-text">Data and Web</span></a></li><li id="menu-item-18988" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18988 ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Featured Resource</span></span></li><li id="menu-item-18989" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18989 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left mx-4 mb-3 bg-primary-light" href="/add-ons/data-insights/"><img class="ubermenu-image ubermenu-image-size-card-post" src="https://memberclicks.com/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1-500x333.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/11/chrome_vk9rjVOVYt-1024x955-1-500x333.png?lossy=0&strip=1&webp=1 500w" sizes="(max-width: 500px) 100vw, 500px" width="175px" alt="Data" /><span class="ubermenu-target-title ubermenu-target-text">MC Trade Data Insights gives you access to advanced reporting and deep analysis at your fingertips.</span><span class="ubermenu-badge ubermenu-badge-inline-absolute"><span class="fw-bold fs-6 mt-2"> Learn More <svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg> </span></span></a><div class="ubermenu-content-block ubermenu-custom-content d-none"><style> li#menu-item-18989 a, li#menu-item-18989 a .ubermenu-badge { border-radius: 10px; overflow: hidden; margin: 0px 4px } #menu-item-18989 span.ubermenu-target-title.ubermenu-target-text { padding-top: .75rem; } li#menu-item-18989 a { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } </style></div></li></ul></li><li id="menu-item-18990" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-18990 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/resources/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Resources</span></a><ul class="ubermenu-submenu ubermenu-submenu-id-18990 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-18991 ubermenu-item-level-1 ubermenu-column ubermenu-column-2-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-18991"><ul class="ubermenu-submenu ubermenu-submenu-id-18991 ubermenu-submenu-type-stack" ><li id="menu-item-18992" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18992 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-full" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/resources"><span class="ubermenu-target-title ubermenu-target-text">Learning Resources</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18993" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18993 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2 ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/blog/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Blogs-and-Guides-Icon.svg" width="30px" alt="Blogs and Guides Icon" /><span class="ubermenu-target-title ubermenu-target-text">Blog</span></a></li><li id="menu-item-18994" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18994 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/resources/?resource_type=ebooks+guides"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/eBook-Icon.svg" width="30px" alt="eBook" /><span class="ubermenu-target-title ubermenu-target-text">Guides</span></a></li><li id="menu-item-18995" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18995 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/resources/?resource_type=case-studies"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Case-Studies.svg" width="30px" alt="Case Studies" /><span class="ubermenu-target-title ubermenu-target-text">Case Studies</span></a></li><li id="menu-item-18996" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18996 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="/resources/?resource_type=webinars"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Webinars-and-Events.svg" width="30px" alt="Webinars and Events" /><span class="ubermenu-target-title ubermenu-target-text">Webinars & Events</span></a></li><li id="menu-item-18997" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18997 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-full" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/support/"><span class="ubermenu-target-title ubermenu-target-text">Support</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-18998" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-18998 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" target="_blank" href="https://theloop.personifycorp.com/home"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Vector-1.svg" width="26" height="19" alt="Vector 1" /><span class="ubermenu-target-title ubermenu-target-text">The Loop</span></a></li><li id="menu-item-18999" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-18999 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/implementation/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Implementation-Icon.svg" width="30px" alt="Implementation" /><span class="ubermenu-target-title ubermenu-target-text">Implementation</span></a></li><li id="menu-item-19000" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-19000 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-full" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/about-memberclicks/"><span class="ubermenu-target-title ubermenu-target-text">About Us</span><span class="ubermenu-badge ubermenu-badge-inline"><svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a></li><li id="menu-item-19001" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-19001 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" target="_blank" href="https://personifycorp.com/about-us/leadership/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Leadership-Icon-2.svg" width="15" height="26" alt="Leadership" /><span class="ubermenu-target-title ubermenu-target-text">Leadership</span></a></li><li id="menu-item-19002" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-19002 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" target="_blank" href="https://personifycorp.com/about-us/careers/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Careers.svg" width="26" height="26" alt="Careers" /><span class="ubermenu-target-title ubermenu-target-text">Careers</span></a></li><li id="menu-item-19003" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-19003 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/industry-partners/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Group-672.svg" width="24" height="19" alt="Industry partners" /><span class="ubermenu-target-title ubermenu-target-text">Industry Partners</span></a></li><li id="menu-item-19004" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-19004 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-1-2" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://memberclicks.com/contact/"><img class="ubermenu-image ubermenu-image-size-thumbnail" src="https://memberclicks.com/wp-content/uploads/2024/11/Contact-us.svg" width="24" height="24" alt="Contact us" /><span class="ubermenu-target-title ubermenu-target-text">Contact Us</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-19005 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-hide-mobile ubermenu-item-type-column ubermenu-column-id-19005"><ul class="ubermenu-submenu ubermenu-submenu-id-19005 ubermenu-submenu-type-stack" ><li id="menu-item-19006" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-19006 ubermenu-item-header ubermenu-item-level-2 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only"><span class="ubermenu-target-title ubermenu-target-text">Featured Resource</span></span></li><!-- begin Dynamic Posts: [Dynamic Posts] ID[19007] count[1] --><li class="ubermenu-autocolumn menu-item-19007-col-0 ubermenu-item-level-3 ubermenu-column ubermenu-column-1-1 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-19007-col-0"><ul class="ubermenu-submenu ubermenu-submenu-id-19007-col-0 ubermenu-submenu-type-stack" ><li id="menu-item-19007-post-18031" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-dynamic-post ubermenu-item-19007 ubermenu-item-19007-post-18031 ubermenu-item-header ubermenu-item-level-3 ubermenu-column ubermenu-column-full ubermenu-hide-mobile" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-default ubermenu-item-layout-image_above" href="https://memberclicks.com/resources/guides/the-ultimate-guide-to-non-dues-revenue-for-associations/" id="resources-featured-image"><img class="ubermenu-image ubermenu-image-size-card-post" src="https://memberclicks.com/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1-500x333.png" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1-500x333.png?lossy=0&strip=1&webp=1 500w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1-675x450.png?lossy=0&strip=1&webp=1 675w" sizes="(max-width: 500px) 100vw, 500px" width="500" height="333" alt="Pastel Book Launching for Authors (1)" /><span class="ubermenu-target-title ubermenu-target-text">The Ultimate Guide to Non-Dues Revenue for Associations</span><span class="ubermenu-badge ubermenu-badge-inline"><span class="fw-bold fs-6"> Download <svg class="svg-inline--fa fa-angle-right fa-w-8 ubermenu-icon fs-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg> </span></span></a></li></ul></li><!-- end Dynamic Posts: [Dynamic Posts] ID[19007] --></ul></li></ul></li><li id="menu-item-19008" class="top-level ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-19008 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://memberclicks.com/membership-software-pricing/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Pricing</span></a></li><li id="menu-item-19009" class="top-level ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-19009 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only rounded" href="#demo-request" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Book a Demo</span></a></li></ul><div class="ubermenu-mobile-footer"><button class="ubermenu-mobile-close-button"><i class="fas fa-times"></i> Close</button></div></nav> <!-- End UberMenu --> </div> </div> </nav> </header> <!-- CONTENT --> <div id="content" class="site-content"> </style> <div id="" class="hero position-relative bg-secondary-light" style="background-image: url('https://memberclicks.com/wp-content/uploads/2023/08/Professional-Hero-02.png'); background-position: bottom; background-repeat: no-repeat; background-size: 1050px"> <div class="container col-12"> <div class="row justify-content-center"> <div class="hero-content col-lg-6 text-center my-5 mx-auto"> <div class="pb-3 small text-secondary-dark"> MemberClicks® </div> <h1 class="display-4 fw-bold lh-1 mb-3">Professional</h1> <p class="col-lg-10 fs-5 text-light mx-auto">Streamline your technology, improve staff efficiency and bring more value to your members with MemberClicks Professional AMS. <style> @media (max-width: 900px) { .hero { background-size: 160% !important; } } </style></p> <div class="row g-3"> <div class="col-12 text-center "> <a class="btn btn-lg btn-secondary d-inline-block mb-3" href="#demo-request-top" target="">Book a Demo</a> </div> </div> </div> </div> </div> </div> <div class="container my-5 py-5"> <div class="row text-center justify-content-center"> <div class="col-12 col-md-8"> <h2><span class="text-secondary">Membership management</span> for associations, nonprofits and member-based organizations</h2> </div> </div> <div class="row text-center justify-content-center pt-2"> <div class="col-12 col-md-4 mx-auto"> Whatever your organization, MemberClicks Professional by Personify can help you bring your mission to life. </div> </div> <div class="row justify-content-center py-5"> <div class="col-10"> <div class="row g-5"> <div class="col-12 col-lg text-center text-md-start"> <img decoding="async" class="pb-2" src="https://memberclicks.com/wp-content/uploads/2023/08/Time.png"> <h4>Save yourself time</h4> <p>Stop jumping between tools and start doing everything, from sending emails to updating your events calendar, all in one place.</p> </div> <div class="col-auto"> <div class="vr h-100 d-none d-lg-block"></div> </div> <div class="col-12 col-lg text-center text-md-start"> <img decoding="async" class="pb-2" src="https://memberclicks.com/wp-content/uploads/2023/08/Grow-Revenue.png"> <h4>Grow revenue</h4> <p>Auto-renewals, sponsorship options and add-on products will help put dollars back into your budget.</p> </div> <div class="col-auto"> <div class="vr h-100 d-none d-lg-block"></div> </div> <div class="col-12 col-lg text-center text-md-start"> <img decoding="async" class="pb-2" src="https://memberclicks.com/wp-content/uploads/2023/08/Build-Relationships.png"> <h4>Build Relationships</h4> <p>Beautiful websites, members-only content and easy communications tools make it easy to foster connection with you members.</p> </div> </div> </div> </div> </div> <div id="" class="cta py-5 position-relative p bg-light-light" style="background-image: url('https://memberclicks.com/wp-content/uploads/2023/08/Rectangle-66.png'); background-position: top left; background-repeat: no-repeat; background-size: contain"> <div class="container"> <div class="row align-items-center justify-content-center outer"> <div class="col-10"> <div class="row align-items-center justify-content-center inner"> <div class="col-12 col-lg-6 pb-3 pb-lg-0 text-center order-0"> <img decoding="async" class="img-fluid" src="https://memberclicks.com/wp-content/uploads/2023/08/Group-885.png" alt="cta-image"> </div> <div class="col-12 col-lg-6 text-center text-lg-start"> <h2 class="text-light-dark">Customizable forms and template creation</h2> <p>Create forms to gather any and all the data you need, securely stored in your membership database. <ul style="list-style: none; padding: 0px;"> <li class="py-2"> <div class="row g-2 text-start"> <div class="col-auto"> <span class="icon-check text-secondary border border-secondary p-1 rounded-circle"></span> </div> <div class="col"> Tailor your member application forms based on your member profile needs </div> </div> </li> <li class="py-2"> <div class="row g-2 text-start"> <div class="col-auto"> <span class="icon-check text-secondary border border-secondary p-1 rounded-circle"></span> </div> <div class="col"> Configure forms to run surveys and gather member insights </div> </div> </li> <li class="py-2"> <div class="row g-2 text-start"> <div class="col-auto"> <span class="icon-check text-secondary border border-secondary p-1 rounded-circle"></span> </div> <div class="col"> Online registration and payment collection for events of all sizes </div> </div> </li> </ul></p> </div> </div> </div> </div> </div> </div> <div id="" class="cta py-5 position-relative p bg-light-light" style="background-image: url('https://memberclicks.com/wp-content/uploads/2023/08/Rectangle-67.png'); background-position: top right ; background-repeat: no-repeat; background-size: contain"> <div class="container"> <div class="row align-items-center justify-content-center outer"> <div class="col-10"> <div class="row align-items-center justify-content-center inner"> <div class="col-12 col-lg-6 pb-3 pb-lg-0 text-center order-0 order-md-1"> <img decoding="async" class="img-fluid" src="https://memberclicks.com/wp-content/uploads/2023/08/Group-886.png" alt="cta-image"> </div> <div class="col-12 col-lg-6 text-center text-lg-start"> <h2 class="text-light-dark">Built-in member communication tools</h2> <p>Keep your members in the know on all your announcements with modern tools that are intuitive to use. <ul style="list-style: none; padding: 0px;"> <li class="py-2"> <div class="row g-2 text-start"> <div class="col-auto"> <span class="icon-check text-secondary border border-secondary p-1 rounded-circle"></span> </div> <div class="col"> Email marketing, including scheduling tools, list segmentation and automation capabilities </div> </div> </li> <li class="py-2"> <div class="row g-2 text-start"> <div class="col-auto"> <span class="icon-check text-secondary border border-secondary p-1 rounded-circle"></span> </div> <div class="col"> Membership directories help your members network and connect in meaningful ways </div> </div> </li> <li class="py-2"> <div class="row g-2 text-start"> <div class="col-auto"> <span class="icon-check text-secondary border border-secondary p-1 rounded-circle"></span> </div> <div class="col"> Members-only website sections for exclusive content, member notifications and announcements </div> </div> </li> </ul></p> </div> </div> </div> </div> </div> </div> <div id="" class="cta py-5 position-relative p bg-light-light" style="background-image: url('https://memberclicks.com/wp-content/uploads/2023/08/Rectangle-68.png'); background-position: top left; background-repeat: no-repeat; background-size: contain"> <div class="container"> <div class="row align-items-center justify-content-center outer"> <div class="col-10"> <div class="row align-items-center justify-content-center inner"> <div class="col-12 col-lg-6 pb-3 pb-lg-0 text-center order-0"> <img decoding="async" class="img-fluid" src="https://memberclicks.com/wp-content/uploads/2023/08/Group-887.png" alt="cta-image"> </div> <div class="col-12 col-lg-6 text-center text-lg-start"> <h2 class="text-light-dark">Easy-to-read and trustworthy reports</h2> <p>Make data-driven decisions with reports you and your board will love. <ul style="list-style: none; padding: 0px;"> <li class="py-2"> <div class="row g-2 text-start"> <div class="col-auto"> <span class="icon-check text-secondary border border-secondary p-1 rounded-circle"></span> </div> <div class="col"> Real-time dashboards ensure you’re always looking at up to date numbers </div> </div> </li> <li class="py-2"> <div class="row g-2 text-start"> <div class="col-auto"> <span class="icon-check text-secondary border border-secondary p-1 rounded-circle"></span> </div> <div class="col"> Monitor key metrics like website engagement, renewal rates, new members and more </div> </div> </li> <li class="py-2"> <div class="row g-2 text-start"> <div class="col-auto"> <span class="icon-check text-secondary border border-secondary p-1 rounded-circle"></span> </div> <div class="col"> Adjust communications messages based on engagement reports </div> </div> </li> </ul></p> </div> </div> </div> </div> </div> </div> <div id="" class="cta py-5 position-relative p bg--light" style="background-image: url(''); background-position: ; background-repeat: no-repeat; background-size: "> <div class="container"> <div class="row align-items-center justify-content-center outer"> <div class="col-10"> <div class="row align-items-center justify-content-center inner"> <div class="col-12 col-lg-6 pb-3 pb-lg-0 text-center order-0"> <img decoding="async" class="img-fluid" src="https://memberclicks.com/wp-content/uploads/2024/07/Pastel-Book-Launching-for-Authors-1.png" alt="cta-image"> </div> <div class="col-12 col-lg-6 text-center text-lg-start"> <div class="pb-3 small text--dark"> <img decoding="async" src="https://memberclicks.com/wp-content/uploads/2024/08/eBook-Icon.svg"> </div> <h2 class="text--dark">Get your guide today</h2> <p>Unlock new revenue streams and boost your association or chamber’s financial health with our comprehensive guide and checklist. Discover fresh strategies to generate non-dues revenue, from educational programs to corporate sponsorships, tailored to your organization’s needs. Get your free copy now!</p> <a class="btn btn-secondary d-inline-block mb-3" href="https://memberclicks.com/resources/guides/the-ultimate-guide-to-non-dues-revenue-for-associations/" target="">Download Now</a> </div> </div> </div> </div> </div> </div> <div id="" class=" scpt py-5 position-relative p bg-light-light" style="background-image: url('https://memberclicks.com/wp-content/uploads/2023/08/Ellipse-41-4-1024x466.png'); background-position: bottom -50px center; background-repeat: no-repeat; background-size: contain"> <div class="container"> <div class="row"> <div class="col-12 col-md-10 col-lg-6 mx-auto text-center"> <div class="pb-3 small text-light-contrast"> <img decoding="async" src="https://memberclicks.com/wp-content/uploads/2023/08/Frame-2.png"> </div> <h2 class="text-body">More <span class="text-primary">features</span> <br class="d-none d-lg-block">you’ll click with</h2> </div> </div> <div class="row py-5 justify-content-center"> <div class="col-12 col-lg-10 mx-auto"> <div class="row g-4 justify-content-center"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> <a href="https://memberclicks.com/features/membership-management/"> <div class="card h-100 shadow overflow-hidden"> <div class="card-header bg-transparent border-0 mt-2"> <div class="row g-3 align-items-center"> <div class="col-auto" style="width:60px"> <img decoding="async" width="59" height="59" src="https://memberclicks.com/wp-content/uploads/2023/08/member_mgmt.png" class="img-fluid wp-post-image" alt="Member Management" /> </div> <div class="col"> <span class="h3 fs-5 l fw-regular text-body fw-bold">Membership Management</span> </div> </div> </div> <div class="card-body text-center text-lg-start text-body"> Monitor members from applications and onboarding to engagement and renewals. </div> </div> </a> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> <a href="https://memberclicks.com/features/dues-and-renewals/"> <div class="card h-100 shadow overflow-hidden"> <div class="card-header bg-transparent border-0 mt-2"> <div class="row g-3 align-items-center"> <div class="col-auto" style="width:60px"> <img decoding="async" width="59" height="59" src="https://memberclicks.com/wp-content/uploads/2023/08/renewal.png" class="img-fluid wp-post-image" alt="Dues and Renewals" /> </div> <div class="col"> <span class="h3 fs-5 l fw-regular text-body fw-bold">Dues and Renewals</span> </div> </div> </div> <div class="card-body text-center text-lg-start text-body"> Automatic renewal reminders and online payments help your members renew. </div> </div> </a> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> <a href="https://memberclicks.com/features/event-management/"> <div class="card h-100 shadow overflow-hidden"> <div class="card-header bg-transparent border-0 mt-2"> <div class="row g-3 align-items-center"> <div class="col-auto" style="width:60px"> <img decoding="async" width="59" height="59" src="https://memberclicks.com/wp-content/uploads/2023/08/event.png" class="img-fluid wp-post-image" alt="Event Management" /> </div> <div class="col"> <span class="h3 fs-5 l fw-regular text-body fw-bold">Event Management</span> </div> </div> </div> <div class="card-body text-center text-lg-start text-body"> Promote events, register attendees and collect payments online. </div> </div> </a> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> <a href="https://memberclicks.com/features/committee-management/"> <div class="card h-100 shadow overflow-hidden"> <div class="card-header bg-transparent border-0 mt-2"> <div class="row g-3 align-items-center"> <div class="col-auto" style="width:60px"> <img decoding="async" width="58" height="59" src="https://memberclicks.com/wp-content/uploads/2023/08/Group-554.png" class="img-fluid wp-post-image" alt="Committee management" /> </div> <div class="col"> <span class="h3 fs-5 l fw-regular text-body fw-bold">Committee Management</span> </div> </div> </div> <div class="card-body text-center text-lg-start text-body"> Committee members can share messages and files in a secure area. </div> </div> </a> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> <a href="https://memberclicks.com/features/membership-websites/"> <div class="card h-100 shadow overflow-hidden"> <div class="card-header bg-transparent border-0 mt-2"> <div class="row g-3 align-items-center"> <div class="col-auto" style="width:60px"> <img decoding="async" width="52" height="52" src="https://memberclicks.com/wp-content/uploads/2023/08/Icon.png" class="img-fluid wp-post-image" alt="Member Websites icon" /> </div> <div class="col"> <span class="h3 fs-5 l fw-regular text-body fw-bold">Membership Websites</span> </div> </div> </div> <div class="card-body text-center text-lg-start text-body"> Build a beautiful and responsive website your members and staff will love. </div> </div> </a> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> <a href="https://memberclicks.com/features/crm/"> <div class="card h-100 shadow overflow-hidden"> <div class="card-header bg-transparent border-0 mt-2"> <div class="row g-3 align-items-center"> <div class="col-auto" style="width:60px"> <img decoding="async" width="59" height="59" src="https://memberclicks.com/wp-content/uploads/2023/08/crm.png" class="img-fluid wp-post-image" alt="" /> </div> <div class="col"> <span class="h3 fs-5 l fw-regular text-body fw-bold">CRM</span> </div> </div> </div> <div class="card-body text-center text-lg-start text-body"> Email the right people at the right time with list segmentation and automation tools. </div> </div> </a> </div> </div> </div> </div> <div class="col-12 text-center text-sm"> Let us show you how it works. <a class="fw-bold text-primary" href="#demo-request-top">See our features in action ></a> </div> </div> </div> <style> section.testimonial-section .quote-open { font-size: 200px !important; line-height: 200px; position: absolute; left: 0px; top: 0px; z-index: 0; } section.testimonial-section .quote-closed { font-size: 200px !important; line-height: 200px; position: absolute; bottom: 0px; right: 50px; z-index: 0; } </style> <div class="testimonials py-5 position-relative p bg-secondary-light"> <section class="testimonial-section"> <div class="container"> <div class="row"> <div class="col-12"> <div class="card bg-secondary-dark-hover" style="background-image: url('https://memberclicks.com/wp-content/uploads/2023/08/Vector.svg'); background-position: ; background-repeat: no-repeat; background-size: "> <div class="card-body"> <div class="row d-flex align-items-center"> <div class="col-lg-5 testimonial-img"> <img decoding="async" class="img-fluid d-flex mx-auto rounded-circle" style="width: 50%; max-width: 300px;" height="auto" width="auto" alt="#" src="https://memberclicks.com/wp-content/uploads/2023/12/Terry-300x300.jpeg"></img> </div> <div class="col-lg-7 py-5 position-relative"> <span class="quote-open d-none d-lg-flex text-secondary-hover">“</span> <div class="fs-5 text-secondary-contrast pb-5 position-relative" style="z-index:1">Memberclicks Professional is a robust and intuitive AMS system. This is beneficial for smaller staff associations, saving significant time by not having to learn and manage multiple systems for membership, email marketing, event registration, and website. The Personify support team also was great to work with when we migrated to a new website design.</div> <span class="quote-closed d-none d-lg-flex text-secondary">“</span> <span class="testimonial-name d-block text-secondary fw-bold fs-5">Terry Monroe</span> <span class="testimonial-desg text-secondary-contrast">Executive Director</span> <span class="testimonial-desg text-secondary-contrast">Virginia Society of Association Executives</span> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div id="" class=" scpt py-5 position-relative p bg-light-light" style="background-image: url(''); background-position: ; background-repeat: no-repeat; background-size: "> <div class="container"> <div class="row"> <div class="col-12 col-md-10 col-lg-6 mx-auto text-center"> <h2 class="text-body">Build lasting member relationships with our <span class="text-primary">add-on</span> products</h2> <p>MC Professional integrates seamlessly with other Personify membership products </p> </div> </div> <div class="row py-5 justify-content-center"> <div class="col-12 col-lg-10 mx-auto"> <div class="row g-4 justify-content-center"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> <a href="https://memberclicks.com/add-ons/classroom/"> <div class="card h-100 shadow overflow-hidden"> <img fetchpriority="high" decoding="async" width="500" height="333" src="https://memberclicks.com/wp-content/uploads/2023/08/Classroom-500x333.png" class="img-fluid card-img-top wp-post-image" alt="Classroom" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Classroom.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Classroom.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Classroom.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Classroom.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Classroom-500x333.png?lossy=0&strip=1&webp=1 500w" sizes="(max-width: 500px) 100vw, 500px" /> <div class="card-body text-center text-lg-start text-body"> <span class="d-block fs-4 fw-regular fw-bold text-body">Classroom</span> Build learning paths and further your members’ education. </div> </div> </a> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> <a href="https://memberclicks.com/add-ons/community/"> <div class="card h-100 shadow overflow-hidden"> <img decoding="async" width="500" height="333" src="https://memberclicks.com/wp-content/uploads/2023/08/Community-500x333.png" class="img-fluid card-img-top wp-post-image" alt="CommUnity" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Community.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Community.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Community.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Community.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Community-500x333.png?lossy=0&strip=1&webp=1 500w" sizes="(max-width: 500px) 100vw, 500px" /> <div class="card-body text-center text-lg-start text-body"> <span class="d-block fs-4 fw-regular fw-bold text-body">CommUnity</span> Create your own online space exclusive to your members. </div> </div> </a> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> <a href="https://memberclicks.com/add-ons/conference-app/"> <div class="card h-100 shadow overflow-hidden"> <img decoding="async" width="500" height="333" src="https://memberclicks.com/wp-content/uploads/2023/08/Conference-App-500x333.png" class="img-fluid card-img-top wp-post-image" alt="Conference App" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Conference-App.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Conference-App.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Conference-App.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Conference-App.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Conference-App-500x333.png?lossy=0&strip=1&webp=1 500w" sizes="(max-width: 500px) 100vw, 500px" /> <div class="card-body text-center text-lg-start text-body"> <span class="d-block fs-4 fw-regular fw-bold text-body">Conference App</span> Make your next event a mobile experience for members. </div> </div> </a> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> <a href="https://memberclicks.com/add-ons/job-board/"> <div class="card h-100 shadow overflow-hidden"> <img decoding="async" width="500" height="333" src="https://memberclicks.com/wp-content/uploads/2023/08/Job-Board-500x333.png" class="img-fluid card-img-top wp-post-image" alt="Job Board" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Job-Board.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Job-Board.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Job-Board.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Job-Board.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/08/Job-Board-500x333.png?lossy=0&strip=1&webp=1 500w" sizes="(max-width: 500px) 100vw, 500px" /> <div class="card-body text-center text-lg-start text-body"> <span class="d-block fs-4 fw-regular fw-bold text-body">Job Board</span> Grow your revenue and provide career opportunities for your members. </div> </div> </a> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> <a href="https://memberclicks.com/add-ons/member-app/"> <div class="card h-100 shadow overflow-hidden"> <img decoding="async" width="500" height="333" src="https://memberclicks.com/wp-content/uploads/2023/10/Member-App-01-500x333.png" class="img-fluid card-img-top wp-post-image" alt="Member App" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/Member-App-01.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/Member-App-01.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/Member-App-01.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/Member-App-01.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2023/10/Member-App-01-500x333.png?lossy=0&strip=1&webp=1 500w" sizes="(max-width: 500px) 100vw, 500px" /> <div class="card-body text-center text-lg-start text-body"> <span class="d-block fs-4 fw-regular fw-bold text-body">Member App</span> Enhance connection and communication with your members all in one app </div> </div> </a> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> <a href="https://memberclicks.com/add-ons/registration-tech/"> <div class="card h-100 shadow overflow-hidden"> <img decoding="async" width="500" height="333" src="https://memberclicks.com/wp-content/uploads/2024/02/Registration-Tech-01-500x333.png" class="img-fluid card-img-top wp-post-image" alt="Registration Tech" srcset="https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/02/Registration-Tech-01.png?size=100x67&lossy=0&strip=1&webp=1 100w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/02/Registration-Tech-01.png?size=200x133&lossy=0&strip=1&webp=1 200w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/02/Registration-Tech-01.png?size=300x200&lossy=0&strip=1&webp=1 300w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/02/Registration-Tech-01.png?size=400x266&lossy=0&strip=1&webp=1 400w, https://b2685282.smushcdn.com/2685282/wp-content/uploads/2024/02/Registration-Tech-01-500x333.png?lossy=0&strip=1&webp=1 500w" sizes="(max-width: 500px) 100vw, 500px" /> <div class="card-body text-center text-lg-start text-body"> <span class="d-block fs-4 fw-regular fw-bold text-body">Registration Tech</span> Increase member value and engagement at your next event with Registration Technology </div> </div> </a> </div> </div> </div> </div> </div> </div> <div id="support" class="py-5 position-relative p bg-default" style="background-image: url('https://memberclicks.com/wp-content/uploads/2024/09/AdobeStock_573681778_Preview.png');background-position: center top;background-repeat: no-repeat;background-size: contain;"> <section class="testimonial-section d-flex align-items-center pt-5"> <div class="container"> <div class="row content"> <div class="col-12 col-md-10 col-lg-6 mx-auto text-center"> <h2 class="text-white">We’re here every step<br class="d-none d-md-block"> of your journey</h2> <br> <div class="sub-heading text-white"> MemberClicks clients are a part of a community of dedicated members. </div> <style> .support { background-size: 100%; } .support h2 { color: white; } .support .content { margin: 5rem 0rem; } @media (max-width: 1000px) { .support { background-size: auto 350px; } } </style> </div> </div> <div class="row supports justify-content-center my-5"> <div class="col-12 col-md-8"> <div class="row g-3"> <div class="col-xs-12 col-sm-12 col-md-6"> <div class="card bg-white h-100 shadow-sm overflow-hidden p-3"> <div class="card-header bg-white overflow-hidden border-0"> <div class="row align-items-center"> <div class="col-auto"> <img decoding="async" src="https://memberclicks.com/wp-content/uploads/2024/09/thin-0055_settings_tools_configuration_preferences-1.svg"> </div> <div class="col h5"> Extended services for those who need it </div> </div> </div> <div class="card-body"> Our implementation team can support you with website building, custom forms, building reports and more. </div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <div class="card bg-white h-100 shadow-sm overflow-hidden p-3"> <div class="card-header bg-white overflow-hidden border-0"> <div class="row align-items-center"> <div class="col-auto"> <img decoding="async" src="https://memberclicks.com/wp-content/uploads/2024/09/thin-0326_computer_screen_users_profile-1.svg"> </div> <div class="col h5"> Join The Loop </div> </div> </div> <div class="card-body"> Our client forums are a dedicated space for you to connect with other MC Professional users. </div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <div class="card bg-white h-100 shadow-sm overflow-hidden p-3"> <div class="card-header bg-white overflow-hidden border-0"> <div class="row align-items-center"> <div class="col-auto"> <img decoding="async" src="https://memberclicks.com/wp-content/uploads/2024/09/thin-1038_study_university_school_degree_graduate.svg"> </div> <div class="col h5"> MemberClicks University </div> </div> </div> <div class="card-body"> Dedicated courses and lessons are built to help you make the most of your software. </div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <div class="card bg-white h-100 shadow-sm overflow-hidden p-3"> <div class="card-header bg-white overflow-hidden border-0"> <div class="row align-items-center"> <div class="col-auto"> <img decoding="async" src="https://memberclicks.com/wp-content/uploads/2024/09/thin-0296_phone_call_contact-1-1.svg"> </div> <div class="col h5"> Live chat, phone & email support </div> </div> </div> <div class="card-body"> Connect with our team when you need us with live chat, phone, and email support </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-12 text-center"> What to know more? <a class="fw-bold" href="/support/">Explore our services! ></a> </div> </div> </div> </section> </div> <div id="pricing" class="pricing py-5 bg-secondary-hover" style="background-image: url('https://memberclicks.com/wp-content/uploads/2023/08/Pricing-background.png'); background-position: center center; background-repeat: no-repeat; background-size:cover"> <div class="container"> <div class="row text-center justify-content-center"> <div class="col-12 col-md-8"> <h2 class="text-secondary-contrast">Membership software<br class="d-none d-lg-block"> at a price that <span class="text-cta">clicks</span></h2> <p class="text-secondary-contrast">MC Professional integrates seamlessly with other Personify membership products </div> </div> <div class="row text-center justify-content-center pt-2"> <div class="col-12 col-md-4 mx-auto text-white"> Our prices vary depending on your organization size and unique needs. Contact our team for a personalized quote. </div> </div> <div class="row justify-content-center py-5"> <div class="col-11 col-sm-10 col-md-9 col-lg-8"> <div class="row justify-content-center g-5"> <div class="col-12 col-lg-6 text-md-start"> <div class="card overflow-hidden"> <div class="card-body text-center h-100"> <span class="d-block fs-4 pb-3">Starting at</span> <span class="display-4 fw-bold d-block">$3,500</span> <span class="fs-5 d-block"> Annually</span> </div> <div class="card-footer bg-white border-0 text-center"> <span class="icon-question text-cta"></span> Have questions? <a class="btn btn-secondary" href="#demo-request-top">Learn More</a> </div> </div> </div> <div class="col-12 col-lg-6 text-md-start"> <div class="card h-100 bg-secondary" > <img decoding="async" class="mx-auto" src="https://memberclicks.com/wp-content/uploads/2023/08/Quotes.png" style="position: absolute; top: -30px;margin-left: auto;margin-right: auto;left: 0;right: 0;"> <div class="card-body text-center fs-5 px-5 pt-5 text-white"> “While we realize there are many other AMS’s in the market, the price for MC Professional is right. Their features work for our organization.” </div> <div class="card-footer"> <div class="row justify-content-center"> <div class="col-8"> <div class="row align-items-center"> <div class="col-auto"> <img decoding="async" class="avatar avatar-lg" src="https://memberclicks.com/wp-content/uploads/2023/08/1517706928557.jpeg"> </div> <div class="col"> <span class="d-block text-white"><b>Dante Preciado, VP</b></span> <span class="d-block text-white small">The American Society for Nutrition</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="faqs" class="bg-white" style="background-image: url(https://memberclicks.com/wp-content/uploads/2024/09/Frame-3.png); background-position: bottom left -40px; background-repeat: no-repeat; background-size: 50%;"> <div class="container"> <div class="row py-5"> <div class="col-12 col-lg-5"> FAQs <h3 class="display-5 fw-bold">Frequently<br>Asked <span class="text-secondary">Questions</span></h3> </div> <div class="col-12 col-lg-7"> <div id="accordionExample" class="d-block accordion nav nav-tabs border-0" role="tablist"> <div class="accordion-item active" data-bs-toggle="tab" data-bs-target="#accordion-one" type="button" role="tab" aria-controls="accordion-one" aria-selected="true"> <h2 class="accordion-header" id="headingOne"> <button class="accordion-button border-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> <h3 class="fs-4">What is the difference between MemberClicks AMS and WildApricot?</h3> </button> <hr> </h2> <div id="collapseOne" class="accordion-collapse border-0 collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample" style=""> <div class="accordion-body"> WildApricot and MemberClicks provide different levels of reporting, personalization, integration and more. WildApricot is focused for DIY customers, smaller organizations and those with limited budget who have the time to spend building and managing their own setup. MemberClicks is for those who are expecting more from their software. MemberClicks clients also have access to a dedicated account manager for that added support. </div> </div> </div> <div class="accordion-item" data-bs-toggle="tab" data-bs-target="#accordion-two" type="button" role="tab" aria-controls="accordion-two" aria-selected="false"> <h2 class="accordion-header" id="headingTwo"> <button class="accordion-button collapsed border-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> <h3 class="fs-4">What is the difference between MC Professional and MC Trade?</h3> </button> <hr> </h2> <div id="collapseTwo" class="accordion-collapse border-0 collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample" style=""> <div class="accordion-body"> MemberClicks has two distinct and unique membership management products – MC Trade and MC Professional. MC Professional is built for organizations whose members are individuals. This software focuses on streamlining and automating daily processes and empowering you to build deeper relationships with your members. MC Trade is built for complex member-to-member and member-to-organization membership types. MC Trade also features 3rd party financial tool integration (like QuickBooks) and has more robust financial management tools. </div> </div> </div> <div class="accordion-item" data-bs-toggle="tab" data-bs-target="#accordion-three" type="button" role="tab" aria-controls="accordion-three" aria-selected="false"> <h2 class="accordion-header" id="headingTwo"> <button class="accordion-button border-0 collapsed " type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> <h3 class="fs-4">What do I do if I don’t know what MemberClicks AMS tool is right for me?</h3> </button> <hr> </h2> <div id="collapseThree" class="accordion-collapse border-0 collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> <div class="accordion-body"> Our sales team is here to support you in finding the best AMS for you. Book a call with our team so we can learn more about your organization and members. We can help you find the best software fit. </div> </div> </div> <div class="accordion-item" data-bs-toggle="tab" data-bs-target="#accordion-four" type="button" role="tab" aria-controls="accordion-four" aria-selected="false"> <h2 class="accordion-header" id="headingTwo"> <button class="accordion-button border-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> <h3 class="fs-4">Can I move my current data into MemberClicks Professional?</h3> </button> <hr> </h2> <div id="collapseFour" class="accordion-collapse border-0 border-bottom collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample"> <div class="accordion-body"> Our implementation team can assist in moving over data from your current system to your new MemberClicks product. (edited) </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="" class="cta py-5 position-relative p bg-secondary-light" style="background-image: url('https://memberclicks.com/wp-content/uploads/2023/08/Group-569-1024x218.png'); background-position: center center; background-repeat: no-repeat; background-size: cover"> <div class="container"> <div class="row align-items-center justify-content-center outer"> <div class="col-10"> <div class="row align-items-center justify-content-center inner"> <div class="col-12 col-lg-6 text-center text-lg-start"> <h2 class="text-secondary-dark">See for yourself how MemberClicks Professional can help you </h2> </div> <div class="col-12 col-lg-6 text-center text-lg-start"> <p>Book your first call with our team and share with us your goals, needs and challenges. You’re one step closer to your new software!</p> <a class="btn btn-secondary d-inline-block mb-3" href="#demo-request-top">Book a demo</a> </div> </div> </div> </div> </div> </div> <div id="" class="cta py-5 position-relative p bg-cta-light" style="background-image: url('https://memberclicks.com/wp-content/uploads/2023/08/Vector-4-1.png'); background-position: bottom right; background-repeat: no-repeat; background-size: contain"> <div class="container"> <div class="row align-items-center justify-content-center outer"> <div class="col-10"> <div class="row align-items-center justify-content-center inner"> <div class="col-12 col-lg-6 pb-3 pb-lg-0 text-center order-0 order-lg-1"> <img decoding="async" class="img-fluid" src="https://memberclicks.com/wp-content/uploads/2023/08/Frame-562-1.png" alt="cta-image"> </div> <div class="col-12 col-lg-6 text-center text-lg-start"> <h2 class="text-cta-dark">Does your association need a more custom solution?</h2> <p>Our team can work with you at the enterprise level to ensure our AMS fits your unique needs.</p> <a class="btn btn-primary d-inline-block mb-3" href="#demo-request-top" target="">Contact our enterprise team</a> </div> </div> </div> </div> </div> </div> <style> #footer-logo { max-width: 200px; } #footer-top a { color: #808080; } #footer-top a:hover { color: black; } #footer-bottom a { color: #808080; } #footer-bottom a:hover { color: #eeeeee; } .footerMenu { list-style: none; padding: 0px } @media(max-width:767px) { .addr-box { border-bottom: 1px var(--gray-color-light) dotted; margin-bottom: 20px; padding: 20px 0 } .addr-box hr { display: none } } .star-last { position: relative; color: #ffdd7f } .star-last:after { content: "\f005"; position: absolute; color: #ffbb00; top: 0; left: 0; margin-left: auto; margin-right: auto; width: 50%; overflow: hidden; } .star-point-1.star-last:after { width: 10%; } .star-point-2.star-last:after { width: 20%; } .star-point-3.star-last:after { width: 30%; } .star-point-4.star-last:after { width: 40%; } .star-point-5.star-last:after { width: 50%; } .star-point-6.star-last:after { width: 60%; } .star-point-7.star-last:after { width: 70%; } .star-point-8.star-last:after { width: 80%; } .star-point-9.star-last:after { width: 90%; } .star-point-10.star-last:after { width: 100%; } </style> <style> form#mktoForm_3039 .mktoFormRow:nth-child(5) input { width: 15px !important; margin-left: -20px; } form#mktoForm_3039 .mktoFormRow:nth-child(5) label { width: calc(100% - 50px) !important; margin-left: 0px; } form#mktoForm_3039 .mktoFormRow:nth-child(5) .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired.mktoInvalid { width: 250px !important; } form#mktoForm_3039 .mktoFormRow:nth-child(5) .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired { margin-left: 15px; width: 100% !important; } </style> <!-- Modal - Book a Demo --> <div class="modal fade" id="demo-request" tabindex="-1" aria-labelledby="demo-request" aria-hidden="true"> <div class="modal-dialog modal-xl"> <div class="col-12 p-0 mt-5 pt-5"> <button id="demo-close" type="button" class="btn-close float-end btn-close-white m-2" data-bs-dismiss="modal" data-bs-target="#demo-request" aria-label="Close"></button> </div> <div class="modal-content overflow-hidden" style="border-radius: 1rem !important;"> <div class="modal-body p-0 overflow-hidden"> <div id="demo-request-top" class="bg-primary-light" style="background-image: url('https://memberclickdev.wpengine.com/wp-content/uploads/2023/08/Artboard-1@2x-e1692902858303.png'); background-position: center top ; background-repeat: no-repeat; background-size: 2000px"> <div class="container"> <div class="row p-2 p-lg-5"> <div class="col-12 col-lg-5 mx-auto order-1 order-md-2"> <div class="card"> <img class="d-none d-md-flex" src="https://memberclickdev.wpengine.com/wp-content/uploads/2023/08/Vector-2-1.png" style="position: absolute; top: -50px; left: -75px;"> <img class="d-none d-md-flex" src="https://memberclickdev.wpengine.com/wp-content/uploads/2023/08/Ellipse-127-2.png" style="position: absolute; bottom: -72px; right: -72px;"> <div class="card-body p-4"> <div class="d-block d-lg-none"> <h3>Request a Demo</h3> <p>Get in touch to learn more about MemberClicks - software designed for the unique needs of associations, chambers and nonprofits.</p> </div> <script src="//go.personifycorp.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_3039"></form> <script> MktoForms2.loadForm("//go.personifycorp.com", "659-YYM-976", 3039, function(form){ form.onSuccess(function(values, followUpUrl) { location.href = "/contact/thank-you/"; return false; }); }); </script> </div> </div> </div> <div class="col-12 col-md-6 text-white order-2 order-md-1 d-none d-lg-block mx-lg-4"> <div class="pb-3 d-none d-lg-block"> Request a Demo </div> <div class="h1 display-5 fw-bold lh-1 text-white d-none d-md-block">Membership Software that Clicks for Your Needs</div> <p class="d-none d-md-block mb-5 pb-5">Get in touch to learn more about MemberClicks - software designed for the unique needs of associations, chambers and nonprofits. If you’re looking to create a better member experience, save staff time and reduce costs, let us match you with the perfect tools today!</p> <div class="col-12 pt-5 d-none d-lg-block"> <div class="row pt-5"> <div class="col-4"> <div id="13089" class="card card-testimonial bg-transparent w-100 d-inline-block border-0" > <div class="card-body p-0 text-center"> <div class="row text-center g-1" style=" height: 100px; display: flex; justify-content: center; align-items: center; " > <div class="col-12 py-3"> <a href="https://www.capterra.com/p/133851/MemberClicks/" target="_blank" > <img decoding="async" loading="lazy" class="img-fluid" src="https://memberclickdev.wpengine.com/wp-content/uploads/2021/12/capterra-e1692076049701.png" alt="Capterra Logo" style="width: auto; height: 30px; object-fit: contain" width="100%" height="auto" /> </a> </div> <div class="col-12 border-bottom border-top border-1 mb-2 fs-6"> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1 star-last star-point-3"></span> </div> <div class="col"> <img border="0" src="https://capterra.s3.amazonaws.com/assets/images/gdm-badges/ca-shortlist-2024.png" height="75px" /> </div> </div> </div> </div> </div> <div class="col-4"> <div id="13090" class="card card-testimonial bg-transparent w-100 d-inline-block border-0" > <div class="card-body p-0 text-center"> <div class="row text-center g-1" style=" height: 75px; display: flex; justify-content: center; align-items: center; " > <div class="col-12 py-3"> <a href="https://www.getapp.com/customer-management-software/a/memberclicks/" target="_blank" > <img decoding="async" loading="lazy" class="img-fluid" src="https://memberclickdev.wpengine.com/wp-content/uploads/2023/06/GetAppLogo.png" alt="GetApp Logo" style="width: auto; height: 30px; object-fit: contain" width="100%" height="auto" /> </a> </div> <div class="col-12 border-bottom border-top border-1 mb-2 fs-6"> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1 star-last star-point-3"></span> </div> <div class="col"> <img border="0" src="https://capterra.s3.amazonaws.com/assets/images/gdm-badges/ga-category_leaders-2023.png" height="75px" /> </div> </div> </div> </div> </div> <div class="col-4"> <div id="13090" class="card card-testimonial bg-transparent w-100 d-inline-block border-0" > <div class="card-body p-0 text-center"> <div class="row text-center g-1" style=" height: 75px; display: flex; justify-content: center; align-items: center; " > <div class="col-12 py-3"> <a href="https://www.softwareadvice.com/nonprofit/memberclicks-profile/" target="_blank" > <img decoding="async" loading="lazy" class="img-fluid" src="https://memberclickdev.wpengine.com/wp-content/uploads/2021/12/Software-Advice-logo.png" alt="Software Advice Logo" style="width: auto; height: 30px; object-fit: contain" width="100%" height="auto" /> </a> </div> <div class="col-12 border-bottom border-top border-1 mb-2 fs-6"> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1" style="color: #ffbb00"></span> <span class="icon-star mx-1 star-last star-point-3"></span> </div> <div class="col"> <img border="0" src="https://capterra.s3.amazonaws.com/assets/images/gdm-badges/sa-frontrunners-2024.png" height="75px" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Modal Script - Open Modal when url = #demo-request --> <script> document.addEventListener('DOMContentLoaded', () => { const demoRequestButtons = document.querySelectorAll('a[href="#demo-request"]'); const demoRequestModal = new bootstrap.Modal(document.getElementById('demo-request')); demoRequestButtons.forEach(button => { button.addEventListener('click', (event) => { event.preventDefault(); demoRequestModal.show(); }); }); }); document.addEventListener('DOMContentLoaded', () => { const demoRequestButtons = document.querySelectorAll('a[href="#demo-request-top"]'); const demoRequestModal = new bootstrap.Modal(document.getElementById('demo-request')); demoRequestButtons.forEach(button => { button.addEventListener('click', (event) => { event.preventDefault(); demoRequestModal.show(); }); }); }); </script> </div><!-- #content --> <footer class="site-footer"> <div id="footer-top" class="py-5 border-top"> <div class="container"> <div class="row g-4 lh-lg"> <div class="col-12 col-md-3 py-2"> <a href="https://memberclicks.com/"> <div class="fixed-container"> <img id="img-fluid" alt="MemberClicks" class="contain" layout="fill" style="max-width:300px" src="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MemberClicks.svg"> </div> </a> <div class="my-4">Building connections that click</div> <div id="socialMedia"> <a class="p-2 text-light" href="https://www.facebook.com/MemberClicks" target="_blank"> <span class="icon-facebook"></span> </a> <a class="p-2 text-light" href="https://www.linkedin.com/company/memberclicks/" target="_blank"> <span class="icon-linkedin"></span> </a> <a class="p-2 text-light" href="https://www.youtube.com/c/Memberclicks" target="_blank"> <span class="icon-youtube"></span> </a> </div> </div> <div class="col-12 col-md-9"> <div class="row"> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/products/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Products</a> <span class="lh-sm"> <a href="/products/professional/">MC Professional</a><br> <a href="/products/trade/">MC Trade</a><br> <a href="/membership-software-pricing/">Pricing</a><br> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/who-we-serve/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Solution Types</a> <span class="lh-sm"> <a href="/membership-management/">Membership Management</a><br> <a href="/association-management/">Association Management</a><br> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/association-software-support/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Support</a> <span class="lh-sm"> <a href="/association-software-support/">Support</a><br> <a href="/implementation/">Implementation</a><br> <a href="/professional-services-packages-trade/">MC Trade Services</a><br> <a href="/professional-services-packages-pro/">MC Pro Services</a> <a href="/professional-services-packages-community/">CommUnity Services</a> <a href="/data-and-web-services-packages/">Data and Web Services</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/about-us/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Company</a> <span class="lh-sm"> <a href="/about-us/">About Us</a><br> <a href="/contact/">Contact Us</a><br> <a href="https://personifycorp.com/about-us/leadership/" target="_blank">Leadership</a><br> <a href="https://personifycorp.com/about-us/careers/" target="_blank">Careers</a><br> <a href="https://memberclicks.com/industry-partners">Industry Partners</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/products/#members" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Add Ons</a> <span class="lh-sm"> <a href="/add-ons/classroom/">Classroom LMS</a><br> <a href="/add-ons/community/">CommUnity</a><br> <a href="/add-ons/conference-app/">Conference App</a><br> <a href="/add-ons/data-insights/">Data Insights</a><br> <a href="/add-ons/job-board/">Job Board</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="#" class="text-dark fw-bold d-block lh-lg mb-2 fs-5 text-truncate">Organization</a> <span class="lh-sm"> <a href="/professional-associations/">Professional Associations</a><br> <a href="/trade/">Trade Associations</a><br> <a href="/chambers/">Chambers of Commerce</a><br> <a href="/association-management/">Association Management Companies</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="/resources/" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Resources</a> <span class="lh-sm"> <a href="/blog/">Blog</a><br> <a href="/resources/?resource_type=guides">Guides</a><br> <a href="/resources/?resource_type=case-studies">Case Studies</a><br> <a href="/resources/?resource_type=webinars">Webinars & Events</a> </span> </div> <hr class="d-block d-md-none"> <div class="col-12 col-md col-lg-3 py-2"> <a href="#" class="text-dark fw-bold d-block lh-lg mb-2 fs-5">Partner Brands</a> <span class="lh-sm"> <a href="https://personifycorp.com/" target="_blank">Personify</a><br> <a href="http://wildapricot.com/" target="_blank">WildApricot</a><br> <a href="https://personifycorp.com/products/threesixty/" target="_blank">ThreeSixty</a><br> <a href="https://personifycorp.com/products/a2z-events/" target="_blank">A2Z Events</a> </span> </div> </div> </div> </div> </div> </div> <div id="footer-bottom" class="p-3 bg-"> <div class="container"> <div class="row align-items-center"> <div class="col-12 col-md text-light"> <!-- Modal Trigger --> <a href="#"data-toggle="modal" data-target="#attribution">©</a> 2024 MemberClicks All Right Reserved. <!-- Modal --> <div class="modal fade" id="attribution" tabindex="-1" role="dialog" aria-labelledby="attributionLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Attributions </h5> <a type="button" class="close btn fs-4" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </a> </div> <div class="modal-body"> <b>Icons</b><br> <a class="text-muted" href="https://icomoon.io/app/#/select/library" title="internet icons">Some of the icons used on this site are provided by Icomoon.io and it's designers.</a> <hr> </div> </div> </div> </div> | <a href='javascript:void(0)' onclick='revisitCkyConsent()'>Do Not Sell or Share My Personal Information</a> | <a href="https://memberclicks.com/legal/">Legal Center</a> </div> <div class="col-auto text-end"> <a href="/pci"> <img src="https://wildapricotdev.wpengine.com/wp-content/uploads/2022/11/pci-dss-compliant-logo.png"> </a> </div> </div> </div> </div> <!-- Search Modal --> <div class="modal fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="#searchModal" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="container p-2"> <form role="search" method="get" class="form search-form " action="https://memberclicks.com/"> <div class="input-group"> <input name="s" type="text" class="form-control form-control-lg" placeholder="Search"> <button type="submit" value="" name="search" id="search" class="btn btn-primary btn-lg" type="button"> <span class="icon-search" aria-hidden="true"></span> </button> </div> </form> <small class="text-light">Hit enter to search or ESC to close</small> </div> </div> </div> </div> </footer> <script> /* Scroll calcs == menu + progress and template bars */ (function() { // First check for progress bar, otherwise calculate header height if (document.getElementById('progress')) { var h = document.getElementById('header').clientHeight - document.getElementById('progress').clientHeight; } else { var h = document.getElementById('header').clientHeight; } var doc = document.documentElement; var w = window; var prevScroll = w.scrollY || doc.scrollTop; var curScroll; var direction = 0; var prevDirection = 0; var header = document.getElementById('header'); var checkScroll = function() { /* ** Find the direction of scroll ** 0 - initial, 1 - up, 2 - down */ curScroll = w.scrollY || doc.scrollTop; if (curScroll > prevScroll) { //scrolled up direction = 2; } else if (curScroll < prevScroll) { //scrolled down direction = 1; } if (direction !== prevDirection) { toggleHeader(direction, curScroll); } // update the progress bar if (document.getElementById('progress')) { updateProgress(curScroll); } // update the Timeline Bar if (document.getElementById('our-story')) { updateTimeline(curScroll); } prevScroll = curScroll; }; var toggleHeader = function(direction, curScroll) { if (direction === 2 && curScroll > 52) { //replace 52 with the height of your header in px document.getElementById("header").style.top = '-' + h + 'px'; prevDirection = direction; } else if (direction === 1) { document.getElementById("header").style.top = '0px'; prevDirection = direction; } }; // progress bar calculations if (document.getElementById('progress')) { function updateProgress(curScroll) { var bar = document.querySelector(".progress-bar"); var t = document.querySelector('article'); var b = document.getElementById('more-posts'); if (curScroll > t.offsetTop && curScroll < (b.offsetTop - w.innerHeight)) { var curPercentage = Math.round(((curScroll - t.offsetTop) / (t.offsetHeight - w.innerHeight)) * 100); if (curPercentage < 1) { curPercentage = 1; } if (curPercentage > 100) { curPercentage = 100; } bar.style.width = curPercentage + "%"; bar.ariaValueNow = curPercentage; } else if (curScroll < t.offsetTop) { bar.style.width = "1%"; bar.ariaValueNow = 1; } } } // Scrollbar on About Us page if (document.getElementById('our-story')) { function updateTimeline(curScroll,timelineCount) { var timeline = document.querySelectorAll(".timeline"); for(let i = 0; i < timeline.length; i++){ if(timeline[i].offsetTop < (curScroll + (w.innerHeight / 2)) && i > 0){ timeline[i - 1].dataset.state = "past"; timeline[i].dataset.state = "active"; } else if (i == 0){ timeline[i].dataset.state = "active"; } else { timeline[i].dataset.state = "inactive"; } } } } window.addEventListener('scroll', checkScroll); })(); </script> <script type="text/javascript" id="wphb-4-js-extra"> /* <![CDATA[ */ var advanced_ads_pro_ajax_object = {"ajax_url":"https:\/\/memberclicks.com\/wp-admin\/admin-ajax.php","lazy_load_module_enabled":"","lazy_load":{"default_offset":0,"offsets":[]},"moveintohidden":"","wp_timezone_offset":"-14400","the_id":"13730","is_singular":"1"}; var advanced_ads_responsive = {"reload_on_resize":"0"};;;var advanced_ads_cookies = {"cookie_path":"\/","cookie_domain":""}; var advadsCfpInfo = {"cfpExpHours":"3","cfpClickLimit":"3","cfpBan":"7","cfpPath":"","cfpDomain":""};;;var advanced_ads_sticky_settings = {"check_position_fixed":"","sticky_class":"membe-sticky","placements":["placement-footer-curious-about-change"]}; /* ]]> */ </script> <script type="text/javascript" src="https://hb.wpmucdn.com/memberclicks.com/502fd2a4-e62f-40ce-a988-c40151ef2005.js" id="wphb-4-js"></script> <script>(function(d){var s=d.createElement("script");s.type="text/javascript";s.src="https://a.omappapi.com/app/js/api.min.js";s.async=true;s.id="omapi-script";d.getElementsByTagName("head")[0].appendChild(s);})(document);</script><script type="text/javascript" id="wphb-5-js-extra"> /* <![CDATA[ */ var advadsTracking = {"impressionActionName":"aatrack-records","clickActionName":"aatrack-click","targetClass":"membe-target","blogId":"1","frontendPrefix":"membe-"}; /* ]]> */ </script> <script type="text/javascript" src="https://hb.wpmucdn.com/memberclicks.com/9850c10d-d6b2-4e8d-81bb-7749fcc6dcba.js" id="wphb-5-js"></script> <script type="text/javascript" id="ubermenu-js-extra"> /* <![CDATA[ */ var ubermenu_data = {"remove_conflicts":"on","reposition_on_load":"off","intent_delay":"300","intent_interval":"100","intent_threshold":"7","scrollto_offset":"50","scrollto_duration":"1000","responsive_breakpoint":"959","accessible":"on","mobile_menu_collapse_on_navigate":"on","retractor_display_strategy":"responsive","touch_off_close":"on","submenu_indicator_close_mobile":"on","collapse_after_scroll":"on","v":"3.8.5","configurations":["main"],"ajax_url":"https:\/\/memberclicks.com\/wp-admin\/admin-ajax.php","plugin_url":"https:\/\/memberclicks.com\/wp-content\/plugins\/ubermenu\/","disable_mobile":"off","prefix_boost":"","use_core_svgs":"off","aria_role_navigation":"off","aria_nav_label":"off","aria_expanded":"off","aria_haspopup":"off","aria_hidden":"off","aria_controls":"","aria_responsive_toggle":"off","icon_tag":"i","esc_close_mobile":"on","keyboard_submenu_trigger":"enter","theme_locations":{"primary":"Primary"}}; /* ]]> */ </script> <script type="text/javascript" src="https://hb.wpmucdn.com/memberclicks.com/c13295fe-e3fc-496d-b20e-ce219c7fb971.js" id="ubermenu-js"></script> <script type="text/javascript" src="https://hb.wpmucdn.com/memberclicks.com/6559090f-d083-4d21-87ef-e91315005483.js" id="smush-lazy-load-js"></script> <script>window.advads_admin_bar_items = [];</script><script>!function(){window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[],advanced_ads_ready_queue.push=window.advanced_ads_ready;for(var d=0,a=advanced_ads_ready_queue.length;d<a;d++)advanced_ads_ready(advanced_ads_ready_queue[d])}();</script> <script type="text/javascript">var omapi_data = {"object_id":13730,"object_key":"services","object_type":"post","term_ids":[],"wp_json":"https:\/\/memberclicks.com\/wp-json","wc_active":false,"edd_active":false,"nonce":"49b12ccb5e"};</script> <script id="membe-tracking">var advads_tracking_ads = {};var advads_tracking_urls = {"1":"https:\/\/memberclicks.com\/wp-content\/ajax-handler.php"};var advads_tracking_methods = {"1":"frontend"};var advads_tracking_parallel = {"1":false};var advads_tracking_linkbases = {"1":"https:\/\/memberclicks.com\/linkout\/"};</script><!-- #page --> </body> </html><script>window.advads_admin_bar_items = [];</script><script>!function(){window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[],advanced_ads_ready_queue.push=window.advanced_ads_ready;for(var d=0,a=advanced_ads_ready_queue.length;d<a;d++)advanced_ads_ready(advanced_ads_ready_queue[d])}();</script><script id="membe-tracking">var advads_tracking_ads = {};var advads_tracking_urls = {"1":"https:\/\/memberclicks.com\/wp-content\/ajax-handler.php"};var advads_tracking_methods = {"1":"frontend"};var advads_tracking_parallel = {"1":false};var advads_tracking_linkbases = {"1":"https:\/\/memberclicks.com\/linkout\/"};</script><script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"></script><script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"> </script> <script> jQuery('#mobile-menu-close').click(function(){ jQuery('#navbar-mobile').removeClass('open'); }); </script> </body> </html>