/* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ open_in_new content_copy /*** CUSTOM UPLOADED FONTS * Remove the @font-face block below if you're loading Adobe Type Kit. ***/ @font-face { font-family: 'Konnect'; src: url('https://3803265.fs1.hubspotusercontent-na1.net/hubfs/3803265/fonts/Konnect-Regular.eot?') format('eot'), url('https://3803265.fs1.hubspotusercontent-na1.net/hubfs/3803265/fonts/Konnect-Regular.woff') format('woff'), url('https://3803265.fs1.hubspotusercontent-na1.net/hubfs/3803265/fonts/Konnect-Regular.ttf') format('truetype'); } /*** FONTS FOR EASY COPY & PASTE * * Add Name of Your Fonts Here * * ***/ /****** WEBSITE HEADINGS ******/ h1 {font-family: 'Konnect', sans-serif !important; font-weight: normal;} h2 {font-family: 'Konnect', sans-serif !important;font-weight: normal;} h3 {font-family: 'Konnect', sans-serif !important;font-weight: normal;} h4 {font-family: 'Konnect', sans-serif !important;font-weight: normal;} h5 {font-family: 'Konnect', sans-serif !important;font-weight: normal;} h6 {font-family: 'Konnect', sans-serif !important;font-weight: normal;} /****** PARAGRAPHS AND LISTS ******/ p {font-family: 'Konnect', sans-serif !important;} li, ol {font-family: 'Konnect', sans-serif !important;} blockquote {font-family: 'Konnect', sans-serif !important;} /****** BLOG HEADINGS ******/ h1.blog-post__title {font-family: 'Konnect', sans-serif !important;} .blog-post h2 {font-family: 'Konnect', sans-serif !important;} .blog-post h3 {font-family: 'Konnect', sans-serif !important;} .blog-post h4 {font-family: 'Konnect', sans-serif !important;} .blog-post h5 {font-family: 'Konnect', sans-serif !important;} .blog-post h6 {font-family: 'Konnect', sans-serif !important;} /****** BLOG PARAGRAPHS AND LISTS ******/ #comments-listing .comment-body p, .blog-post p, .blog-post span {font-family: 'Konnect', sans-serif !important;} .blog-post li, .blog-post ol {font-family: 'Konnect', sans-serif !important;} .blog-index__post--large { padding: 0px!important; } .blog-index__post img { object-fit: contain!important; } /****** CALLS TO ACTION ******/ .cta-primary, .cta-primary:active, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary, .hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary {font-family: 'Konnect', sans-serif !important;} .cta-secondary, .cta-secondary:active, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary, .hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary {font-family: 'Konnect', sans-serif !important;} .cta-tertiary, .cta-tertiary:active, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary, .hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary {font-family: 'Konnect', sans-serif !important;} /****** FORM ELEMENTS ******/ .hs-button, .button--primary {font-family: 'Konnect', sans-serif !important;} .submit-alt .hs-button, .submit-alt .button--primary {font-family: 'Konnect', sans-serif !important;} /* INPUT TEXT FIELD */ form, .submitted-message, select, .hs-input {font-family: 'Konnect', sans-serif !important;} /* FORM LABEL */ .hs-fieldtype-checkbox > label, .hs-form label {font-family: 'Konnect', sans-serif !important;} /* CHECKBOX AND RADIO BUTTONS */ .hs_radio_buttons .hs-form-radio label, .hs_single_checkbox label, .hs-form label.hs-form-radio-display span, .hs-fieldtype-checkbox .hs-form-checkbox label, .hs-form-booleancheckbox label {font-family: 'Konnect', sans-serif !important;} /* HELP TEXT */ .hs-form legend {font-family: 'Konnect', sans-serif !important;} /* GDPR TEXT */ .legal-consent-container, .legal-consent-container p {font-family: 'Konnect', sans-serif !important;} /* ERROR MESSAGE */ .hs-error-msgs label {font-family: 'Konnect', sans-serif !important;} /* HEADER */ .hhs-lang-switch .lang_list_class li a, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { font-family: 'Konnect', sans-serif !important; } /* FOOTER */ .hhs-foot-rss h5, .hhs-foot-nav-col h5 { font-family: 'Konnect', sans-serif !important; } .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { font-family: 'Konnect', sans-serif !important; } @helpfulhero at thiscodeWorks.com #hs_cos_wrapper_widget_1655210375892 .first-col .hhs-rich-text h1 { filter: drop-shadow(0px 1px 3px #59434b); text-transform: uppercase; } /* CUSTOM FONT END*/ /* HOME ACCORDION BEGIN*/ .sc-kiLEMZ .content { max-width: 50%; } .sc-kiLEMZ .img:last-of-type { margin-right: 0 !important; } #home-acco div.col-sm-12 { padding-left: 0!important; padding-right: 0!important; } /* HOME ACCORDION END*/ #hs_cos_wrapper_widget_1655210375892 .first-col .hhs-rich-text h1 { filter: drop-shadow(0px 1px 3px #59434b); text-transform: uppercase; } /* BEGIN BLOG TEMPLATE EDITS*/ .blog-post__tags, .social-sharing-wrapper, .blog-comments, .addthis-smartlayers { display: none!important; } .hhs-blog-post-card h5, .hhs-post-meta p { color: #FFFFFF; } .blog-post__tags, .social-sharing-wrapper { display: none!important; } div.blog-comments } display: none!important; } .social-sharing-wrapper { display:none!important; } /* END BEGIN BLOG TEMPLATE EDITS*/ .float-right { float: right; } #hhs-main-nav li span, #hhs-main-nav ul li ul li span, #main-content li span, #main-content ul li ul li span, { color: #000; font-size: 18px; /* Text Color */ } #main-content ul ul { margin-top: 0; margin-bottom: 10px!important; } /* BEGIN FOOTER EDITS*/ #footer > .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul { float: right; display: inline-flex!important; } #footer > .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { margin-bottom: 15px; margin-left: 20px; text-align: right; } #footer .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul li, #footer .hhs-foot-base-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li { list-style:none!important; } #footer > .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .hhs-social-con i { font-size: 24px; } /* END FOOTER EDITS*/ /* mobile only styles when the device is 0-1000px in maximum width */ @media (max-width: 1200px) { h1 { max-width: 100%!important; } .dnd_area-row-2-background-image { background-image: none !important; } .hhs-flexi-card, .hs-rich-text-in, .c1, .c2, .c3 { margin-bottom: 30px!important; } .hhs-flexi-card:last, , .hs-rich-text-in:last { margin-bottom: 0px!important; } #hs_cos_wrapper_widget_1642098944968 .c1 { padding: 80px 50px 50px 50px; border-right: solid 0px white; } } /* Mass Spec Icons */ a.view-button { background-image: url('https://3803265.fs1.hubspotusercontent-na1.net/hubfs/3803265/icon_download.svg'); background-repeat: no-repeat; padding-left: 2em; margin: 1em 1em 1em 0; font-size: 1 em; } .hhs-blog-post-card { width: 100%!important; } /* mobile only styles when the device is 0-600px in maximum width */ @media (max-width: 600px) { /* hide the hat menu on mobile */ .hhs-header-hat { display: none!important; } .event-pg-list img, .location-map { display: none!important; } .cta-primary { margin-top: 7px!important; } img.jsr-logo { text-align: center; margin: 0 auto; width: 100%!important;} #footer > .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul { float: none; display: block!important; } #footer > .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { margin-bottom: 15px; margin-left: 0px; text-align: center; } }