CINXE.COM
Job Board Software for Associations | 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>Job Board Software for Associations | MemberClicks</title> <link rel="canonical" href="https://memberclicks.com/add-ons/job-board/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Job Board Software for Associations | MemberClicks" /> <meta property="og:url" content="https://memberclicks.com/add-ons/job-board/" /> <meta property="og:site_name" content="MemberClicks" /> <meta property="article:modified_time" content="2024-06-06T18:19:31+00:00" /> <meta property="og:image" content="https://memberclicks.com/wp-content/uploads/2023/08/Job-Board.png" /> <meta property="og:image:width" content="1537" /> <meta property="og:image:height" content="1078" /> <meta property="og:image:type" content="image/png" /> <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/add-ons/job-board/","url":"https://memberclicks.com/add-ons/job-board/","name":"Job Board Software for Associations | MemberClicks","isPartOf":{"@id":"https://memberclicks.com/#website"},"primaryImageOfPage":{"@id":"https://memberclicks.com/add-ons/job-board/#primaryimage"},"image":{"@id":"https://memberclicks.com/add-ons/job-board/#primaryimage"},"thumbnailUrl":"https://memberclicks.com/wp-content/uploads/2023/08/Job-Board.png","datePublished":"2023-08-21T05:53:52+00:00","dateModified":"2024-06-06T18:19:31+00:00","breadcrumb":{"@id":"https://memberclicks.com/add-ons/job-board/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://memberclicks.com/add-ons/job-board/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://memberclicks.com/add-ons/job-board/#primaryimage","url":"https://memberclicks.com/wp-content/uploads/2023/08/Job-Board.png","contentUrl":"https://memberclicks.com/wp-content/uploads/2023/08/Job-Board.png","width":1537,"height":1078,"caption":"Job Board"},{"@type":"BreadcrumbList","@id":"https://memberclicks.com/add-ons/job-board/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://memberclicks.com/"},{"@type":"ListItem","position":2,"name":"Job Board"}]},{"@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://memberclicks.com/wp-content/plugins/formidable/css/formidableforms.css' type='text/css' media='all' /> <style id='safe-svg-svg-icon-style-inline-css' type='text/css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='kin-style-css' href='https://memberclicks.com/wp-content/themes/kin/style.css' type='text/css' media='all' /> <link rel='stylesheet' id='kin-child-style-css' href='https://memberclicks.com/wp-content/themes/kin-child/style.css' type='text/css' media='all' /> <link rel='stylesheet' id='ubermenu-css' href='https://memberclicks.com/wp-content/plugins/ubermenu/pro/assets/css/ubermenu.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='ubermenu-minimal-css' href='https://memberclicks.com/wp-content/plugins/ubermenu/assets/css/skins/minimal.css' type='text/css' media='all' /> <link rel='stylesheet' id='ubermenu-font-awesome-all-css' href='https://memberclicks.com/wp-content/plugins/ubermenu/assets/fontawesome/css/all.min.css' type='text/css' media='all' /> <script type="text/javascript" src="https://memberclicks.com/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script> <script type="text/javascript" src="https://memberclicks.com/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script> <script type="text/javascript" id="advanced-ads-advanced-js-js-extra"> /* <![CDATA[ */ var advads_options = {"blog_id":"1","privacy":{"enabled":false,"state":"not_needed"}}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads/public/assets/js/advanced.min.js" id="advanced-ads-advanced-js-js"></script> <script type="text/javascript" id="advanced_ads_pro/visitor_conditions-js-extra"> /* <![CDATA[ */ var advanced_ads_pro_visitor_conditions = {"referrer_cookie_name":"advanced_ads_pro_visitor_referrer","referrer_exdays":"365","page_impr_cookie_name":"advanced_ads_page_impressions","page_impr_exdays":"3650"}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads-pro/modules/advanced-visitor-conditions/inc/conditions.min.js" id="advanced_ads_pro/visitor_conditions-js"></script> <link rel="https://api.w.org/" href="https://memberclicks.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://memberclicks.com/wp-json/wp/v2/add-ons/14504" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://memberclicks.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://memberclicks.com/?p=14504' /> <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%2Fadd-ons%2Fjob-board%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%2Fadd-ons%2Fjob-board%2F&format=xml" /> <style id="ubermenu-custom-generated-css"> /** Font Awesome 4 Compatibility **/ .fa{font-style:normal;font-variant:normal;font-weight:normal;font-family:FontAwesome;} /** UberMenu Custom Menu Styles (Customizer) **/ /* main */ .ubermenu-main .ubermenu-item .ubermenu-submenu-drop { -webkit-transition-duration:.15s; -ms-transition-duration:.15s; transition-duration:.15s; } .ubermenu-main { max-width:730px; } .ubermenu-main .ubermenu-nav { max-width:1200px; } .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:16px; padding-left:16px; padding-right:16px; } .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target { font-weight:600; } .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { color:#000000; } .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0 > .ubermenu-custom-content.ubermenu-custom-content-padded { padding-top:9px; padding-bottom:9px; } .ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target:not(.ubermenu-noindicator) { padding-right:31px; } .ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target.ubermenu-noindicator { padding-right:16px; } .ubermenu-main .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-nonlink,.ubermenu-main .ubermenu-submenu .ubermenu-widget,.ubermenu-main .ubermenu-submenu .ubermenu-custom-content-padded,.ubermenu-main .ubermenu-submenu .ubermenu-retractor,.ubermenu-main .ubermenu-submenu .ubermenu-colgroup .ubermenu-column,.ubermenu-main .ubermenu-submenu.ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu.ubermenu-submenu-padded { padding:15px 15px; } .ubermenu-main .ubermenu-grid-row { padding-right:15px 15px; } .ubermenu-main .ubermenu-grid-row .ubermenu-target { padding-right:0; } .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target { font-size:18px; } .ubermenu-main .ubermenu-target > .ubermenu-target-description, .ubermenu-main .ubermenu-submenu .ubermenu-target > .ubermenu-target-description { color:#646464; } /** UberMenu Custom Menu Item Styles (Menu Item Settings) **/ /* 7415 */ .ubermenu .ubermenu-item.ubermenu-item-7415 { background:#411a50; } /* 7413 */ .ubermenu .ubermenu-row-id-7413 { padding:0px; } /* 18952 */ .ubermenu .ubermenu-item-18952 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:210px; } .ubermenu .ubermenu-item-18952 > .ubermenu-item-layout-image_left > .ubermenu-target-title, .ubermenu .ubermenu-item-18952 > .ubermenu-item-layout-image_right > .ubermenu-target-title { padding-top:.5rem; } .ubermenu .ubermenu-item-18952 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18952.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18952.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-target:hover { background:#fafafa; } .ubermenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-18952 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-18952.ubermenu-custom-content-padded { padding:0px; } /* 19009 */ .ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target { background:#fa7e1e; color:#ffffff; } .ubermenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target:hover { background:#d35e04; } .ubermenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19009:hover > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19009:hover > .ubermenu-target { color:#ffffff; } .ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-19009 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-19009.ubermenu-custom-content-padded { padding:10px 15px; } /* 19007 */ .ubermenu .ubermenu-item-19007 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } /* 19006 */ .ubermenu .ubermenu-item-19006 > .ubermenu-target > .ubermenu-badge { color:#424242; } /* 19000 */ .ubermenu .ubermenu-item-19000 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-19000.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19000 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19000.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19000 > .ubermenu-target:hover { background:#eeeeee; } /* 18997 */ .ubermenu .ubermenu-item-18997 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18997.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18997 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18997.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18997 > .ubermenu-target:hover { background:#eeeeee; } /* 18992 */ .ubermenu .ubermenu-item-18992 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18992.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18992 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18992.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18992 > .ubermenu-target:hover { background:#eeeeee; } /* 18981 */ .ubermenu .ubermenu-item-18981 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:185px; } .ubermenu .ubermenu-item-18981 > .ubermenu-item-layout-image_left > .ubermenu-target-title, .ubermenu .ubermenu-item-18981 > .ubermenu-item-layout-image_right > .ubermenu-target-title { padding-top:2rem; } .ubermenu .ubermenu-item-18981 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18981 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-18981 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-18981.ubermenu-custom-content-padded { padding:0px; } /* 18979 */ .ubermenu .ubermenu-item-18979 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18979 > .ubermenu-target { color:#096faa; } .ubermenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18979 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979 > .ubermenu-target:hover { background:#eeeeee; } .ubermenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18979:hover > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18979:hover > .ubermenu-target { color:#096ea9; } /* 18978 */ .ubermenu .ubermenu-item-18978 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18978.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18978 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18978.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18978 > .ubermenu-target:hover { background:#eeeeee; } /* 18977 */ .ubermenu .ubermenu-item-18977 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18977.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18977 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18977.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18977 > .ubermenu-target:hover { background:#eeeeee; } /* 18976 */ .ubermenu .ubermenu-item-18976 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18976.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18976 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18976.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18976 > .ubermenu-target:hover { background:#eeeeee; } /* 18975 */ .ubermenu .ubermenu-item-18975 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18975.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18975 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18975.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18975 > .ubermenu-target:hover { background:#eeeeee; } /* 18974 */ .ubermenu .ubermenu-item-18974 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18974.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18974 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18974.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18974 > .ubermenu-target:hover { background:#eeeeee; } /* 18973 */ .ubermenu .ubermenu-item-18973 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18973.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18973 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18973.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18973 > .ubermenu-target:hover { background:#eeeeee; } /* 18971 */ .ubermenu .ubermenu-item-18971 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18971.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18971 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18971.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18971 > .ubermenu-target:hover { background:#eeeeee; } /* 18970 */ .ubermenu .ubermenu-item-18970 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18970.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18970 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18970.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18970 > .ubermenu-target:hover { background:#eeeeee; } /* 18969 */ .ubermenu .ubermenu-item-18969 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18969.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18969 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18969.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18969 > .ubermenu-target:hover { background:#eeeeee; } /* 18966 */ .ubermenu .ubermenu-item-18966 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18966.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18966 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18966.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18966 > .ubermenu-target:hover { background:#eeeeee; } /* 18965 */ .ubermenu .ubermenu-item-18965 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18965.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18965 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18965.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18965 > .ubermenu-target:hover { background:#eeeeee; } /* 18958 */ .ubermenu .ubermenu-item-18958 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18958.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18958 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18958.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18958 > .ubermenu-target:hover { background:#eeeeee; } /* 18954 */ .ubermenu .ubermenu-item-18954 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18954.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18954 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18954.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18954 > .ubermenu-target:hover { background:#eeeeee; } /* 18946 */ .ubermenu .ubermenu-item-18946 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#434343; } .ubermenu .ubermenu-item.ubermenu-item-18946.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18946 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18946.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18946 > .ubermenu-target:hover { background:#eeeeee; } /* 18950 */ .ubermenu .ubermenu-item-18950 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18950.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18950 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18950.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18950 > .ubermenu-target:hover { background:#eeeeee; } /* 18959 */ .ubermenu .ubermenu-item-18959 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18959.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18959 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18959.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18959 > .ubermenu-target:hover { background:#eeeeee; } /* 18960 */ .ubermenu .ubermenu-item-18960 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18960.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18960 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18960.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18960 > .ubermenu-target:hover { background:#eeeeee; } /* 18961 */ .ubermenu .ubermenu-item-18961 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18961.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18961 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18961.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18961 > .ubermenu-target:hover { background:#eeeeee; } /* 18962 */ .ubermenu .ubermenu-item-18962 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18962.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18962 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18962.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18962 > .ubermenu-target:hover { background:#eeeeee; } /* 18963 */ .ubermenu .ubermenu-item-18963 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18963.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18963 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18963.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18963 > .ubermenu-target:hover { background:#eeeeee; } /* 18993 */ .ubermenu .ubermenu-item-18993 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18993.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18993 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18993.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18993 > .ubermenu-target:hover { background:#eeeeee; } /* 18994 */ .ubermenu .ubermenu-item-18994 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18994.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18994 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18994.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18994 > .ubermenu-target:hover { background:#eeeeee; } /* 18995 */ .ubermenu .ubermenu-item-18995 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18995.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18995 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18995.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18995 > .ubermenu-target:hover { background:#eeeeee; } /* 18996 */ .ubermenu .ubermenu-item-18996 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18996.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18996 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18996.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18996 > .ubermenu-target:hover { background:#eeeeee; } /* 18998 */ .ubermenu .ubermenu-item.ubermenu-item-18998.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18998 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18998.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18998 > .ubermenu-target:hover { background:#eeeeee; } /* 18999 */ .ubermenu .ubermenu-item-18999 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18999.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18999 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18999.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18999 > .ubermenu-target:hover { background:#eeeeee; } /* 19002 */ .ubermenu .ubermenu-item.ubermenu-item-19002.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19002 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19002.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19002 > .ubermenu-target:hover { background:#eeeeee; } /* 19001 */ .ubermenu .ubermenu-item.ubermenu-item-19001.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19001 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19001.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19001 > .ubermenu-target:hover { background:#eeeeee; } /* 19003 */ .ubermenu .ubermenu-item.ubermenu-item-19003.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19003 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19003.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19003 > .ubermenu-target:hover { background:#eeeeee; } /* 19004 */ .ubermenu .ubermenu-item.ubermenu-item-19004.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-19004 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19004.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-19004 > .ubermenu-target:hover { background:#eeeeee; } /* 18989 */ .ubermenu .ubermenu-item-18989 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:185px; } .ubermenu .ubermenu-item-18989 > .ubermenu-item-layout-image_left > .ubermenu-target-title, .ubermenu .ubermenu-item-18989 > .ubermenu-item-layout-image_right > .ubermenu-target-title { padding-top:2rem; } .ubermenu .ubermenu-item-18989 > .ubermenu-target > .ubermenu-badge { background-color:transparent; color:#424242; } .ubermenu .ubermenu-item.ubermenu-item-18989 > .ubermenu-target,.ubermenu .ubermenu-item.ubermenu-item-18989 > .ubermenu-content-block,.ubermenu .ubermenu-item.ubermenu-item-18989.ubermenu-custom-content-padded { padding:0px; } /* 18984 */ .ubermenu .ubermenu-item-18984 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18984.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18984 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18984.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18984 > .ubermenu-target:hover { background:#eeeeee; } /* 18985 */ .ubermenu .ubermenu-item-18985 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18985.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18985 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18985.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18985 > .ubermenu-target:hover { background:#eeeeee; } /* 18986 */ .ubermenu .ubermenu-item-18986 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18986.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18986 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18986.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18986 > .ubermenu-target:hover { background:#eeeeee; } /* 18987 */ .ubermenu .ubermenu-item-18987 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18987.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18987 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18987.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18987 > .ubermenu-target:hover { background:#eeeeee; } /* 18955 */ .ubermenu .ubermenu-item-18955 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:60px; } .ubermenu .ubermenu-item.ubermenu-item-18955.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18955 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18955.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18955 > .ubermenu-target:hover { background:#eeeeee; } /* 18956 */ .ubermenu .ubermenu-item-18956 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:60px; } .ubermenu .ubermenu-item.ubermenu-item-18956.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18956 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18956.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18956 > .ubermenu-target:hover { background:#eeeeee; } /* 18972 */ .ubermenu .ubermenu-item-18972 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:40px; } .ubermenu .ubermenu-item.ubermenu-item-18972.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18972 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18972.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18972 > .ubermenu-target:hover { background:#eeeeee; } /* 18947 */ .ubermenu .ubermenu-item-18947 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18947.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18947 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18947.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18947 > .ubermenu-target:hover { background:#eeeeee; } /* 18948 */ .ubermenu .ubermenu-item-18948 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18948.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18948 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18948.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18948 > .ubermenu-target:hover { background:#eeeeee; } /* 18949 */ .ubermenu .ubermenu-item-18949 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:85px; } .ubermenu .ubermenu-item.ubermenu-item-18949.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-18949 > .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18949.ubermenu-active > .ubermenu-target, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-18949 > .ubermenu-target:hover { background:#eeeeee; } /** UberMenu Custom Tweaks (General Settings) **/ .ubermenu .ubermenu-item.ubermenu-item-19009 > a.ubermenu-target span { opacity:100% !important } /* MENU - HAMBURGER AND CLOSE */ button.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-minimal.ubermenu-loc-.ubermenu-responsive-toggle-content-align-right.ubermenu-responsive-toggle-align-full.ubermenu-responsive-toggle-icon-only.ubermenu-responsive-toggle-close-icon-times { font-size: 1rem; } span.ubermenu-sub-indicator-close { margin-right: 1.5rem; } .ubermenu-responsive-default.ubermenu.ubermenu-mobile-modal .ubermenu-mobile-close-button { padding: 1em .5rem; } .ubermenu-responsive-toggle i.fas.fa-bars { font-size: 24px; } /* MENU - Book a Demo button */ a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.rounded { border-radius: 0pc !important; } /* MENU - Featured Resource */ #resources-featured-image span.ubermenu-target-title.ubermenu-target-text { background: var(--primary-color-light); padding: 1rem; padding-bottom: 2rem; } #resources-featured-image { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; transition: .3s; margin-right: 1rem; padding: 0px; border-radius: 10px; overflow: hidden; } #resources-featured-image .ubermenu-badge { background: var(--primary-color-light); margin: 0px; width: 100%; padding: 1rem; } /* MENU - Desktop - Hover Effect */ #header:hover li.ubermenu-item-level-0 span { opacity: 66%; transition: .15s; } #header li.ubermenu-item-level-0:hover span { opacity: 100%; transition: .15s; } #header:hover li.ubermenu-item-level-1 span { opacity: 100%; transition: 0; } #header li.ubermenu-item-level-1:hover span { opacity: 100% !important } svg.svg-inline--fa.fa-angle-right.fa-w-8.ubermenu-icon.fs-6 { font-size: 7px !important; vertical-align: sub; } /** UberMenu Custom Tweaks - Mobile **/ @media screen and (max-width:959px){ .top-level a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only span { font-size: 175%; line-height: 200%; } .top-level ul a span { font-size: 100% !important; line-height: initial !important; } .ubermenu-mobile-footer { display: none !important; } a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only span.ubermenu-target-title.ubermenu-target-text:after { content: "\203A"; /* Unicode for right-facing carrot */ display: inline-block; margin-left: 5px; /* Adjust spacing as needed */ } svg.svg-inline--fa.fa-angle-right.fa-w-8.ubermenu-icon.fs-6 { display: none; } /* FIX IMAGE PADDINGS */ .ubermenu .ubermenu-item-15989 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text, .ubermenu .ubermenu-item-7407 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text, .ubermenu .ubermenu-item-7408 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text, .ubermenu .ubermenu-item-7409 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left: 50px; } .ubermenu-mobile-close-button svg.svg-inline--fa.fa-times.fa-w-11.text-dark { height: 28px; } } /** UberMenu Custom Tweaks - Desktop **/ @media screen and (min-width:960px){ .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0 > .ubermenu-custom-content.ubermenu-custom-content-padded { padding-top: 23px; padding-bottom: 23px; } li#menu-item-19009 { border-radius: 10px !important; overflow: hidden; margin-top: 13px; margin-bottom: 13px; } } /* Status: Loaded from Transient */ </style><script type="text/javascript">document.documentElement.className += " js";</script> <script> document.documentElement.className = document.documentElement.className.replace( 'no-js', 'js' ); </script> <style> .no-js img.lazyload { display: none; } figure.wp-block-image img.lazyloading { min-width: 150px; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 400ms; transition-delay: 0ms; } </style> <script type="text/javascript"> var advadsCfpQueue = []; var advadsCfpAd = function( adID ){ if ( 'undefined' == typeof advadsProCfp ) { advadsCfpQueue.push( adID ) } else { advadsProCfp.addElement( adID ) } }; </script> <link rel="icon" href="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" sizes="32x32" /> <link rel="icon" href="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" /> <meta name="msapplication-TileImage" content="https://memberclicks.com/wp-content/uploads/2021/11/PersonifyProductLogos_MC-Professional-Mark.svg" /> <style id="wpforms-css-vars-root"> :root { --wpforms-field-border-radius: 3px; --wpforms-field-border-style: solid; --wpforms-field-border-size: 1px; --wpforms-field-background-color: #ffffff; --wpforms-field-border-color: rgba( 0, 0, 0, 0.25 ); --wpforms-field-border-color-spare: rgba( 0, 0, 0, 0.25 ); --wpforms-field-text-color: rgba( 0, 0, 0, 0.7 ); --wpforms-field-menu-color: #ffffff; --wpforms-label-color: rgba( 0, 0, 0, 0.85 ); --wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 ); --wpforms-label-error-color: #d63637; --wpforms-button-border-radius: 3px; --wpforms-button-border-style: none; --wpforms-button-border-size: 1px; --wpforms-button-background-color: #066aab; --wpforms-button-border-color: #066aab; --wpforms-button-text-color: #ffffff; --wpforms-page-break-color: #066aab; --wpforms-background-image: none; --wpforms-background-position: center center; --wpforms-background-repeat: no-repeat; --wpforms-background-size: cover; --wpforms-background-width: 100px; --wpforms-background-height: 100px; --wpforms-background-color: rgba( 0, 0, 0, 0 ); --wpforms-background-url: none; --wpforms-container-padding: 0px; --wpforms-container-border-style: none; --wpforms-container-border-width: 1px; --wpforms-container-border-color: #000000; --wpforms-container-border-radius: 3px; --wpforms-field-size-input-height: 43px; --wpforms-field-size-input-spacing: 15px; --wpforms-field-size-font-size: 16px; --wpforms-field-size-line-height: 19px; --wpforms-field-size-padding-h: 14px; --wpforms-field-size-checkbox-size: 16px; --wpforms-field-size-sublabel-spacing: 5px; --wpforms-field-size-icon-size: 1; --wpforms-label-size-font-size: 16px; --wpforms-label-size-line-height: 19px; --wpforms-label-size-sublabel-font-size: 14px; --wpforms-label-size-sublabel-line-height: 17px; --wpforms-button-size-font-size: 17px; --wpforms-button-size-height: 41px; --wpforms-button-size-padding-h: 15px; --wpforms-button-size-margin-top: 10px; --wpforms-container-shadow-size-box-shadow: none; } </style> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-56XFGCS');</script> <!-- End Google Tag Manager --> <link rel="stylesheet" href="https://memberclicks.com/wp-content/themes/kin/fonts/icomoon-font-awesome/style.css"> <link rel="stylesheet" href="https://memberclicks.com/wp-content/themes/kin/fonts/icomoon-free/style.css"> <style> /* Style.css */ @font-face { font-family: West; src: url('https://memberclicks.com/wp-content/uploads/2023/06/West-RegularWeb.woff2') format('woff2'); font-weight: 400; font-style: normal } @font-face { font-family: West; src: url('https://memberclicks.com/wp-content/uploads/2023/08/West-MediumWeb.woff2') format('woff2'); font-weight: 500; font-style: normal } @font-face { font-family: West; src: url('https://memberclicks.com/wp-content/uploads/2023/06/West-BoldWeb.woff2') format('woff2'); font-weight: 700; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/06/Urbanist-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/07/Urbanist-Italic-VariableFont_wght.woff2') format('woff2'); font-weight: 400; font-style: italic } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/07/Urbanist-Semibold.woff2') format('woff2'); font-weight: 600; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/06/Urbanist-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal } @font-face { font-family: Urbanist; src: url('https://memberclicks.com/wp-content/uploads/2023/07/Urbanist-Italic-VariableFont_wght.woff2') format('woff2'); font-weight: 700; font-style: italic } @charset "UTF-8"; /*! * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: var(--primary-color); --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #36322f; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: var(--secondary-color-light); --bs-gray-dark: #343a40; --bs-primary: var(--primary-color); --bs-secondary: var(--secondary-color); --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: var(--primary-color-light); --bs-dark: var(--primary-color-dark); --heading-font: West,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; --heading-weight: 500; --bs-font-sans-serif: 'Urbanist', sans-serif,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --body-weight: 400; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --header-height: px; --primary-color-h: 202; --primary-color-s: 90%; --primary-color-l: 35%; --primary-color-contrast: #ffffff; --secondary-color-h: 305; --secondary-color-s: 40%; --secondary-color-l: 34%; --secondary-color-contrast: #ffffff; --cta-color-h: 26; --cta-color-s: 96%; --cta-color-l: 55%; --cta-color-contrast: #ffffff; --primary-color-hsl: var(--primary-color-h), var(--primary-color-s), var(--primary-color-l); --primary-color: hsl(var(--primary-color-hsl)); --primary-color-hover: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) / 1.3)); --primary-color-light: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 97%)); --primary-color-light-hover: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 93.33%)); --primary-color-dark: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 3.33%)); --primary-color-dark-hover: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) * 0 + 9.99%)); --secondary-color-hsl: var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l); --secondary-color: hsl(var(--secondary-color-hsl)); --secondary-color-hover: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) / 1.7)); --secondary-color-light: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 96.6%)); --secondary-color-light-hover: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 90%)); --secondary-color-dark: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 3.3%)); --secondary-color-dark-hover: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) * 0 + 10%)); --cta-color-hsl: var(--cta-color-h), var(--cta-color-s), var(--cta-color-l); --cta-color: hsl(var(--cta-color-hsl)); --cta-color-hover: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) / 1.3)); --cta-color-light: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 96.6%)); --cta-color-light-hover: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 90%)); --cta-color-dark: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 3.3%)); --cta-color-dark-hover: hsl(var(--cta-color-h), var(--cta-color-s), calc(var(--cta-color-l) * 0 + 10%)); --gray-color: hsl(var(--primary-color-h), calc(var(--primary-color-s) * 0 + 3.3%), var(--primary-color-l)); --gray-color-hover: hsl(var(--primary-color-h), calc(var(--primary-color-s) * 0 + 3.3%), calc(var(--primary-color-l) - 7%)); --gray-color-light: hsl(var(--primary-color-h), 15%, 95%); --gray-color-light-hover: hsl(var(--primary-color-h), 15%, 80%); --gray-color-dark: hsl(var(--primary-color-h), 15%, 15%); } .flex div { height: 100px; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: var(--body-weight); line-height: 1.5; color: var(--gray-color-dark); background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { margin: 1rem 0; color: inherit; background-color: var(--gray-color); border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentColor; opacity: .25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { color: var(--secondary-color-hover); margin-top: 0; margin-bottom: 0.5rem; font-family: var(--heading-font); font-weight: var(--heading-weight); line-height: 1.1; } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.5rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2.25rem; } } h3, .h3 { font-size: calc(1.5rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 2rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.6rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin: 1em 0; } abbr[title], abbr[data-bs-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 3rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong, .strong { font-weight: bold; } small, .small { font-size: 0.8em !important; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: var(--primary-color); text-decoration: none; transition: .2s } a:hover { color: var(--primary-color); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr /* rtl:ignore */ ; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #d63384; word-wrap: break-word; } a>code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: var(--primary-color-dark); border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--secondary-color-light); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus { outline: transparent; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend+* { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.4rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote> :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: var(--secondary-color-light); } .blockquote-footer::before { content: "— "; } .img-fluid, #article img{ max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--secondary-color-light); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto>* { flex: 0 0 auto; width: auto; } .row-cols-1>* { flex: 0 0 auto; width: 100%; } .row-cols-2>* { flex: 0 0 auto; width: 50%; } .row-cols-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4>* { flex: 0 0 auto; width: 25%; } .row-cols-5>* { flex: 0 0 auto; width: 20%; } .row-cols-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.25rem; } .g-4, .gy-4 { --bs-gutter-y: 1.25rem; } .g-5, .gx-5 { --bs-gutter-x: 1.5rem; } .g-5, .gy-5 { --bs-gutter-y: 1.5rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto>* { flex: 0 0 auto; width: auto; } .row-cols-sm-1>* { flex: 0 0 auto; width: 100%; } .row-cols-sm-2>* { flex: 0 0 auto; width: 50%; } .row-cols-sm-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4>* { flex: 0 0 auto; width: 25%; } .row-cols-sm-5>* { flex: 0 0 auto; width: 20%; } .row-cols-sm-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto>* { flex: 0 0 auto; width: auto; } .row-cols-md-1>* { flex: 0 0 auto; width: 100%; } .row-cols-md-2>* { flex: 0 0 auto; width: 50%; } .row-cols-md-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4>* { flex: 0 0 auto; width: 25%; } .row-cols-md-5>* { flex: 0 0 auto; width: 20%; } .row-cols-md-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-md-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-md-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-md-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-md-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto>* { flex: 0 0 auto; width: auto; } .row-cols-lg-1>* { flex: 0 0 auto; width: 100%; } .row-cols-lg-2>* { flex: 0 0 auto; width: 50%; } .row-cols-lg-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4>* { flex: 0 0 auto; width: 25%; } .row-cols-lg-5>* { flex: 0 0 auto; width: 20%; } .row-cols-lg-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto>* { flex: 0 0 auto; width: auto; } .row-cols-xl-1>* { flex: 0 0 auto; width: 100%; } .row-cols-xl-2>* { flex: 0 0 auto; width: 50%; } .row-cols-xl-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4>* { flex: 0 0 auto; width: 25%; } .row-cols-xl-5>* { flex: 0 0 auto; width: 20%; } .row-cols-xl-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto; } .row-cols-xxl-1>* { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2>* { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4>* { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5>* { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-bg: transparent; --bs-table-striped-color: var(--primary-color-dark); --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: var(--primary-color-dark); --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: var(--primary-color-dark); --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: var(--primary-color-dark); vertical-align: top; border-color: #dee2e6; } .table> :not(caption)>*>* { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); border-bottom-width: 1px; } .table>tbody { vertical-align: inherit; } .table>thead { vertical-align: bottom; } .table> :not(:last-child)> :last-child>* { border-bottom-color: currentColor; } .caption-top { caption-side: top; } .table-sm> :not(caption)>*>* { padding: 0.25rem 0.25rem; } .table-bordered> :not(caption)>* { border-width: 1px 0; } .table-bordered> :not(caption)>*>* { border-width: 0 1px; } .table-borderless> :not(caption)>*>* { border-bottom-width: 0; } .table-striped>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } .table-hover>tbody>tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6; } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce; } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7; } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3; } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9; } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4; } .table-light { --bs-table-bg: var(--primary-color-light); --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1; } .table-dark { --bs-table-bg: var(--primary-color-dark); --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label, .mktoLabel { margin-bottom: 0.5rem; font-size: 15px; font-weight: normal !important; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--secondary-color-light); } .form-control, .hs-input, .mktoField[type=text], .mktoField[type=email], .mktoField[type=tel], textarea.mktoField { display: block; width: 100%; padding: 0.5rem 1rem !important; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--primary-color-dark); background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control, .mktoField { transition: none; } } .form-control[type=file], .mktoField[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]), .mktoField[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus, .mktoField:focus { color: var(--primary-color-dark); background-color: #fff; border-color: #86b7fe; outline: 0; } .form-control::-webkit-date-and-time-value, .mktoField::-webkit-date-and-time-value { height: 1.5em; } .form-control::-webkit-input-placeholder, .mktoField::-webkit-input-placeholder { color: var(--gray-color); opacity: 1; } .form-control::-moz-placeholder, .mktoField::-moz-placeholder { color: var(--gray-color); opacity: 1; } .form-control::placeholder, .mktoField::placeholder { color: var(--gray-color); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--primary-color-dark); background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--primary-color-dark); background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--primary-color-dark); background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + 2px); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px); } .form-control-color { max-width: 3rem; height: auto; padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-select, .mktoForm select.mktoField { display: block; width: 100%; padding: 0.375rem 1.75rem 0.375rem 0.75rem !important; font-size: .85rem; font-weight: 400; line-height: 1.5; color: var(--primary-color-dark); vertical-align: middle; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { color: var(--secondary-color-light); background-color: #e9ecef; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--primary-color-dark); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-check-input { transition: none; } } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color); } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: var(--primary-color); border-color: var(--primary-color); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled]~.form-check-label, .form-check-input:disabled~.form-check-label { opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled]+.btn, .btn-check:disabled+.btn { pointer-events: none; filter: none; opacity: 0.65; } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-range:focus { outline: none; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: var(--primary-color); border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: var(--primary-color); border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .form-floating { position: relative; } .form-floating>.form-control, .form-floating>.form-select { height: calc(3.5rem + 2px); padding: 1rem 0.75rem; } .form-floating>label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating>label { transition: none; } } .form-floating>.form-control::-webkit-input-placeholder { color: transparent; } .form-floating>.form-control::-moz-placeholder { color: transparent; } .form-floating>.form-control::placeholder { color: transparent; } .form-floating>.form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-control:not(:-moz-placeholder-shown)~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating>.form-control:-webkit-autofill~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group>.form-control, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group>.form-control:focus, .input-group>.form-select:focus { z-index: 3; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 3; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--primary-color-dark); text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text, .input-group-lg>.btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text, .input-group-sm>.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .input-group-lg>.form-select, .input-group-sm>.form-select { padding-right: 1.75rem; } .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0.25rem; } .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip, .is-valid~.valid-feedback, .is-valid~.valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #198754; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #198754; padding-right: calc(0.75em + 2.3125rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #198754; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #198754; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label { color: #198754; } .form-check-inline .form-check-input~.valid-feedback { margin-left: 0.5em; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip, .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label { color: #dc3545; } .form-check-inline .form-check-input~.invalid-feedback { margin-left: 0.5em; } .btn, .hs-button, .btn-menu a { display: inline-block; font-weight: bold; line-height: 1; color: rgba(0, 0, 0, 0.55); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 2px solid transparent; border-radius: 10px; padding: 10px 15px; font-size: 1rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--primary-color-dark); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } .btn-primary, .hs-button { color: var(--primary-color-contrast); background-color: var(--primary-color); border-color: var(--primary-color); } .btn-primary:hover, .hs-button:hover { color: var(--primary-color-contrast); background-color: var(--primary-color-hover); border-color: var(--primary-color-hover); } .btn-check:focus+.btn-primary, .btn-primary:focus { color: var(--primary-color-contrast); background-color: var(--primary-color-hover); border-color: var(--primary-color-hover); } .btn-check:checked+.btn-primary, .btn-check:active+.btn-primary, .btn-primary:active, .btn-primary.active, .show>.btn-primary.dropdown-toggle { color: var(--primary-color-contrast); background-color: var(--primary-color); border-color: #0a53be; } .btn-primary:disabled, .btn-primary.disabled { color: var(--primary-color-contrast); background-color: var(--primary-color); border-color: var(--primary-color); } .btn-secondary { color: var(--secondary-color-contrast); background: var(--secondary-color); border-color: var(--secondary-color); font-weight: bold; } .btn-secondary:hover { color: var(--secondary-color-contrast); background-color: var(--secondary-color-hover); border-color: var(--secondary-color-hover); } .btn-check:focus+.btn-secondary, .btn-secondary:focus { color: var(--secondary-color-contrast); background-color: var(--secondary-color-hover); border-color: var(--secondary-color-hover); } .btn-check:checked+.btn-secondary, .btn-check:active+.btn-secondary, .btn-secondary:active, .btn-secondary.active, .show>.btn-secondary.dropdown-toggle { color: var(--secondary-color-contrast); background-color: var(--secondary-color); border-color: var(--secondary-color); } .btn-secondary:disabled, .btn-secondary.disabled { color: #fff; background-color: var(--secondary-color-light); border-color: var(--secondary-color-light); } .btn-cta, .btn-menu a { color: #fff !important; background-color: var(--cta-color) !important; border-color: var(--cta-color) !important; } .btn-cta:hover, .btn-menu a:hover { color: #fff !important; background-color: var(--cta-color-hover) !important; border-color: var(--cta-color-hover) !important; } .btn-outline-cta { color: var(--cta-color); border-color: var(--cta-color); } .btn-outline-cta:hover { color: #fff; background-color: var(--cta-color-hover); border-color: var(--cta-color-hover); } .btn-check:checked+.btn-outline-cta, .btn-check:active+.btn-outline-cta, .btn-outline-cta:active, .btn-outline-cta.active, .btn-outline-cta.dropdown-toggle.show { color: #fff; background-color: var(--cta-color); border-color: var(--cta-color); } .btn-outline-cta:disabled, .btn-outline-cta.disabled { color: var(--cta-color-light); background-color: transparent; } .btn-menu a { padding: 10px 15px !important; margin-left: 10px; } .btn-cta .nav-link { color: #fff !important; padding-top: .25rem !important; padding-bottom: .25rem !important; } .btn-gray { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-gray:hover { color: #fff; background-color: var(--gray-color-hover); border-color: var(--gray-color-hover); } .btn-check:focus+.btn-gray, .btn-gray:focus { color: #fff; background-color: var(--gray-color-hover); border-color: var(--gray-color-hover); } .btn-check:checked+.btn-gray, .btn-check:active+.btn-gray, .btn-gray:active, .btn-gray.active, .show>.btn-gray.dropdown-toggle { color: #fff; background-color: var(--gray-color-hover); border-color: #0a53be; } .btn-gray:disabled, .btn-gray.disabled { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-success { color: #fff; background-color: #198754; border-color: #198754; } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43; } .btn-check:focus+.btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; } .btn-check:checked+.btn-success, .btn-check:active+.btn-success, .btn-success:active, .btn-success.active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f; } .btn-success:disabled, .btn-success.disabled { color: #fff; background-color: #198754; border-color: #198754; } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2; } .btn-check:focus+.btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; } .btn-check:checked+.btn-info, .btn-check:active+.btn-info, .btn-info:active, .btn-info.active, .show>.btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2; } .btn-info:disabled, .btn-info.disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720; } .btn-check:checked+.btn-warning, .btn-check:active+.btn-warning, .btn-warning:active, .btn-warning.active, .show>.btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720; } .btn-warning:disabled, .btn-warning.disabled { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:focus+.btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:checked+.btn-danger, .btn-check:active+.btn-danger, .btn-danger:active, .btn-danger.active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834; } .btn-danger:disabled, .btn-danger.disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-light { color: #000; background-color: var(--gray-color-light); border-color: var(--gray-color-light); } .btn-light:hover { color: #000; background-color: var(--gray-color-light-hover); border-color: var(--gray-color-light-hover); } .btn-check:focus+.btn-light, .btn-light:focus { color: #000; background-color: var(--gray-color-light-hover); border-color: var(--gray-color-light-hover); } .btn-check:checked+.btn-light, .btn-check:active+.btn-light, .btn-light:active, .btn-light.active, .show>.btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-light:disabled, .btn-light.disabled { color: #000; background-color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-dark { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark) } .btn-dark:hover { color: #fff; background-color: var(--primary-color-dark-hover); border-color: var(--primary-color-dark-hover); } .btn-check:focus+.btn-dark, .btn-dark:focus { color: #fff; background-color: var(--primary-color-dark-hover); border-color: var(--primary-color-dark-hover); } .btn-check:checked+.btn-dark, .btn-check:active+.btn-dark, .btn-dark:active, .btn-dark.active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f; } .btn-dark:disabled, .btn-dark.disabled { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-outline-primary { color: var(--primary-color); border-color: var(--primary-color); } .btn-outline-primary:hover { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .btn-check:checked+.btn-outline-primary, .btn-check:active+.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: var(--primary-color); background-color: transparent; } .btn-outline-gray { color: var(--gray-color); border-color: var(--gray-color); } .btn-outline-gray:hover { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-check:checked+.btn-outline-gray, .btn-check:active+.btn-outline-gray, .btn-outline-gray:active, .btn-outline-gray.active, .btn-outline-gray.dropdown-toggle.show { color: #fff; background-color: var(--gray-color); border-color: var(--gray-color); } .btn-outline-gray:disabled, .btn-outline-gray.disabled { color: var(--gray-color); background-color: transparent; } .btn-outline-secondary { color: var(--secondary-color); border-color: var(--secondary-color); } .btn-outline-secondary:hover { color: #fff; background-color: var(--secondary-color-hover); border-color: var(--secondary-color-hover); } .btn-check:checked+.btn-outline-secondary, .btn-check:active+.btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #fff; background-color: var(--secondary-color); border-color: var(--secondary-color); } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: var(--secondary-color-light); background-color: transparent; } .btn-outline-success { color: #198754; border-color: #198754; } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:checked+.btn-outline-success, .btn-check:active+.btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #fff; background-color: #198754; border-color: #198754; } .btn-outline-success:disabled, .btn-outline-success.disabled { color: #198754; background-color: transparent; } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0; } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:checked+.btn-outline-info, .btn-check:active+.btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-outline-info:disabled, .btn-outline-info.disabled { color: #0dcaf0; background-color: transparent; } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:checked+.btn-outline-warning, .btn-check:active+.btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:disabled, .btn-outline-warning.disabled { color: #ffc107; background-color: transparent; } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:checked+.btn-outline-danger, .btn-check:active+.btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:disabled, .btn-outline-danger.disabled { color: #dc3545; background-color: transparent; } .btn-outline-light { color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-outline-light:hover { color: #000; background-color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-check:checked+.btn-outline-light, .btn-check:active+.btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #000; background-color: var(--primary-color-light); border-color: var(--primary-color-light); } .btn-outline-light:disabled, .btn-outline-light.disabled { color: var(--primary-color-light); background-color: transparent; } .btn-outline-dark { color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-outline-dark:hover { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-check:checked+.btn-outline-dark, .btn-check:active+.btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .btn-outline-dark:disabled, .btn-outline-dark.disabled { color: var(--primary-color-dark); background-color: transparent; } .btn-link { font-size: 1.5rem; font-weight: 400; color: var(--primary-color); text-decoration: underline; } .btn-link:hover { color: var(--primary-color); } .btn-link:disabled, .btn-link.disabled { color: var(--gray-color); } .btn-lg, .btn-group-lg>.btn { padding: 0.9rem 1.8rem; font-size: 1.2rem; } .btn-sm, .btn-group-sm>.btn { padding: 0.25rem 1.5rem; font-size: .8rem; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropend, .dropdown, .dropstart { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: calc(100% + 1px); left: 0; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: var(--primary-color-dark); text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px 0px 0.25rem 0.25rem; } .dropdown-menu[style] { right: auto !important; } .dropdown-menu-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-sm-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-md-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-lg-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-xl-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; right: auto /* rtl:ignore */ ; left: 0 /* rtl:ignore */ ; } .dropdown-menu-xxl-end { --bs-position: end; right: 0 /* rtl:ignore */ ; left: auto /* rtl:ignore */ ; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: var(--primary-color-dark); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #1e2125; background-color: var(--gray-color-light); } .dropdown-item.active, .dropdown-item:active { color: #000; text-decoration: none; background-color: var(--gray-color-light-hover); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--gray-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: var(--gray-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: var(--primary-color-dark); } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: var(--primary-color); } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .dropdown-menu-dark .dropdown-header { color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group>.btn, .btn-group-vertical>.btn { position: relative; flex: 1 1 auto; } .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child) { margin-left: -1px; } .btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group>.btn-group:not(:last-child)>.btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group>.btn:nth-child(n+3), .btn-group> :not(.btn-check)+.btn, .btn-group>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm+.dropdown-toggle-split, .btn-group-sm>.btn+.dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg+.dropdown-toggle-split, .btn-group-lg>.btn+.dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100%; } .btn-group-vertical>.btn:not(:first-child), .btn-group-vertical>.btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical>.btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn~.btn, .btn-group-vertical>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; font-weight: bold; padding: 0.5rem 1rem; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link.disabled { color: var(--gray-color); pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: var(--gray-color); background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-gray-dark); background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: var(--primary-color); } .nav-fill>.nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified>.nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar>.container, .navbar>.container-fluid, .navbar>.container-sm, .navbar>.container-md, .navbar>.container-lg, .navbar>.container-xl, .navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { align-items: center; width: 100%; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm .navbar-collapse { display: flex !important; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md .navbar-collapse { display: flex !important; } .navbar-expand-md .navbar-toggler { display: none; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg .navbar-collapse { display: flex !important; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl .navbar-collapse { display: flex !important; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl .navbar-collapse { display: flex !important; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand .navbar-collapse { display: flex !important; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 1.5rem; } .card>hr { margin-right: 0; margin-left: 0; } .card>.list-group { border-top: inherit; border-bottom: inherit; } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: 1rem 1rem; } .card-title { margin-bottom: 0.5rem; } .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link+.card-link { margin-left: 1rem /* rtl:ignore */ ; } .card-header { padding: 0.5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.5rem; margin-bottom: -0.5rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-group>.card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group>.card { flex: 1 0 0%; margin-bottom: 0; } .card-group>.card+.card { margin-left: 0; border-left: 0; } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group>.card:not(:last-child) .card-img-top, .card-group>.card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group>.card:not(:last-child) .card-img-bottom, .card-group>.card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group>.card:not(:first-child) .card-img-top, .card-group>.card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group>.card:not(:first-child) .card-img-bottom, .card-group>.card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion-button { position: relative; cursor: pointer; display: flex; align-items: center; width: 100%; padding: .75rem 1.25rem; font-size: 1rem; color: var(--gray-color); background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0; overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button.collapsed { border-bottom-width: 0; } .accordion-button:not(.collapsed) { color: var(--primary-color-dark); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(180deg); } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .accordion-header { margin-bottom: 0; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 1px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-item:last-of-type .accordion-collapse { border-bottom-width: 1px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-collapse { border: solid rgba(0, 0, 0, 0.125); border-width: 0 1px; } .accordion-body { padding: 1rem 1.25rem; } .accordion-flush .accordion-button { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item:first-of-type .accordion-button { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .accordion-flush .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none; } .breadcrumb-item+.breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: 0.5rem; color: var(--gray-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */ ; } body.archive.category .breadcrumb-item+.breadcrumb-item::before { color: #fff; } .breadcrumb-item.active { color: var(--gray-color); } .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: var(--primary-color); text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--primary-color); background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: var(--primary-color); background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .page-item.disabled .page-link { color: var(--secondary-color-light); pointer-events: none; background-color: #fff; border-color: #dee2e6; } .page-link { padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe; } .alert-primary .alert-link { color: #06357a; } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8; } .alert-secondary .alert-link { color: #34383c; } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; } .alert-success .alert-link { color: #0c4128; } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb; } .alert-info .alert-link { color: #04414d; } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; } .alert-warning .alert-link { color: #523e02; } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; } .alert-danger .alert-link { color: #6a1a21; } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe; } .alert-light .alert-link { color: #4f5050; } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf; } .alert-dark .alert-link { color: #101214; } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: var(--primary-color); transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: var(--bs-gray-dark); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: var(--bs-gray-dark); text-decoration: none; background-color: var(--gray-color-light); } .list-group-item-action:active { color: var(--primary-color-dark); background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.5rem 1rem; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--gray-color); pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: var(--bs-gray-dark); border-color: var(--bs-gray-dark); } .list-group-item+.list-group-item { border-top-width: 0; } .list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal>.list-group-item.active { margin-top: 0; } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0; } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md>.list-group-item.active { margin-top: 0; } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0; } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0; } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush>.list-group-item { border-width: 0 0 1px; } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #084298; background-color: #cfe2ff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #084298; background-color: #bacbe6; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298; } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #41464b; background-color: #cbccce; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b; } .list-group-item-success { color: #0f5132; background-color: #d1e7dd; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f5132; background-color: #bcd0c7; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132; } .list-group-item-info { color: #055160; background-color: #cff4fc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #055160; background-color: #badce3; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160; } .list-group-item-warning { color: #664d03; background-color: #fff3cd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #664d03; background-color: #e6dbb9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03; } .list-group-item-danger { color: #842029; background-color: #f8d7da; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #842029; background-color: #dfc2c4; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029; } .list-group-item-light { color: #636464; background-color: #fefefe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #636464; background-color: #e5e5e5; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464; } .list-group-item-dark { color: #141619; background-color: #d3d3d4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #141619; background-color: #bebebf; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; } .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } .btn-close:focus { outline: none; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); opacity: 1; } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: 0.25; } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .toast { width: 350px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .toast:not(.showing):not(.show) { opacity: 0; } .toast.hide { display: none; } .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container> :not(:last-child) { margin-bottom: 0.75rem; } .toast-header { display: flex; align-items: center; padding: 0.5rem 0.75rem; color: var(--secondary-color); background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 110; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer>* { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0 /* rtl:ignore */ ; z-index: 1060; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[data-popper-placement^=top] { margin-bottom: 0.5rem !important; } .bs-popover-top>.popover-arrow, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-end, .bs-popover-auto[data-popper-placement^=right] { margin-left: 0.5rem !important; } .bs-popover-end>.popover-arrow, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-end>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-end>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[data-popper-placement^=bottom] { margin-top: 0.5rem !important; } .bs-popover-bottom>.popover-arrow, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f0f0f0; } .bs-popover-start, .bs-popover-auto[data-popper-placement^=left] { margin-right: 0.5rem !important; } .bs-popover-start>.popover-arrow, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-start>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-start>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid #d8d8d8; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: var(--primary-color-dark); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } /* rtl:begin:ignore */ .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } /* rtl:end:ignore */ .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators li { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } @-webkit-keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */ ; } } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */ ; } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: 0.75s linear infinite spinner-border; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: 0.75s linear infinite spinner-grow; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } } .clearfix::after { display: block; clear: both; content: ""; } .link-primary { color: var(--primary-color); } .link-primary:hover, .link-primary:focus { color: var(--primary-color); } .link-secondary { color: var(--secondary-color); } .link-secondary:hover, .link-secondary:focus { color: #565e64; } .link-success { color: #198754; } .link-success:hover, .link-success:focus { color: #146c43; } .link-info { color: #0dcaf0; } .link-info:hover, .link-info:focus { color: #3dd5f3; } .link-warning { color: #ffc107; } .link-warning:hover, .link-warning:focus { color: #ffcd39; } .link-danger { color: #dc3545; } .link-danger:hover, .link-danger:focus { color: #b02a37; } .link-light { color: var(--primary-color-light); } .link-light:hover, .link-light:focus { color: #f9fafb; } .link-dark { color: var(--primary-color-dark); } .link-dark:hover, .link-dark:focus { color: #1a1e21; } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--aspect-ratio); content: ""; } .ratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --aspect-ratio: 100%; } .ratio-4x3 { --aspect-ratio: calc(3 / 4 * 100%); } .ratio-16x9 { --aspect-ratio: calc(9 / 16 * 100%); } .ratio-21x9 { --aspect-ratio: calc(9 / 21 * 100%); } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: -webkit-sticky; position: sticky; top: var(--header-height); z-index: 75; } @media (min-width: 576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .visually-hidden, .visually-hidden-focusable:not(:focus) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } @media only screen and (max-width: 1000px) { .menu-break-hide { display: none !important; } } @media only screen and (min-width: 1000px) { .menu-break-show { display: none !important; } } @media only screen and (max-width: 1000px) { .menu-break-show { display: flex !important; } } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; transition: .3s; } .shadow:hover { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: 1px solid #dee2e6 !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: 1px solid #dee2e6 !important; } .border-start-0 { border-left: 0 !important; } .border-primary { border-color: var(--primary-color) !important; } .border-secondary { border-color: var(--secondary-color) !important; } .border-cta { border-color: var(--cta-color) !important; } .border-success { border-color: #198754 !important; } .border-info { border-color: #0dcaf0 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: var(--primary-color-light) !important; } .border-dark { border-color: var(--primary-color-dark) !important; } .border-white { border-color: #fff !important; } .border-0 { border-width: 0 !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-default { padding-top: 2rem !important; } .pb-default { padding-bottom: 2rem !important; } .ps-default { padding-left: initial !important; } .pe-default { padding-right: initial !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: lighter !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-primary { color: var(--primary-color) !important; } .text-primary-hover { color: var(--primary-color-hover) !important; } .text-primary-contrast { color: var(--primary-color-contrast) !important; } .text-primary-light { color: var(--primary-color-light) !important; } .text-primary-light-hover { color: var(--primary-color-light-hover) !important; } .text-primary-dark { color: var(--primary-color-dark) !important; } .text-primary-dark-hover { color: var(--primary-color-dark-hover) !important; } .text-secondary { color: var(--secondary-color) !important; } .text-secondary-hover { color: var(--secondary-color-hover) !important; } .text-secondary-contrast { color: var(--secondary-color-contrast) !important; } .text-secondary-light, .text-secondary-dark-contrast { color: var(--secondary-color-light) !important; } .text-secondary-light-hover, .bg-secondary-dark p { color: var(--secondary-color-light) !important; } .text-secondary-dark { color: var(--secondary-color-dark) !important; } .text-secondary-dark-hover { color: var(--secondary-color-dark-hover) !important; } .text-cta { color: var(--cta-color) !important; } .text-cta-hover { color: var(--cta-color-hover) !important; } .text-cta-contrast { color: var(--cta-color-contrast) !important; } .text-cta-light { color: var(--cta-color-light) !important; } .text-cta-light-hover { color: var(--cta-color-light-hover) !important; } .text-cta-dark { color: var(--cta-color-dark) !important; } .text-cta-dark-hover { color: var(--cta-color-dark-hover) !important; } .text-success { color: #198754 !important; } .text-info { color: #0dcaf0 !important; } .text-warning { color: #ffc107 !important; } .text-danger { color: #dc3545 !important; } .text-light { color: #696969 !important; } .text-dark { color: var(--primary-color-dark) !important; } .text-white { color: #fff !important; } .text-body { color: var(--primary-color-dark) !important; } .text-muted { color: var(--gray-color) !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-reset { color: inherit !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .bg-primary { background-color: var(--primary-color) !important; } .bg-primary-contrast { background-color: var(--primary-color-contrast) !important; } .bg-primary-hover { background-color: var(--primary-color-hover) !important; } .bg-primary-light { background-color: var(--primary-color-light) !important; } .bg-primary-light-hover { background-color: var(--primary-color-light-hover) !important; } .bg-primary-dark { background-color: var(--primary-color-dark) !important; } .bg-primary-dark-hover { background-color: var(--primary-color-dark-hover) !important; } .bg-secondary { background-color: var(--secondary-color) !important; } .bg-secondary-contrast { background-color: var(--secondary-color-contrast) !important; } .bg-secondary-hover { background-color: var(--secondary-color-hover) !important; } .bg-secondary-light { background-color: var(--secondary-color-light) !important; } .bg-secondary-light-hover { background-color: var(--secondary-color-light-hover) !important; } .bg-secondary-dark { background-color: var(--secondary-color-dark) !important; } .bg-secondary-dark-hover { background-color: var(--secondary-color-dark-hover) !important; } .bg-cta { background-color: var(--cta-color) !important; } .bg-cta-contrast { background-color: var(--cta-color-contrast) !important; } .bg-cta-hover { background-color: var(--cta-color-hover) !important; } .bg-cta-light { background-color: var(--cta-color-light) !important; } .bg-cta-light-hover { background-color: var(--cta-color-light-hover) !important; } .bg-cta-dark { background-color: var(--cta-color-dark) !important; } .bg-cta-dark-hover { background-color: var(--cta-color-dark-hover) !important; } .bg-gradient-horizontal-primary-secondary { background: linear-gradient(to right, var(--primary-color), var(--secondary-color)); } .bg-gradient-horizontal-primary-secondary-light { background: linear-gradient(to right, var(--primary-color-light), var(--secondary-color-light)); } .bg-gradient-vertical-primary { background: linear-gradient(to bottom, var(--primary-color), var(--primary-color-dark)); } .bg-gradient-vertical-primary-secondary { background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color)); } .bg-gradient-vertical-primary-secondary-light { background: linear-gradient(to bottom, var(--primary-color-light), var(--secondary-color-light)); } .bg-success { background-color: #198754 !important; } .bg-info { background-color: #0dcaf0 !important; } .bg-warning { background-color: #ffc107 !important; } .bg-danger { background-color: #dc3545 !important; } .bg-light { background-color: var(--bs-light) !important; } .bg-light-contrast { background-color: var(--bs-dark) !important; } .bg-light-hover { background-color: var(--gray-color-light) !important; } .bg-light-light-hover { background-color: var(--bs-white) !important; } .bg-light-dark { background-color: var(--gray-color-dark) !important; } .bg-light-dark-hover { background-color: var(--gray-color-dark) !important; } .bg-dark { background-color: var(--primary-color-dark) !important; } .bg-body { background-color: #fff !important; } .bg-white { background-color: #fff !important; } .bg-black { background-color: #000 !important; } .bg-gray { background-color: #808080 !important; } .bg-gray-light { background-color: var(--gray-color-light) !important; } .bg-gray-dark { background-color: var(--gray-color-dark) !important; } .bg-transparent { background-color: transparent !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .font-monospace { font-family: var(--bs-font-monospace) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: 0.25rem !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: 0.2rem !important; } .rounded-2 { border-radius: 0.25rem !important; } .rounded-3 { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-end { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-start { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } .fs-sm-1 { font-size: 2.5rem !important; } .fs-sm-2 { font-size: 2rem !important; } .fs-sm-3 { font-size: 1.75rem !important; } .fs-sm-4 { font-size: 1.5rem !important; } .fs-md-1 { font-size: 2.5rem !important; } .fs-md-2 { font-size: 2rem !important; } .fs-md-3 { font-size: 1.75rem !important; } .fs-md-4 { font-size: 1.5rem !important; } .fs-lg-1 { font-size: 2.5rem !important; } .fs-lg-2 { font-size: 2rem !important; } .fs-lg-3 { font-size: 1.75rem !important; } .fs-lg-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /* Burger Menu */ @media only screen and (min-width: 1000px) { header a.navbar-burger.burger { display: none; } } .navbar-burger { color: ; cursor: pointer; display: block; height: 3.25rem; position: relative; width: 3.25rem; margin-left: auto; } .navbar-burger span { background-color: currentColor; display: block; height: 2px; left: calc(50% - 8px); position: absolute; transform-origin: center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-timing-function: ease-out; width: 16px; } .navbar-burger span:nth-child(1) { top: calc(50% - 6px); } .navbar-burger span:nth-child(2) { top: calc(50% - 1px); } .navbar-burger span:nth-child(3) { top: calc(50% + 4px); } .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); color: ; } .navbar-burger.is-active span:nth-child(1) { transform: translateY(5px) rotate(45deg); } .navbar-burger.is-active span:nth-child(2) { opacity: 0; } .navbar-burger.is-active span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); } /* Logo */ #logo { padding-top: 0.5rem; padding-bottom: 0.5rem; } #logo .fixed-container { position: relative; width: 100%; height: 50px; } .fixed-container img { object-fit: contain; height: 100%; } #above-nap a { text-decoration: none; } /* CSS for Script Menu-1-0*/ #header { position: sticky; top: 0; width: 100%; z-index: 100; transition: all .7s ease; } /* Menu - Desktop - Hover Dropdown */ @media all and (min-width: 1000px) { #primaryMenu li>.nav-link { padding-top: 1.25rem; padding-bottom: 1.25rem; } .navbar .dropdown-menu li a { width: 250px; white-space: normal; } .navbar .nav-item .dropdown-menu { display: none; } .navbar .nav-item:hover .dropdown-menu { display: block; margin-left: -1px; margin-top: -1px; } .navbar .nav-item .dropdown-menu { margin-top: 0; } #primaryMenu .menu-item:hover { background-color: #fff; } #primaryMenu .menu-item:hover .nav-link { color: var(--bs-dark) } } /* Menu - Desktop - Hover Dropdown Child */ ul ul li ul.dropdown-menu { display: none !important; } ul ul li:hover ul.dropdown-menu { display: block !important; left: calc(100% + 1px); top: 0px; position: absolute !important; } /* Avatar */ .avatar { // background: var(--primary-color); border-radius: 50%; color: rgba(255, 255, 255, .85); display: inline-block; font-size: .8rem; font-weight: 300; height: 1.6rem; line-height: 1.25; margin: 0; position: relative; vertical-align: middle; width: 1.6rem; } .avatar-lg { font-size: 1.2rem; height: 2.4rem; width: 2.4rem; } .avatar-xl { font-size: 1.5rem; height: 3.5rem; width: 3.5rem; } /* Card Post */ .card.card-post .card-img-top { transition: .2s; } .card.card-post:hover .card-img-top { filter: brightness(90%); } .card.card-post p a { color: var(--gray-color) } /* Search Form */ #search-form #search-count { font-size: .8em !important; font-weight: } /* Featured Image */ #featured-image-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #featuredImage { z-index: 2; height: 40vh; min-height: 300px; } #sidebarForm { margin: 0px } /* FAQ - Voting */ .thumbs-rating-container { padding: 0px; position: relative; display: inline-flex; vertical-align: middle; } .thumbs-rating-up, .thumbs-rating-down { display: inline-block; font-weight: 400; line-height: 1.5; color: var(--gray-color) !important; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent !important; border: 1px solid transparent; padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-color: var(--gray-color); } .thumbs-rating-up:hover, .thumbs-rating-down:hover { color: #fff !important; border-color: var(--gray-color); background-color: var(--gray-color) !important; } button.thumbs-rating-voted { color: #fff !important; border-color: var(--gray-color); background-color: var(--gray-color) !important; } button.thumbs-rating-up { border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } button.thumbs-rating-down { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /* Accordion - Current */ .accordion .current { color: #000000 !important; background: var(--gray-color-light); } .accordion .no-children:after { display: none; } .accordion a { color: var(--gray-color); } .accordion li:hover { color: #000000; background: var(--gray-color-light); } .accordion li:hover a { color: #000000; } .accordion-button:not(.collapsed) a { color: var(--primary-color-dark) !important; } /* Off Canvas - Mobile Menu */ @media (max-width: 991.98px) { .offcanvas-collapse { position: fixed; top: 0px; /* Height of navbar */ bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: #fff; transition: transform .3s ease-in-out, visibility .3s ease-in-out; z-index: 10 } .offcanvas-collapse.open { visibility: visible !important; transform: translateX(-100%); } } .nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; } .nav-scroller .nav { display: flex; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; color: rgba(255, 255, 255, .75); text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; } .nav-underline .nav-link { padding-top: .75rem; padding-bottom: .75rem; font-size: .875rem; color: #6c757d; } .nav-underline .nav-link:hover { color: #007bff; } .nav-underline .active { font-weight: 500; color: #343a40; } #navbar-mobile { display: none !important; } #navbar-mobile.open { display: block !important; } .menu-item-has-children .menu-item-has-children > a.dropdown-item::after { display: inline-block; margin-left: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; margin-left: 15px; } /* Scrollbar */ body ::-webkit-scrollbar-track { background-color: var(--primary-color-light-hover); } body ::-webkit-scrollbar { width: 10px; height:10px; margin-left: 10px; margin-top: 10px; background-color: transparent; } body ::-webkit-scrollbar-thumb { background-color: var(--gray-color); } body ::-webkit-scrollbar-thumb:hover { background-color: var(--primary-color-hover); } /* Post - Comments */ textarea#comment { width: 100% } /* Hubspot Form0 */ .hs_submit { margin-top: 1rem; } .hs_submit .hs-button { width: 100% } .hbspt-form h4 { font-size: 1.2rem; } /* Marketo Forms */ .hbspt-form h3.alt { color: black; } .hbspt-form .hs-fieldtype-text { width: 63.3%; float: left; margin-right: 3.3%; } .field.hs-form-field { width: 100%; } .field.hs-form-field { width: 100%; margin-bottom: 10px; } .hbspt-form .hs-button { width: 33.3%; vertical-align: top; } ul.hs-error-msgs { padding: 0.25rem 0.25rem; margin: 0.25rem 0px; list-style-type: none; } ul.hs-error-msgs label { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; position: relative; border: 1px solid transparent; border-radius: 0.25rem; font-size: 12px; } /* Plugin Cookie Compliance - hide extra tabs in settings */ li.menu-item-third_party_cookies { display: none !important; }.moove-gdpr-modal-right-content div#privacy_overview { display: block !important; } /* PATCH - AMP MOBLE MENU */ div[amp-nested-submenu-close] { height: 30px; }#breadcrumbs a{color:#fff;opacity:.35}body.archive.category #sticky-posts{margin-top:-5rem}body.archive.category .card-footer{border-top:none}.pagination .page-item .page-link{border-radius:.25rem;background-color:rgba(0,0,0,0);border-color:var(--gray-color);color:var(--gray-color)}.pagination .page-item.active .page-link,.pagination .page-item:hover .page-link{color:#fff;background-color:var(--secondary-color);border-color:var(--secondary-color)}.templated-cta .inner,.global-cta .inner{background-position:bottom right;background-size:contain;background-repeat:no-repeat;border-radius:1rem;padding:50px}@media screen and (max-width: 767px){.templated-cta .inner,.global-cta .inner{background-image:none !important;text-align:center}}@media screen and (min-width: 768px){.templated-cta .inner .inner-content,.global-cta .inner .inner-content{width:50%}}.templated-cta .inner .inner-content p,.global-cta .inner .inner-content p{opacity:.9}.templated-cta .inner .btn,.global-cta .inner .btn{color:#fff;font-family:var(--heading-font);font-weight:normal}.templated-cta.color-scheme-primary .btn,.global-cta.color-scheme-primary .btn{background-color:#015182}.templated-cta.color-scheme-primary .btn:hover,.global-cta.color-scheme-primary .btn:hover{background-color:#01314f}.templated-cta.color-scheme-secondary .btn,.global-cta.color-scheme-secondary .btn{background-color:#411a50}.templated-cta.color-scheme-secondary .btn:hover,.global-cta.color-scheme-secondary .btn:hover{background-color:#220d2a}#sidebar-ctas .templated-cta .inner .inner-content,#sidebar-ctas .global-cta .inner .inner-content{width:100% !important}#more-posts{margin-top:6rem;margin-bottom:6rem}#table-of-contents .card{border-radius:0;border-color:rgba(0,0,0,0)}#table-of-contents .card .card-header{border-bottom:none;padding:0}#table-of-contents nav[data-toggle=toc] .nav>li>a{padding-left:0}#table-of-contents nav[data-toggle=toc] .nav-link.active,#table-of-contents nav[data-toggle=toc] .nav-link.active:focus,#table-of-contents nav[data-toggle=toc] .nav-link.active:hover,#table-of-contents nav[data-toggle=toc] .nav>li>a:focus,#table-of-contents nav[data-toggle=toc] .nav>li>a:hover{border-left:none !important}#table-of-contents nav ul>li>ul{display:none}#progress{height:.3rem;border-radius:0}#about-hero:before{position:absolute;top:-30vh;left:-40vw;width:180vw;background-color:#eaf4fa;height:90vw;display:block;content:"";border-radius:50% 50% 50% 50%/0% 0% 100% 100%;z-index:1}#about-hero .container{position:relative;z-index:10}#about-hero .container img{box-shadow:0px 15px 35px 0px rgba(0,0,0,.1294117647)}#about-hero .member-stats{margin-top:-50px}#about-hero .member-stats .item{border:1px solid #e6e8e9}#values{position:relative;z-index:10}#values img{width:44px;height:44px;padding-bottom:.5rem}#our-story{background-color:#0d2c3f;color:#fff;background-image:url("/wp-content/themes/kin/inc/img/about-us/about-squiggle.png");background-position:left top;background-repeat:no-repeat;background-size:60%}#our-story .intro p{color:#b1d1e3}#our-story .intro p span{color:#fa7b1c}#our-story .timeline{background-image:url("/wp-content/themes/kin/inc/img/about-us/story-line-short.gif");background-position:center bottom;background-repeat:no-repeat;transition:all 200ms ease-in-out}#our-story .timeline .dot{width:24px;height:24px;border:2px solid #194966;background-color:#0d2c3f;border-radius:50%;transition:all 500ms ease-in-out}#our-story .timeline[data-state=active]{background-position:center center}#our-story .timeline[data-state=past]{background-position:center top}#our-story .timeline[data-state=active] .dot,#our-story .timeline[data-state=past] .dot{background-color:var(--primary-color);border-color:var(--primary-color)}#our-story .timeline-item h5{color:#65add9}#our-story .timeline-item p{color:#e6e8e9}#our-story .timeline-item img{max-width:100%;height:auto;border-radius:20px}#our-story .timeline-item .col-5,#our-story .timeline-item .col-1{padding-top:50px;padding-bottom:50px}.font-header{font-family:var(--heading-font)}.font-body{font-family:var(--body-font)}.font-bold{font-weight:bold}.bg-primary-dark{background-color:#015182}.bg-secondary-dark{background-color:#411a50}.width-auto{max-width:100%;height:auto}/*# sourceMappingURL=dev-styles.css.map */ /* Template CSS NOT SETUP*/ /* Theme Options CSS */ /* FEATURES PAGES */ #more-features h3 { color: white; } /* MARKETO FORM 3032/3541 */ form#mktoForm_3032, form#mktoForm_3032 .mktoFormCol, form#mktoForm_3032 .mktoHtmlText, form#mktoForm_3032 label, form#mktoForm_3032 input, form#mktoForm_3032 .mktoFieldWrap, form#mktoForm_3032 .mktoButtonRow, form#mktoForm_3541, form#mktoForm_3541 .mktoFormCol, form#mktoForm_3541 .mktoHtmlText, form#mktoForm_3541 label, form#mktoForm_3541 input, form#mktoForm_3541 .mktoFieldWrap, form#mktoForm_3541 .mktoButtonRow{ width: 100% !important; } form#mktoForm_3032 input, form#mktoForm_3541 input{ margin-bottom: 10px !important; } form#mktoForm_3032 .mktoGutter.mktoHasWidth, form#mktoForm_3032 .mktoOffset, form#mktoForm_3541 .mktoGutter.mktoHasWidth, form#mktoForm_3541 .mktoOffset{ display: none; } form#mktoForm_3032 .mktoButtonRow, form#mktoForm_3541 .mktoButtonRow{ text-align: center !important; } form#mktoForm_3032 span.mktoButtonWrap, form#mktoForm_3541 span.mktoButtonWrap{ margin: auto !important; } /* MARKETO FORM 3037 */ form#mktoForm_3037, form#mktoForm_3037 .mktoFormCol, form#mktoForm_3037 .mktoHtmlText, form#mktoForm_3037 label, form#mktoForm_3037 input, form#mktoForm_3037 .mktoFieldWrap{ width: 100% !important; } form#mktoForm_3037 input { margin-bottom: 10px !important; } form#mktoForm_3037 .mktoGutter.mktoHasWidth, form#mktoForm_3037 .mktoOffset{ display: none; } /* MARKETO FORM 3038 */ form#mktoForm_3038, form#mktoForm_3038 .mktoFormCol, form#mktoForm_3038 .mktoHtmlText, form#mktoForm_3038 label, form#mktoForm_3038 input, form#mktoForm_3038 .mktoFieldWrap, form#mktoForm_3038 .mktoButtonRow { width: 100% !important; } form#mktoForm_3038 input { margin-bottom: 10px !important; } form#mktoForm_3038 .mktoGutter.mktoHasWidth, form#mktoForm_3038 .mktoOffset{ display: none; } form#mktoForm_3038 .mktoButtonRow { text-align: center !important; } form#mktoForm_3038 span.mktoButtonWrap { margin: auto !important; } /* MARKETO FORM 3039 */ form#mktoForm_3039, form#mktoForm_3039 .mktoFormCol, form#mktoForm_3039 .mktoHtmlText, form#mktoForm_3039 label, form#mktoForm_3039 input, form#mktoForm_3039 .mktoFieldWrap, form#mktoForm_3039 .mktoButtonRow { width: 100% !important; } form#mktoForm_3039 .mktoFieldWrap { padding-right: 0px !important; } form#mktoForm_3039 input { margin-bottom: 10px !important; } form#mktoForm_3039 .mktoGutter.mktoHasWidth, form#mktoForm_3039 .mktoOffset{ display: none; } form#mktoForm_3039 .mktoButtonRow { text-align: center !important; } form#mktoForm_3039 span.mktoButtonWrap { margin: auto !important; } form#mktoForm_3039 button.mktoButton { color: #fff; background-color: var(--cta-color) !important; border-color: var(--cta-color) !important; width: 100%; } form#mktoForm_3039 button.mktoButton:hover { color: #fff; background-color: var(--cta-color-hover) !important; border-color: var(--cta-color-hover) !important; } /* MARKETO FORM 3548 */ form#mktoForm_3548, form#mktoForm_3548 .mktoFormCol, form#mktoForm_3548 .mktoHtmlText, form#mktoForm_3548 label, form#mktoForm_3548 input, form#mktoForm_3548 .mktoFieldWrap, form#mktoForm_3548 .mktoButtonRow { width: 100% !important; } form#mktoForm_3548 input { margin-bottom: 10px !important; } form#mktoForm_3548 .mktoGutter.mktoHasWidth, form#mktoForm_3548 .mktoOffset{ display: none; } form#mktoForm_3548 .mktoButtonRow { text-align: center !important; } form#mktoForm_3548 span.mktoButtonWrap { margin: auto !important; } /* MARKETO FORM 3265 */ form#mktoForm_3265, form#mktoForm_3265 .mktoFormCol, form#mktoForm_3265 .mktoHtmlText, form#mktoForm_3265 label, form#mktoForm_3265 input, form#mktoForm_3265 .mktoFieldWrap, form#mktoForm_3265 .mktoButtonRow { width: 100% !important; } form#mktoForm_3265 input { margin-bottom: 10px !important; } form#mktoForm_3265 .mktoGutter.mktoHasWidth, form#mktoForm_3265 .mktoOffset{ display: none; } form#mktoForm_3265 .mktoButtonRow { text-align: center !important; } form#mktoForm_3265 span.mktoButtonWrap { margin: auto !important; } /* Marketo Buttons */ button.mktoButton { display: inline-block; font-weight: bold; line-height: 1; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 2px solid transparent; border-radius: 10px; padding: 10px 15px; font-size: 1rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } button.mktoButton:hover { color: #fff; background-color: var(--primary-color-hover); border-color: var(--primary-color-hover); } /* FOOTER LINKS */ div#footer-top .row .row a { display: inline-block; padding-top: 5px; } /* BLOG IMAGE ALIGN CSS */ #article figure.alignleft { float: left; } #article figure.alignright { float: right; } /* Testimonial Star Responsive */ @media screen and (max-width: 500px) { .card-testimonial span.icon-star { font-size: 13px !important; margin: 0px !important; } } /* Page CSS */ </style> </head> <body data-spy="scroll" data-target="#toc" class="add-ons-template-default single single-add-ons postid-14504 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-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-current-menu-item 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"> <div id="" class="hero position-relative bg-light-light" style="background-image: url('https://memberclicks.com/wp-content/uploads/2023/08/Ellipse-169.png'); background-position: top right; background-repeat: no-repeat; background-size: "> <div class="container col-12"> <div class="row align-items-center py-5 justify-content-center"> <div class="hero-image col-md-12 col-lg-6 p-0 order-lg-1 mb-n4"> <img decoding="async" class="img-fluid" src="https://memberclicks.com/wp-content/uploads/2023/08/Group-667.png" alt="Job Board-hero"> </div> <div class="hero-content col-lg-6 text-center text-lg-start my-5 mx-auto"> <div class="breadcrumb align-items-center m-0 pb-5 d-inline-flex "> <a class="breadcrumb-item fw-normal text-light" href="">Add-ons</a> <a class="breadcrumb-item text-dark fw-bold"> <span class="breadcrumb-item">Job Board</a> </div> <h1 class="display-4 fw-bold lh-1 mb-3">Build Careers and Grow Revenue with Job Board</h1> <p class="col-lg-10 fs-5 text-light ">Drive membership, grow revenue and provide career opportunities for your members and industry with Job Board.</p> <div class="row g-3"> <div class="col-12 text-center text-lg-start"> <a class="btn btn-lg btn-primary d-inline-block mb-3" href="#demo-request-top" target="">Book a Demo</a> </div> </div> </div> </div> </div> </div> <div id="overview" class="pt-5 bg-secondary-hover"> <div class="container"> <div class="row align-items-center py-5"> <div class="col-auto"> <img decoding="async" src="https://memberclicks.com/wp-content/uploads/2023/08/Vector-4-2.png" alt="Job Board icon"> </div> <div class="col-12 col-md me-sm-3"> <h3 class="fw-bolder text-white">Empower your members to build meaningful careers </h3> </div> <div class="col-12 col-md"> <p class="text-white">Drive membership, grow revenue and provide career opportunities for your members and industry with Job Board.</p> </div> </div> <div class="row py-5 g-5"> <div class="col-12 mx-auto"> <div class="row g-4"> <div class="col-12 col-md-4"> <div class="card overflow-hidden border-0 bg-secondary-dark-hover h-100"> <div class="card-body py-2 px-4 text-white"> <img decoding="async" class="py-4" src="https://memberclicks.com/wp-content/uploads/2023/08/Automate-Tasks-Icon-1.png" alt="MemberClicks Integration icon"> <h3 class="fs-4">MemberClicks Integration</h3> <p>Job Board integrates with both MemberClicks Trade and Professional.</p> </div> </div> </div> <div class="col-12 col-md-4"> <div class="card overflow-hidden border-0 bg-secondary-dark-hover h-100"> <div class="card-body py-2 px-4 text-white"> <img decoding="async" class="py-4" src="https://memberclicks.com/wp-content/uploads/2023/08/Save-Time-Icon-1.png" alt="Save yourself time icon"> <h3 class="fs-4">Save yourself time</h3> <p>Free-up your staff’s time by enabling job posters or employers to post their own listings.</p> </div> </div> </div> <div class="col-12 col-md-4"> <div class="card overflow-hidden border-0 bg-secondary-dark-hover h-100"> <div class="card-body py-2 px-4 text-white"> <img decoding="async" class="py-4" src="https://memberclicks.com/wp-content/uploads/2023/08/Check-Mark-Icon.png" alt="Fast and simple setup icon"> <h3 class="fs-4">Fast and simple setup</h3> <p>Once you sign-up for Job Board, you’re ready to get started – It’s that fast!</p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="" class="cta 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 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/diversify-your-revenue-1024x747.png" alt="cta-image"> </div> <div class="col-12 col-lg-6 text-center text-lg-start"> <h2 class="text-light-dark">Diversify your revenue </h2> <p>An easy way to add a new source of revenue for your organization. <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-primary border border-primary p-1 rounded-circle"></span> </div> <div class="col"> Members can pay for sponsored job postings </div> </div> </li> <li class="py-2"> <div class="row g-2 text-start"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-1 rounded-circle"></span> </div> <div class="col"> Set costs and control discounted rates </div> </div> </li> <li class="py-2"> <div class="row g-2 text-start"> <div class="col-auto"> <span class="icon-check text-primary border border-primary p-1 rounded-circle"></span> </div> <div class="col"> Track revenue in the tool itself to see your earnings </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(''); 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 order-lg-1"> <img decoding="async" class="img-fluid" src="https://memberclicks.com/wp-content/uploads/2023/08/connect-employers-and-job-seekers-1024x743.png" alt="cta-image"> </div> <div class="col-12 col-lg-6 text-center text-lg-start"> <h2 class="text-light-dark">Connect employers and job seekers</h2> <p>Whether your members are individuals or businesses, Job Board works for you. <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"> Job listings can be public or for members’ eyes only </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"> Individuals can search job listings for their dream role </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"> Businesses can post openings to find high quality applicants </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(''); 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/2023/08/Store-resumes-for-future-use-1024x741.png" alt="cta-image"> </div> <div class="col-12 col-lg-6 text-center text-lg-start"> <h2 class="text-light-dark">Store resumes for future use</h2> <p>The Resume Bank helps both job seekers and employers find the perfect fit. <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-cta border border-cta p-1 rounded-circle"></span> </div> <div class="col"> Job seekers can upload their resume to the job bank for added visibility </div> </div> </li> <li class="py-2"> <div class="row g-2 text-start"> <div class="col-auto"> <span class="icon-check text-cta border border-cta p-1 rounded-circle"></span> </div> <div class="col"> Employers with an active job posting can explore all resumes in the Resume Bank to source qualified employees </div> </div> </li> <li class="py-2"> <div class="row g-2 text-start"> <div class="col-auto"> <span class="icon-check text-cta border border-cta p-1 rounded-circle"></span> </div> <div class="col"> Resumes connect with member profiles to make follow-up easy </div> </div> </li> </ul></p> </div> </div> </div> </div> </div> </div> <style> section.testimonial-section .quote-open { font-size: 200px !important; line-height: 200px; position: absolute; left: 0px; top: 0px; z-index: 0; } section.testimonial-section .quote-closed { font-size: 200px !important; line-height: 200px; position: absolute; bottom: 0px; right: 50px; z-index: 0; } </style> <div class="testimonials py-5 position-relative p bg-primary-light"> <section class="testimonial-section"> <div class="container"> <div class="row"> <div class="col-12"> <div class="card bg-primary-dark-hover" style="background-image: url(''); background-position: ; background-repeat: no-repeat; background-size: "> <div class="card-body"> <div class="row d-flex align-items-center"> <div class="col-lg-5 testimonial-img"> <img decoding="async" class="img-fluid d-flex mx-auto rounded-circle" style="width: 50%; max-width: 300px;" height="auto" width="auto" alt="#" src="https://memberclicks.com/wp-content/uploads/2023/08/1684938887482-300x300.jpg"></img> </div> <div class="col-lg-7 py-5 position-relative"> <span class="quote-open d-none d-lg-flex text-primary-hover">“</span> <div class="fs-2 text-primary-contrast pb-5 position-relative" style="z-index:1">We are so glad that we opted to add Job Board. The revenue share that we get from it is incredible. So far, it’s been over $400 every quarter.</div> <span class="quote-closed d-none d-lg-flex text-primary">“</span> <span class="testimonial-name d-block text-primary fw-bold fs-5">Lori Haislip</span> <span class="testimonial-desg text-primary-contrast">The Virginia Recreation and Parks Society</span> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="container"> <div class="row py-5 justify-content-center"> <div class="col-12 col-lg-10"> <div class="row"> <div class="col-12 col-md-7"> <h2 class="mb-5">Even more Job Board features</h2> <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"> <img decoding="async" class="pe-3" src="https://memberclicks.com/wp-content/uploads/2023/08/Craft-Member-Content-Icon-2.png"><h3 class="fs-4">Automatic employer surveys</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"> Fourteen days after a posting is created, Job Board automatically sends an email survey to the job poster asking 1) if the job has been filled, 2) why or why not and 3) for any comments on it. These surveys help you understand how your Job Board is performing with no extra work for you. </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"> <img decoding="async" class="pe-3" src="https://memberclicks.com/wp-content/uploads/2023/08/Flexible-Icon-1.png"><h3 class="fs-4">Integrated social sharing</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"> Enable automatic sharing of jobs on Facebook, Twitter, LinkedIn and email with the click of a button. </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"> <img decoding="async" class="pe-3" src="https://memberclicks.com/wp-content/uploads/2023/08/Forms-Icon-1.png"><h3 class="fs-4">Newsletter generator</h3> </button> <hr> </h2> <div id="collapseThree" class="accordion-collapse border-0 collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> <div class="accordion-body"> Select a specific set of job posting that you want to highlight on your website or in your next newsletter with a seamless HTML code generator. </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"> <img decoding="async" class="pe-3" src="https://memberclicks.com/wp-content/uploads/2023/08/Dues-and-Financials-Icon.png"><h3 class="fs-4">Highlight “featured jobs”</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"> Offer the opportunity to job posters to upgrade their job listings with featured post designations that highlight their post at the top of the list and publishes it to the Google Job Network. </div> </div> </div> </div> </div> <div class="col-12 col-md-5"> <div class="tab-content d-flex justify-content-center align-items-center h-100" id="nav-tabContent"> <div class="tab-pane fade show active" id="accordion-one" role="tabpanel" aria-labelledby="accordion-one-tab"> <img decoding="async" class="img-fluid" src="https://memberclicks.com/wp-content/uploads/2023/08/JB-_-Even-More-Feature-1-of-4-Automatic-Employee-Surveys.png" alt=""> </div> <div class="tab-pane fade" id="accordion-two" role="tabpanel" aria-labelledby="accordion-two-tab"> <img decoding="async" class="img-fluid" src="https://memberclicks.com/wp-content/uploads/2023/08/Group-672.png" alt="Intregrated Social Selling"> </div> <div class="tab-pane fade" id="accordion-three" role="tabpanel" aria-labelledby="accordion-three-tab"> <img decoding="async" class="img-fluid" src="https://memberclicks.com/wp-content/uploads/2023/08/JB-_-Even-More-Feature-3-of-4-Newsletter-Generator.png" alt="Newsletter Generator"> </div> <div class="tab-pane fade" id="accordion-four" role="tabpanel" aria-labelledby="accordion-four-tab"> <img decoding="async" class="img-fluid" src="https://memberclicks.com/wp-content/uploads/2023/08/JB-_-Even-More-Feature-4-of-4-Featured-Jobs.png" alt="Featured Job"> </div> </div> </div> </div> </div> </div> </div> <p></p> <div id="" class="cta py-5 position-relative p bg-secondary-light" style="background-image: url('https://memberclicks.com/wp-content/uploads/2023/08/Vector-4-2-1.png'); background-position: bottom right; 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/2023/08/Group-670.png" alt="cta-image"> </div> <div class="col-12 col-lg-6 text-center text-lg-start"> <h2 class="text-secondary-dark">See Job Board in action</h2> <p>Our team can show you how Job Board works with MemberClicks to bring more benefits to your members.</p> <a class="btn btn-primary d-inline-block mb-3" href="#demo-request-top" target="">Book a demo</a> </div> </div> </div> </div> </div> </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">Other <span class="text-cta">add-ons</span> to help you do more for your members</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/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/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> <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="advanced-ads-sticky-footer-js-js-extra"> /* <![CDATA[ */ var advanced_ads_sticky_settings = {"check_position_fixed":"","sticky_class":"membe-sticky","placements":["placement-footer-curious-about-change"]}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads-sticky-ads/public/assets/js/sticky.js" id="advanced-ads-sticky-footer-js-js"></script> <script type="text/javascript" id="advanced-ads-pro/front-js-extra"> /* <![CDATA[ */ var advanced_ads_cookies = {"cookie_path":"\/","cookie_domain":""}; var advadsCfpInfo = {"cfpExpHours":"3","cfpClickLimit":"3","cfpBan":"7","cfpPath":"","cfpDomain":""}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads-pro/assets/js/advanced-ads-pro.min.js" id="advanced-ads-pro/front-js"></script> <script type="text/javascript" src="https://memberclicks.com/wp-content/themes/kin/js/navigation.js" id="amp-navigation-js"></script> <script type="text/javascript" src="https://memberclicks.com/wp-content/themes/kin/js/skip-link-focus-fix.js" id="amp-skip-link-focus-fix-js"></script> <script type="text/javascript" id="advanced-ads-pro/cache_busting-js-extra"> /* <![CDATA[ */ var advanced_ads_pro_ajax_object = {"ajax_url":"https:\/\/memberclicks.com\/wp-admin\/admin-ajax.php","lazy_load_module_enabled":"","lazy_load":{"default_offset":0,"offsets":[]},"moveintohidden":"","wp_timezone_offset":"-14400","the_id":"14504","is_singular":"1"}; var advanced_ads_responsive = {"reload_on_resize":"0"}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads-pro/assets/js/base.min.js" id="advanced-ads-pro/cache_busting-js"></script> <script>(function(d){var s=d.createElement("script");s.type="text/javascript";s.src="https://a.omappapi.com/app/js/api.min.js";s.async=true;s.id="omapi-script";d.getElementsByTagName("head")[0].appendChild(s);})(document);</script><script type="text/javascript" id="advadsTrackingScript-js-extra"> /* <![CDATA[ */ var advadsTracking = {"impressionActionName":"aatrack-records","clickActionName":"aatrack-click","targetClass":"membe-target","blogId":"1","frontendPrefix":"membe-"}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads-tracking/public/assets/js/dist/tracking.min.js" id="advadsTrackingScript-js"></script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/advanced-ads-tracking/public/assets/js/dist/delayed.min.js" id="advadsTrackingDelayed-js"></script> <script type="text/javascript" id="ubermenu-js-extra"> /* <![CDATA[ */ var ubermenu_data = {"remove_conflicts":"on","reposition_on_load":"off","intent_delay":"300","intent_interval":"100","intent_threshold":"7","scrollto_offset":"50","scrollto_duration":"1000","responsive_breakpoint":"959","accessible":"on","mobile_menu_collapse_on_navigate":"on","retractor_display_strategy":"responsive","touch_off_close":"on","submenu_indicator_close_mobile":"on","collapse_after_scroll":"on","v":"3.8.5","configurations":["main"],"ajax_url":"https:\/\/memberclicks.com\/wp-admin\/admin-ajax.php","plugin_url":"https:\/\/memberclicks.com\/wp-content\/plugins\/ubermenu\/","disable_mobile":"off","prefix_boost":"","use_core_svgs":"off","aria_role_navigation":"off","aria_nav_label":"off","aria_expanded":"off","aria_haspopup":"off","aria_hidden":"off","aria_controls":"","aria_responsive_toggle":"off","icon_tag":"i","esc_close_mobile":"on","keyboard_submenu_trigger":"enter","theme_locations":{"primary":"Primary"}}; /* ]]> */ </script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/ubermenu/assets/js/ubermenu.min.js" id="ubermenu-js"></script> <script type="text/javascript" src="https://memberclicks.com/wp-content/plugins/wp-smush-pro/app/assets/js/smush-lazy-load.min.js" id="smush-lazy-load-js"></script> <script>window.advads_admin_bar_items = [];</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":14504,"object_key":"add-ons","object_type":"post","term_ids":[],"wp_json":"https:\/\/memberclicks.com\/wp-json","wc_active":false,"edd_active":false,"nonce":"b84b092f23"};</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.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></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>