/* ========================================================================== HubSpot Migrations Services - COS Boilerplate v2.0.0 ========================================================================== */ /* ========================================================================== Table of Contents: 1. EXTERNAL RESOURCES 2. BASE STYLES 3. COS STRUCTURE 4. MAIN NAVIGATION 5. BLOG 6. FORMS 7. BUTTONS 8. MISCELLANEOUS 9. MOBILE MEDIA QUERIES ========================================================================== */ /* ========================================================================== 1. EXTERNAL RESOURCES ========================================================================== */ /* =============== @import, @font-face, and CSS File Includes =============== */ /* EX: @import url('http://example.com/example_style.css'); */ @import url('//fonts.googleapis.com/css?family=Open+Sans%3A400%2C700&ver=4.8.2'); /* HubSpot_Boilerplate-modules.css is required to address style issues with the default modules and responsive grid layout */ /* Images */ img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } img.alignRight, img.alignright{ margin: 0 0 5px 15px; } img.alignLeft, img.alignleft{ margin: 0 15px 5px 0; } /* Reduces min-height on bootstrap structure */ .row-fluid [class*="span"] { min-height: 1px; } /* Blog Social Sharing */ .hs-blog-social-share .hs-blog-social-share-list { margin: 0; list-style: none !important; } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { height: 30px; list-style: none !important; } @media (max-width: 479px){ .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) { float: none !important; /* Stack social icons into two rows on phones */ } } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{ vertical-align: top !important; /* Aligns Facebook icon with other social media icons */ } /* Captcha */ #recaptcha_response_field { width: auto !important; display: inline-block !important; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field { min-height: 0;line-height: 12px; } @media all and (max-width: 400px) { /* beat recaptcha into being responsive, !importants and specificity are necessary */ #captcha_wrapper, #recaptcha_area, #recaptcha_area table#recaptcha_table, #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 { width: auto !important; overflow: hidden; } #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; } #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; } } /* Videos */ video { max-width: 100%; height: auto; } /* Date Picker */ #calroot { width: 202px !important; line-height: normal; } #calroot, #calroot *, #calroot *:before, #calroot *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #calroot select { min-height: 0 !important; padding: 1px 2px !important; font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important; font-size: 10px !important; line-height: 18px !important; font-weight: normal !important; } #caldays { margin-bottom: 4px; } /* Responsive Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-top: 0px; padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0 0 0 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] select { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Fix radio button and check box fields in multi column forms*/ .hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input, .hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input { width: auto; } /* System Template Forms */ #email-prefs-form .email-edit { width: 100% !important; max-width: 507px !important; } #hs-pwd-widget-password { height: auto !important; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } /* Horizontal Menu ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; } /* Vertical Menu ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } /* Flyouts */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } @media (max-width: 767px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; } /* Stacking Horizontal Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; } .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { white-space: normal; } /* Stacking Vertical Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; opacity: 1; visibility: visible; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper { visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* Fix for CTA border box issue */ .hs-cta-wrapper a { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; padding: 0; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png") no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png") no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; top: 40%; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img { max-width: initial; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* Generated by Font Squirrel (https://www.fontsquirrel.com) on July 12, 2016 */ @font-face { font-family: 'lato'; src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Black/lato-black-webfont.eot"); src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Black/lato-black-webfont.eot#iefix") format("embedded-opentype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Black/lato-black-webfont.woff2") format("woff2"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Black/lato-black-webfont.woff") format("woff"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Black/lato-black-webfont.ttf") format("truetype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Black/lato-black-webfont.svg#latoblack") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'lato'; src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Italic/lato-italic-webfont.eot"); src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Italic/lato-italic-webfont.eot#iefix") format("embedded-opentype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Italic/lato-italic-webfont.woff2") format("woff2"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Italic/lato-italic-webfont.woff") format("woff"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Italic/lato-italic-webfont.ttf") format("truetype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Italic/lato-italic-webfont.svg#latoitalic") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'lato'; src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/BoldItalic/lato-bolditalic-webfont.eot"); src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/BoldItalic/lato-bolditalic-webfont.eot#iefix") format("embedded-opentype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/BoldItalic/lato-bolditalic-webfont.woff2") format("woff2"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/BoldItalic/lato-bolditalic-webfont.woff") format("woff"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/BoldItalic/lato-bolditalic-webfont.ttf") format("truetype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/BoldItalic/lato-bolditalic-webfont.svg#latobold_italic") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: 'lato'; src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Bold/lato-bold-webfont.eot"); src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Bold/lato-bold-webfont.eot#iefix") format("embedded-opentype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Bold/lato-bold-webfont.woff2") format("woff2"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Bold/lato-bold-webfont.woff") format("woff"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Bold/lato-bold-webfont.ttf") format("truetype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Bold/lato-bold-webfont.svg#latobold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'lato'; src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Regular/lato-regular-webfont.eot"); src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Regular/lato-regular-webfont.eot#iefix") format("embedded-opentype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Regular/lato-regular-webfont.woff2") format("woff2"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Regular/lato-regular-webfont.woff") format("woff"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Regular/lato-regular-webfont.ttf") format("truetype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Lato/Regular/lato-regular-webfont.svg#latoregular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'noto_serif'; src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Notoserif/Italic/notoserif-italic-webfont.eot"); src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Notoserif/Italic/notoserif-italic-webfont.eot#iefix") format("embedded-opentype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Notoserif/Italic/notoserif-italic-webfont.woff2") format("woff2"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Notoserif/Italic/notoserif-italic-webfont.woff") format("woff"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Notoserif/Italic/notoserif-italic-webfont.ttf") format("truetype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Notoserif/Italic/notoserif-italic-webfont.svg#noto_serifitalic") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'noto_serif'; src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Notoserif/Regular/notoserif-regular-webfont.eot"); src: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Notoserif/Regular/notoserif-regular-webfont.eot#iefix") format("embedded-opentype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Notoserif/Regular/notoserif-regular-webfont.woff2") format("woff2"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Notoserif/Regular/notoserif-regular-webfont.woff") format("woff"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Notoserif/Regular/notoserif-regular-webfont.ttf") format("truetype"), url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/Notoserif/Regular/notoserif-regular-webfont.svg#noto_serifregular") format("svg"); font-weight: normal; font-style: normal; } /*! * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url('//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/fontawesome/fontawesome-webfont.eot?v=4.6.3'); src: url('//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/fontawesome/fontawesome-webfont.eot#iefix&v=4.6.3') format('embedded-opentype'), url('//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/fontawesome/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Fonts/fontawesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-gear:before, .fa-cog:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-gears:before, .fa-cogs:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before, .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-copy:before, .fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-save:before, .fa-floppy-o:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-unsorted:before, .fa-sort:before { content: "\f0dc" } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd" } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-legal:before, .fa-gavel:before { content: "\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-flash:before, .fa-bolt:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-paste:before, .fa-clipboard:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-unlink:before, .fa-chain-broken:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152" } .fa-euro:before, .fa-eur:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-rupee:before, .fa-inr:before { content: "\f156" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158" } .fa-won:before, .fa-krw:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-turkish-lira:before, .fa-try:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0" } .fa-ge:before, .fa-empire:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before, .fa-weixin:before { content: "\f1d7" } .fa-send:before, .fa-paper-plane:before { content: "\f1d8" } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before, .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-hotel:before, .fa-bed:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-yc:before, .fa-y-combinator:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before, .fa-battery-full:before { content: "\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before, .fa-battery-half:before { content: "\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-tv:before, .fa-television:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } .fa-gitlab:before { content: "\f296" } .fa-wpbeginner:before { content: "\f297" } .fa-wpforms:before { content: "\f298" } .fa-envira:before { content: "\f299" } .fa-universal-access:before { content: "\f29a" } .fa-wheelchair-alt:before { content: "\f29b" } .fa-question-circle-o:before { content: "\f29c" } .fa-blind:before { content: "\f29d" } .fa-audio-description:before { content: "\f29e" } .fa-volume-control-phone:before { content: "\f2a0" } .fa-braille:before { content: "\f2a1" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-signing:before, .fa-sign-language:before { content: "\f2a7" } .fa-low-vision:before { content: "\f2a8" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-pied-piper:before { content: "\f2ae" } .fa-first-order:before { content: "\f2b0" } .fa-yoast:before { content: "\f2b1" } .fa-themeisle:before { content: "\f2b2" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3" } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4" } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } /* ========================================================================== 2. BASE STYLES ========================================================================== */ /* =============== Base =============== */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { min-height: 100%; margin: 0; padding: 0; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { color: #4d4d4d; background: #fff; font: 18px/1.166667 "lato", "Helvetica Neue", "Helvetica", sans-serif; min-width: 320px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #site-wrapper { position: relative; overflow: hidden; } /* Page Center */ .container-fluid .row-fluid .page-center { float: none; max-width: 980px; margin: 0 auto; padding-left: 10px; padding-right: 10px; width: 100%; } .row-fluid .span12 { width: 100%; } @media (max-width: 1023px) { .container-fluid .row-fluid .page-center { padding-left: 0; padding-right: 0; } } /* Highlighted Text ::-moz-selection { color: #fff; background: #333; text-shadow: none; } ::selection { color: #fff; background: #333; text-shadow: none; } */ /* =============== Typography =============== */ /* Basic text */ p {margin: 0 0 35px;} small {font-size: 80%;} b, strong { font-weight: bold; } em {} cite {} code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } pre { max-width: 100%; overflow: auto; } sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { vertical-align: top; max-width: 100%; height: auto; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: "noto_serif", "Times", "Baskerville", "Georgia", serif; margin: 0 0 20px; color: #0055a5; font-style: italic; font-weight: normal; } } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {display: none;} h1 { font-size: 51px; margin-bottom: 0; } h2 {font-size: 30px;} h3 {font-size: 22px;} h4 {font-size: 18px;} h5 {font-size: 16px;} h6 {font-size: 14px;} h3.form-title { font-size: 22px; line-height: 1; margin-bottom: 11px; font-weight: 400; text-align: center; } .sidebar h3:first-child, .blog-sidebar h3:first-child { font-size: 13px; text-transform: uppercase; color: #444; position: relative; padding-left: 15px; font-style: normal; font-family: "lato", "Helvetica Neue", "Helvetica", sans-serif; font-weight: bold; letter-spacing: 1px; margin-bottom: 15px; } .sidebar h3:first-child:before, .blog-sidebar h3:before { content: ''; width: 8px; height: 8px; background: #00850b; border-radius: 50%; left: -2px; top: 4px; position: absolute; } @media (max-width: 1023px) { .sidebar h3:first-child, .blog-sidebar h3:first-child { font-size: 16px; padding-left: 17px; } .sidebar h3:first-child:before, .blog-sidebar h3:before { left: 1px; } } @media (max-width: 767px) { .sidebar h3:first-child, .blog-sidebar h3:first-child { font-size: 20px; margin-bottom: 20px; } .sidebar h3:first-child:before, .blog-sidebar h3:before { left: 2px; top: 8px; } } /* Anchor Links */ a { background-color: rgba(0, 0, 0, 0); color: #00850b; text-decoration: none; -webkit-transition: opacity 0.3s, color 0.3s, background 0.3s; transition: opacity 0.3s, color 0.3s, background 0.3s; } a:active, a:hover {outline: 0;} a:hover, a:focus { text-decoration: none; color: #0055a5; outline: none; } /* Lists */ ul, ol { margin: 0 0 1.166667em; padding-left: 3em; } ul ul, ul ol, ol ol, ol ul {} li {} ul {list-style-type: disc;} /* Block Quotes */ blockquote { border-left: 4px solid #4d4d4d; padding-left: .5em; margin-left: 1.166667em; margin-top: 2em; margin-bottom: 2em; font-style: italic; } blockquote p {} blockquote small {} /* Horizontal Rules */ hr { margin: 2em auto; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #4d4d4d, rgba(0, 0, 0, 0)); box-sizing: content-box; } /* Table */ table { border-collapse: collapse; border-spacing: 0; margin: 0 0 1.166667em; } th, td { border: 1px solid #4d4d4d; padding: .5em; text-align: left; vertical-align: top; } /* =============== EU Cookie Confirmation Bar =============== */ /* Confirmation Outer Wrapper*/ #hs-eu-cookie-confirmation {} /* Confirmation Inner Wrapper*/ #hs-eu-cookie-confirmation-inner {} #hs-eu-cookie-confirmation-inner p{} /* Confirmation Button */ #hs-en-cookie-confirmation-buttons-area {} a#hs-eu-confirmation-button {} /* ========================================================================== Snippet Code ========================================================================== */ /* Breadcrumb Holder ========================================================================== */ .breadcrumb-holder { font-size: 14px; line-height: 1; border-bottom: 1px solid #e5ecef; padding: 36px 5px 2px; } .breadcrumb-holder .row-fluid .widget-span {margin: 0;width: auto;} .breadcrumb-holder .row-fluid .widget-type-google_search { float: right; margin-top: -21px; width: auto; } .breadcrumb-holder .row-fluid .widget-type-header { float: left; width: auto; max-width: 630px; overflow: hidden; margin-top: -10px; } .breadcrumb-holder .row-fluid .widget-type-header h1 { font-size: 30px; line-height: 1; padding-bottom: 18px; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 0; } .hs-blog-post .breadcrumb-holder .row-fluid .custom_listing-pagination {display: none!important;} .breadcrumb-holder .row-fluid .custom_listing-pagination { padding: 0; position: relative; vertical-align: middle; margin-bottom: 26px; float: right; margin-right: 46px; width: auto; } @media (max-width: 1023px) { .breadcrumb-holder { padding: 21px 0 6px; font-size: 16px; margin: 0 20px!important; float: none!important; width: auto!important; } .breadcrumb-holder .row-fluid .custom_listing-pagination { float: left; padding-top: 15px; margin-bottom: 21px; margin-right: 46px; } .breadcrumb-holder .row-fluid .widget-type-google_search{ margin-top: 4px; } .breadcrumb-holder .row-fluid .widget-span.widget-type-menu {display: none;} .breadcrumb-holder .row-fluid .widget-type-header h1 { padding-bottom: 0; font-size: 24px; line-height: 27px; margin-top: 0px; margin-bottom: 0; max-width: 400px; overflow: visible; white-space: normal; } } @media (max-width: 767px) { .breadcrumb-holder { border: 0; padding: 18px 0 0; } .breadcrumb-holder .row-fluid .widget-type-google_search { margin: 0; float: none; } .breadcrumb-holder .row-fluid .custom_listing-pagination {display: none!important;} .widget-type-google_search .input > .hs-input { width: 100%; font-size: 20px; line-height: 28px; height: 46px; } .widget-type-google_search .input > a.hs-button button {height: 46px;} .breadcrumb-holder .row-fluid .widget-type-header{width: 100%;} .breadcrumb-holder .row-fluid .widget-type-header h1 { max-width: 100%; float: none; padding: 20px 0 17px; border-bottom: 1px solid #e5ecef; margin-bottom: 0; } } @media (max-width: 479px) { .breadcrumb-holder { margin: 0 10px!important; } .breadcrumb-holder .row-fluid .widget-type-header h1 { font-size: 22px; text-align: center; } } /* ========================================================================== Global Grups & Global Modules ========================================================================== */ /* Custom - Schedule Your Appointment Today ========================================================================== */ #custom_schedule-global { position: relative; background: url(//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Layout/bg1.png); padding: 70px 20px 40px; text-align: center; font-family: "noto_serif", "Times", "Baskerville", "Georgia", serif; font-style: italic; font-size: 24px; line-height: 40px; } #custom_schedule-global:after { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 72px; background: url(//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Layout/decor3.png) no-repeat; background-position: center; } #custom_schedule-global p {margin-bottom: 32px;} #custom_schedule-global .call { display: block; font-style: normal; font-size: 18px; line-height: 1; font-family: "lato", "Helvetica Neue", "Helvetica", sans-serif; } #custom_schedule-global .call a { font-weight: bold; color: #4d4d4d; } #custom_schedule-global .call a:hover {color: #00850b;} .btn-blue, .btn-blue:hover, .btn-blue:focus, .btn-blue:active {color: #fff;} @media (max-width: 1023px) { #custom_schedule-global { padding: 63px 20px 26px; line-height: 31px; } #custom_schedule-global .call {font-size: 24px;} #custom_schedule-global p {margin-bottom: 24px;} .btn-blue { font-size: 22px; line-height: 22px; padding: 14px 24px; margin-bottom: 12px; } #custom_schedule-global .tel {border-bottom: 2px dashed #0055a5;} } @media (max-width: 767px) { #custom_schedule-global { padding: 32px 15px 26px; font-size: 22px; } #custom_schedule-global p {margin-bottom: 26px;} .btn-blue { height: auto; line-height: 29px; padding: 11px 64px; display: block; } } @media (max-width: 479px) { #custom_schedule-global { padding: 38px 10px 26px; } .btn-blue { padding: 11px 14px; } #custom_schedule-global p {margin-bottom: 15px;} } /* ========================================================================== Custom Module ========================================================================== */ /* Custom Page Title ========================================================================== */ .custom_page-title { position: relative; overflow: hidden; min-height: 275px; background-size: cover; background-position: center; white-space: nowrap; text-align: left; } .custom_page-title:before { content: ''; display: inline-block; vertical-align: middle; width: 0; min-height: 275px; } .custom_page-title:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 57px; background: url(//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Layout/decor2.png) no-repeat; background-position: center; } .custom_page-title .custom_title-decor { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -webkit-linear-gradient(left, #fcfcfa 0%, #fcfcfc 42%, rgba(252, 252, 252, 0.2) 60%, rgba(252, 252, 252, 0) 70%, rgba(252, 252, 252, 0) 100%); background: linear-gradient(to right, #fcfcfa 0%, #fcfcfc 42%, rgba(252, 252, 252, 0.2) 60%, rgba(252, 252, 252, 0) 70%, rgba(252, 252, 252, 0) 100%); } .custom_title-holder { max-width: 440px; padding: 20px 20px 50px; text-align: center; width: 100%; white-space: normal; display: inline-block; vertical-align: middle; position: relative; z-index: 3; } @media (max-width: 1023px){ .custom_title-holder{ max-width: 420px; padding: 20px 20px 80px; } .custom_page-title:after { background-size: cover; } } @media (max-width: 767px) { .custom_page-title { background-position: right top; min-height: 205px; } .custom_page-title:before {display: none;} .custom_title-holder{ padding: 26px 20px 80px; max-width: 100%; } .custom_page-title h1 { font-size: 40px; line-height: 1; text-shadow: 2px 2px 6px #666; } } @media (max-width: 479px) { .custom_page-title .custom_title-decor {right: 200px;} } /* ========================================================================== 3. COS STRUCTURE ========================================================================== */ /* =============== Structure =============== */ /* The outer wrappers of your website */ .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {} /* The inner wrappers of your website */ .header-container, .body-container, .footer-container {} /* =============== Header =============== */ .header-container-wrapper { position: relative; padding: 37px 0 0; z-index: 10; } .header-container-wrapper:before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 9px; background: url(//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Layout/decor1.png); background-position: center; z-index: 5; } .header-container {} @media (max-width: 1023px) { .header-container-wrapper { padding: 31px 20px 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); } } @media (max-width: 767px) { .header-container-wrapper {padding: 107px 5px 18px;} } /* ========================================================================== Custom Header ========================================================================== */ #custom_header {} #custom_header.custom-lp { box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); padding-bottom: 28px; } #custom_header.custom-lp .custom-menu-primary, #custom_header.custom-lp .custom_header-links, .jsOn #custom_header.custom-lp .custom-menu-primary {display: none;} #custom_header .custom_column.left-column {float: left;width: auto;} #custom_header .custom_column.right-column { float: right; text-align: right; width: auto; margin: 0; } @media (max-width: 1023px) { #custom_header.custom-lp {box-shadow: none;padding-bottom: 0;} #custom_header .custom_column.right-column { overflow: hidden; width: 100%; text-align: left; padding: 18px 0 0; } #custom_header .custom_column.right-column > div { float: left; width: auto; } #custom_header .custom_column.right-column > div:last-child {float: right;} } @media (max-width: 767px) { #custom_header .custom_column.left-column { float: none; width: 100%; } #custom_header .custom_column.right-column { position: absolute; left: 0; top: 0; right: 0; background: #0055a5; padding: 30px 0 16px; } } /* =============== Custom Header Phone Number =============== */ #custom_header a.tel { margin-top: -2px; margin-right: 5px; display: inline-block; font-size: 30px; line-height: 1; font-weight: bold; position: relative; color: #4d4d4d; } #custom_header a.tel:hover {color: #00850b;} #custom_header a.tel i { font-size: 19px; margin-right: 6px; color: #0055a5; } @media (max-width: 1023px) { #custom_header a.tel { border-bottom: 2px dashed #0055a5; margin-left: 55px; } #custom_header a.tel i { position: absolute; left: -20px; bottom: 0; } } @media (max-width: 767px) { #custom_header a.tel { color: #fff; border-bottom: 2px dashed #7ca2c6; font-size: 24px; line-height: 1; margin-left: 41px; } #custom_header a.tel i {color: #fff;} } @media (max-width: 479px) { #custom_header a.tel {margin-left: 32px;} } /* =============== Custom Header Links =============== */ #custom_header .custom_header-links .hs-menu-wrapper > ul { font-weight: 900; text-transform: uppercase; font-size: 15px; line-height: 1; padding: 9px 0 20px; } #custom_header .custom_header-links .hs-menu-wrapper > ul li { display: inline-block; vertical-align: middle; margin-left: 19px; float: none; } #custom_header .custom_header-links .hs-menu-wrapper > ul li a {color: #4d4d4d;} #custom_header .custom_header-links .hs-menu-wrapper > ul li a:hover {color: #00850b;} #custom_header .custom_header-links .hs-menu-wrapper > ul li a i { color: #0055a5; font-size: 15px; margin-right: 3px; } #custom_header .custom_header-links .hs-menu-wrapper > ul li.btn > a { display: block; text-transform: none; border-radius: 5px; background: #f0984d; height: 22px; border-bottom: 2px solid #d88945; color: #fff; padding: 2px 8px; } #custom_header .custom_header-links .hs-menu-wrapper > ul li.btn > a:hover {opacity: 0.7;} @media (max-width: 1023px) { #custom_header .custom_header-links .hs-menu-wrapper > ul { float: right; font-size: 20px; padding: 0px 0 20px; } #custom_header .custom_header-links .hs-menu-wrapper > ul li a i {font-size: 20px;} #custom_header .custom_header-links .hs-menu-wrapper > ul li.btn > a { height: 30px; font-size: 20px; line-height: 20px; padding: 4px 10px; } } @media (max-width: 767px) { #custom_header .custom_header-links {display: none;} } /* Custom Logo ========================================================================== */ #custom_header .custom_logo { float: left; width: 242px; height: 57px; margin-top: 2px; margin-right: 55px; position: relative; } #custom_header .custom_logo:after { content: ''; position: absolute; right: -30px; width: 2px; height: 54px; background: #f7f7f7; top: -1px; } #custom_header .custom_logo img {display: block;} @media (max-width: 1023px) { #custom_header .custom_logo { width: 271px; height: 64px; margin-right: 59px; } } @media (max-width: 767px) { #custom_header .custom_logo { float: none; width: 450px; height: 106px; margin: 55px auto 0; } #custom_header .custom_logo:after {display: none;} } @media (max-width: 479px) { #custom_header .custom_logo { width: 300px; height: 71px; } } /* Custom Cardiovascular Logo ========================================================================== */ #custom_header .custom_cardio-logo { float: left; text-align: center; text-transform: uppercase; font-size: 12px; line-height: 1; width: auto; margin: 0; } #custom_header .custom_cardio-logo:before {content: "\00a0";} #custom_header .custom_cardio-logo a { display: block; margin-top: -6px; } @media (max-width: 1023px) { #custom_header .custom_cardio-logo { padding: 1px 0 0; font-size: 16px; } } @media (max-width: 767px) { #custom_header .custom_cardio-logo {display: none;} } /* =============== Content =============== */ .body-container-wrapper {} .body-container {} .container-fluid .row-fluid .content-wrapper {padding: 25px 20px 30px;} .main-content {} .sidebar{} .sidebar.right{} .sidebar.left{} @media (max-width: 1023px) { .container-fluid .row-fluid .content-wrapper { padding: 20px 20px 30px; } } @media (max-width: 767px) { .container-fluid .row-fluid .content-wrapper { padding: 32px 15px 14px; } } @media (max-width: 497px) { .container-fluid .row-fluid .content-wrapper { padding: 16px 10px 0px; } } /* =============== Footer =============== */ .footer-container-wrapper { position: relative; overflow: hidden; } .footer-container {} /* ========================================================================== Custom Footer ========================================================================== */ #custom_footer h3 { font-family: "noto_serif", "Times", "Baskerville", "Georgia", serif; display: block; font-size: 18px; color: #0055a5; font-weight: normal; margin-bottom: 15px; padding-right: 10px; font-style: normal; } #custom_footer .hs_cos_wrapper_type_logo a:hover { opacity: 0.7; } @media (max-width: 1023px) { #custom_footer h3 { font-size: 24px; line-height: 1; margin-bottom: 19px; } } /* =============== Footer Menu =============== */ #custom_footer .hs-menu-wrapper ul { overflow: hidden; padding-left: 2px; display: block; } #custom_footer .hs-menu-wrapper ul li { float: left; width: 50%; margin-bottom: 4px; padding-right: 10px; } #custom_footer .hs-menu-wrapper ul li a {color: #4d4d4d;} #custom_footer .hs-menu-wrapper ul li:hover > a, #custom_footer .hs-menu-wrapper ul li.active > a { color: #00850b; } @media (max-width: 1023px) { #custom_footer .hs-menu-wrapper ul li {margin-bottom: 16px;} #custom_footer .hs-menu-wrapper ul li a {text-decoration: underline;} } /* =============== Footer Contact =============== */ .contact-list { padding: 0; margin: 0; list-style: none; } .contact-list li { margin-bottom: 5px; padding-right: 10px; } .contact-list li .ico-holder { float: left; width: 20px; height: 20px; border-radius: 50%; display: block; background: #fff; position: relative; margin-right: 10px; } .contact-list li .cont { display: block; overflow: hidden; } .contact-list .ico-holder i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #7f7f7f; font-size: 14px; } .contact-list a {color: #4d4d4d;} .contact-list a:hover {color: #00850b;} @media (max-width: 1023px) { #custom_footer .contact-list {line-height: 24px;} #custom_footer .contact-list li {margin-bottom: 12px;} #custom_footer .contact-list li .ico-holder { width: 24px; height: 24px; } #custom_footer .contact-list li .cont {padding-bottom: 2px;} #custom_footer .contact-list li .mail {text-decoration: underline;} #custom_footer .contact-list li .tel {border-bottom: 2px dashed #0055a5;} } @media (max-width: 767px) { #custom_footer .contact-list li { padding-right: 0; margin-bottom: 18px; } } /* =============== Footer Mobile =============== */ #custom_footer .custom_footer-mobile {display: none;} @media (max-width: 767px) { #custom_footer .custom_footer-mobile { display: block; color: #4d4d4d; font-weight: bold; font-size: 18px; line-height: 1; margin-bottom: 16px; } #custom_footer .custom_footer-mobile:before { content: "PART OF"; } } @media (max-width: 479px) { #custom_footer .custom_footer-mobile { font-size: 16px; } } /* Custom Footer Top ========================================================================== */ #custom_footer .custom_footer-top { background: #f1f6f8; overflow: hidden; padding: 32px 29px 13px; } /* =============== Footer Top Columns =============== */ #custom_footer .custom_footer-top .custom_column { float: left; max-width: 260px; font-size: 16px; line-height: 20px; margin-left: 0; margin-bottom: 1.166667em; width: auto; } #custom_footer .custom_footer-top .custom_column.left-column { max-width: 415px; margin-right: 5px; } #custom_footer .custom_footer-top .custom_column.right-column { float: right; padding: 22px 7px; } @media (max-width: 1023px) { #custom_footer .custom_footer-top {padding: 29px 19px 13px;} #custom_footer .custom_footer-top .custom_column { font-size: 20px; line-height: 1; } #custom_footer .custom_footer-top .custom_column.center-column {max-width: 310px;} #custom_footer .custom_footer-top .custom_column.right-column { width: 100%; text-align: center; max-width: 100%; padding: 0 10px; margin-top: -16px; margin-bottom: 4px; } } @media (max-width: 767px) { #custom_footer .custom_footer-top {padding: 27px 16px 13px;} #custom_footer .custom_footer-top .custom_column.left-column { max-width: 100%; margin-right: 0; margin-bottom: 51px; } #custom_footer .custom_footer-top .custom_column.center-column { max-width: 100%; } #custom_footer .custom_footer-top .custom_column.right-column { margin-top: -12px; margin-bottom: 15px; } } @media (max-width: 479px) { #custom_footer .custom_footer-top .custom_column.left-column {margin-bottom: 31px;} } /* Custom Footer Bottom ========================================================================== */ #custom_footer .custom_footer-bottom { background: #0055a5; overflow: hidden; text-align: center; color: #fff; font-size: 14px; line-height: 23px; padding: 10px 10px 18px; } #custom_footer .custom_footer-bottom p {margin: 0;} #custom_footer .custom_footer-bottom a { color: #fff; text-decoration: underline; } #custom_footer .custom_footer-bottom a:hover {text-decoration: none;} @media (max-width: 1023px) { #custom_footer .custom_footer-bottom { font-size: 18px; line-height: 25px; padding: 19px 10px 20px; } } @media (max-width: 767px) { #custom_footer .custom_footer-bottom {padding: 22px 15px 28px;} } /* ========================================================================== 4. MAIN NAVIGATION ========================================================================== */ /* =============== Breadcrumbs =============== */ .hs-breadcrumb-menu-wrapper { display: inline-block; vertical-align: middle; text-transform: uppercase; padding-left: 26px; position: relative; text-transform: none; } .hs-breadcrumb-menu-wrapper:before { content: ''; position: absolute; left: 6px; top: 6px; width: 8px; height: 8px; border-radius: 50%; background: #00850b; } .hs-breadcrumb-menu { display: inline-block; vertical-align: middle; padding: 0 5px; } .hs-breadcrumb-menu .hs-breadcrumb-menu-item { display: inline-block; vertical-align: middle; font-weight: bold; position: relative; float: none; padding: 0 24px 0 0; } .hs-breadcrumb-menu .hs-breadcrumb-menu-item:after { content: "\f105"; color: #00850b; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; position: absolute; right: 6px; top: 0; } .hs-breadcrumb-menu .hs-breadcrumb-menu-item.last-crumb { font-family: "noto_serif", "Times", "Baskerville", "Georgia", serif; font-weight: normal; font-style: italic; padding: 2px 0; max-width: 260px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .hs-breadcrumb-menu .hs-breadcrumb-menu-item.last-crumb:after {display: none;} .hs-breadcrumb-menu .hs-breadcrumb-menu-item a { text-decoration: underline; color: #0055a5; } .hs-breadcrumb-menu .hs-breadcrumb-menu-item a:hover { color: #00850b; } .hs-breadcrumb-menu-divider {display: none;} @media (max-width: 1023px) { .hs-breadcrumb-menu-wrapper {display: none;} } /* =============== Vertical Menu =============== */ .sidebar .hs-menu-wrapper.hs-menu-flow-vertical ul { padding: 0; font-size: 14px; line-height: 16px; letter-spacing: 1px; } .sidebar .hs-menu-wrapper.hs-menu-flow-vertical ul li {} .sidebar .hs-menu-wrapper.hs-menu-flow-vertical ul li a { border-bottom: 1px solid #eee; padding: 14px 7px; color: #4d4d4d; } .sidebar .hs-menu-wrapper.hs-menu-flow-vertical ul li.active > a, .sidebar .hs-menu-wrapper.hs-menu-flow-vertical ul li a:hover {color: #00850b;} .sidebar .hs-menu-wrapper.hs-menu-flow-vertical ul ul { padding-left: 20px; background: #fff; } .sidebar .hs-menu-wrapper.hs-menu-flow-vertical > ul > li > a, .sidebar .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li a {white-space: normal!important;} @media (min-width: 768px) { .sidebar .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul ul {padding: 0 14px;} .sidebar .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul ul li:last-child > a {border-bottom: 0;} } @media (max-width: 767px) { .sidebar .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li a {white-space: normal!important;} } /* =============== Custom Menu Primary =============== */ #custom_header .custom-menu-primary { max-width: 960px; margin: 0 auto; background: #0055a5; text-align: center; border-radius: 5px 5px 0 0; font-size: 20px; line-height: 1; font-weight: 700; text-shadow: 1px 1px 1px black; display: none; } .jsOn #custom_header .custom-menu-primary { display: block; } /* Parent List */ #custom_header .custom-menu-primary .hs-menu-wrapper > ul {display: block;} #custom_header .custom-menu-primary .hs-menu-wrapper > ul > li { display: inline-block; padding: 5px 4px 6px; position: relative; float: none; } #custom_header .custom-menu-primary .hs-menu-wrapper > ul > li > a { display: block; color: #fff; border-radius: 8px; padding: 9px 16px; position: relative; z-index: 3; background: #0064c2; } #custom_header .custom-menu-primary .hs-menu-wrapper > ul > li.only-mobile {display: none;} #custom_header .custom-menu-primary .hs-menu-wrapper > ul > li.active, #custom_header .custom-menu-primary .hs-menu-wrapper > ul > li.active-branch, #custom_header .custom-menu-primary .hs-menu-wrapper > ul > li:hover {background: #eff5f3;} #custom_header .custom-menu-primary .hs-menu-wrapper > ul > li.active > a, #custom_header .custom-menu-primary .hs-menu-wrapper > ul > li.active-branch > a, #custom_header .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a { color: #00850b; text-shadow: none; background: #e3ece9; border-bottom: 2px solid #fbfcfc; padding: 9px 16px 7px; } /* Child List */ #custom_header .custom-menu-primary .hs-menu-wrapper > ul ul { top: 100%; min-width: 268px; border-radius: 9px; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.5); overflow: hidden; transition: none; } #custom_header .custom-menu-primary .hs-menu-wrapper > ul ul li { display: block; margin: 0; padding: 0; position: relative; } #custom_header .custom-menu-primary .hs-menu-wrapper > ul ul li a { background: #edf4f2; text-shadow: none; color: #4d4d4d; font-size: 16px; text-align: left; padding: 8px 14px 7px; border-bottom: 1px solid #fff; white-space: normal!important; } #custom_header .custom-menu-primary .hs-menu-wrapper > ul ul li.active > a, #custom_header .custom-menu-primary .hs-menu-wrapper > ul ul li.active-branch > a, #custom_header .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover { color: #fff; background: #0055a5; border: 0; border-bottom: 1px solid #fff; padding: 8px 14px 7px; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width: 1024px) { .custom-menu-primary .hs-menu-wrapper, .custom-menu-primary .hs-menu-wrapper > ul ul { display:block !important; } } /* =============== Mobile Toggle Menu =============== */ /* Hide button on Desktop */ .mobile-trigger, .child-trigger{ display: none; } @media (max-width: 1023px) { /* ===== Mobile Toggle Button ===== */ .mobile-trigger { display: block !important; /* Show button on mobile */ z-index: 120; width: 67px; height: 61px; position: absolute; right: 19px; top: 32px; display: none; -webkit-transition: left 0.3s; transition: left 0.3s; background: #0055a5; } .mobile-trigger .hold { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #0064c2; width: 52px; height: 46px; border-radius: 8px; z-index: -1; } .mobile-trigger:hover {opacity: 0.9;} /* Change button when menu is open */ .mobile-open .mobile-trigger {background: #eff5f3;} .mobile-open .mobile-trigger .hold { background: #e7f0ed; border-bottom: 2px solid #fbfcfc; } .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger:before, .mobile-open .mobile-trigger:after { background: #00850b; } /* Toggle Button Icon */ .mobile-trigger:before, .mobile-trigger:after { background: #fff; position: absolute; top: 29%; left: 23%; right: 23%; height: 5px; border-radius: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; content: ''; } .mobile-trigger:after {top: 64%;} .mobile-trigger i { background: #fff; position: absolute; top: 46%; left: 23%; right: 23%; height: 5px; border-radius: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; } /* ===== Mobile Child Toggle Buttons ===== */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 41px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); z-index: 4; } .child-trigger:hover{ text-decoration: none; } .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color:#4d4d4d; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-open > .child-trigger i{} .child-open > .child-trigger i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } li.active > .child-trigger i, li.active > .child-trigger i:after, li.active-branch > .child-trigger i, li.active-branch > .child-trigger i:after, li:hover > .child-trigger i, li:hover > .child-trigger i:after, .child-open > .child-trigger i, .child-open > .child-trigger i:after { background-color: #fff; } /* ===== Mobile Menu Styles ===== */ #custom_header .custom-menu-primary.js-enabled {min-height: 0;} /* Hide menu on mobile */ #custom_header .custom-menu-primary.js-enabled .hs-menu-wrapper { display: none; position: absolute; right: 19px; top: 93px; width: auto; } .mobile-open #custom_header .custom-menu-primary.js-enabled .hs-menu-wrapper { display: block; } /* Make child lists appear below parent items */ #custom_header .custom-menu-primary ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; position: static; display: none; } /* Mobile Menu Styles */ #custom_header .custom-menu-primary .hs-menu-wrapper > ul { background: #edf4f2; width: 268px; border-radius: 9px 0 9px 9px; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.5); padding: 0; margin: 0; overflow: hidden; } /* Level 1 and Higher Menu List Styles */ #custom_header .custom-menu-primary .hs-menu-wrapper > ul li { display: block; padding: 0; margin: 0; } #custom_header .custom-menu-primary .hs-menu-wrapper > ul li a { border-radius: 0; background: #edf4f2; text-shadow: none; color: #4d4d4d; text-align: left; padding: 11px 13px 10px; border-bottom: 1px solid #fff; } #custom_header .custom-menu-primary .hs-menu-wrapper > ul li.active-branch > a, #custom_header .custom-menu-primary .hs-menu-wrapper > ul li.active > a, #custom_header .custom-menu-primary .hs-menu-wrapper > ul li:hover > a, #custom_header .custom-menu-primary .hs-menu-wrapper > ul li.child-open > a { color: #fff; background: #0055a5; padding: 11px 13px 10px; border: 0; border-bottom: 1px solid #fff; } /* Level 2 and Higher Menu List Styles */ #custom_header .custom-menu-primary .hs-menu-wrapper > ul ul { position: relative; border-radius: 0; top: auto; box-shadow: none; left: auto; } #custom_header .custom-menu-primary .hs-menu-wrapper > ul ul li a { border-radius: 0; background: #edf4f2; text-shadow: none; color: #4d4d4d; text-align: left; padding: 11px 13px 10px 25px; border-bottom: 1px solid #fff; white-space: normal!important; } #custom_header .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover {padding: 11px 13px 10px 25px;} /* Level 3 and Higher Menu List Styles */ /* Level 4 and Higher Menu List Styles */ } @media (max-width: 767px) { #custom_header .custom-menu-primary.js-enabled .hs-menu-wrapper { right: 13px; top: 70px; } #custom_header .custom-menu-primary .hs-menu-wrapper > ul > li.only-mobile {display: block;} .mobile-trigger { top: 9px; right: 13px; } } @media (max-width: 479px) { .mobile-trigger { right: 8px; } #custom_header .custom-menu-primary.js-enabled .hs-menu-wrapper {right: 8px;} #custom_header .custom-menu-primary .hs-menu-wrapper > ul{ box-shadow: none; width: 301px; } } /* ========================================================================== 5. BLOG ========================================================================== */ /* =============== General Blog Styles =============== */ /* Blog Post and Listing Body Class */ .blog {} /* Blog Post */ .hs-blog-post {} /* Blog Listing */ .hs-blog-listing {} /* Blog Columns Wrapper */ .blog .content-wrapper {} /* =============== Blog Content Column =============== */ .blog .blog-content {} body.blog .blog-content {text-align: left;} body.blog .blog-content.span9 { float: left; width: 74.3%; } body.blog .blog-sidebar.span3 { float: right; width: 23.5%; margin-left: 0; } @media (max-width: 1023px) { body.blog .blog-content.span9 {width: 66.5%;} body.blog .blog-sidebar.span3 {width: 29.1%;} } @media (max-width: 767px) { body.blog .blog-content.span9 { float: none; width: 100%; text-align: left; padding-bottom: 31px; border-bottom: 1px solid #e5ecef; margin-bottom: 30px; } body.blog .blog-sidebar.span3 { float: none; width: 100%; } } /* Use this to style the main wrapper for the blog listing pages */ .blog-listing-wrapper {} /* Use this to style the main wrapper for the blog post pages */ .blog-post-wrapper {} /* Blog Title */ .hs-blog-header h1 {} .hs-blog-header h1 a{} /* Blog Post Title */ .post-header h1 { font-size: 30px; line-height: 34px; } .post-header h2 { margin-bottom: 4px; font-size: 22px; } .post-header h2 a { font-size: 24px; letter-spacing: 0; color: #0055a5; } .post-header h2 a:hover {color: #00850b;} @media (max-width: 1023px) { .post-header h1 { font-size: 24px; line-height: 24px; } } @media (max-width: 479px) { .post-header h1 {line-height: 29px;} } /* Blog Author and Avatar */ #hubspot-author_data {} #hubspot-author_data:after { content: ''; display: block; clear: both; } #hubspot-author_data a.author-link {} #hubspot-author_data .hs-author-avatar {} #hubspot-author_data .hs-author-avatar img { width: 50px; float: left; margin-right: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #hubspot-author_data ul.list { border-bottom: 1px solid #e5ecef; font-size: 14px; line-height: 1; padding-bottom: 12px; margin-bottom: 9px; padding-left: 0; } #hubspot-author_data ul.list li { display: inline-block; vertical-align: middle; margin-right: 18px; position: relative; } #hubspot-author_data ul.list li:last-child:after {display: none;} #hubspot-author_data ul.list li:after { content: ''; position: absolute; top: 1px; right: -11px; width: 1px; height: 13px; background: #dadada; } #hubspot-author_data ul.list li a {color: #4d4d4d;} #hubspot-author_data ul.list li a:hover {color: #00850b;} .post-links { font-size: 18px; line-height: 24px; border-bottom: 1px solid #e5ecef; padding: 7px 0 11px; margin-bottom: 15px; text-align: left; } .post-links ul { margin: 0; padding: 0; list-style: none; } .post-links > ul > li { display: inline-block; vertical-align: middle; padding-right: 23px; position: relative; } .post-links > ul > li:not(:last-child):after { content: ''; position: absolute; right: 9px; top: 5px; width: 1px; height: 16px; background: #ddd; } .post-links a {color: #4d4d4d;} .post-links a:hover {color: #00850b;} .post-links .share li { display: inline-block; vertical-align: middle; margin-right: 3px; margin-bottom: 0px; } .post-links .share li:hover { opacity: 0.7; cursor: pointer; } .ico-facebook { display: block; background: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Layout/social-sprite.png") no-repeat 0 0; width: 25px; height: 26px; } .ico-google { display: block; background: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Layout/social-sprite.png") no-repeat -30px 0; width: 25px; height: 26px; } .ico-twitter { background: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Layout/social-sprite.png") no-repeat -61px 0; width: 25px; height: 26px; display: block; } .ico-linked { background: url("//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Layout/social-sprite.png") no-repeat -91px 0; width: 25px; height: 26px; display: block; } /* Use this to set up different styling for your blog posts */ .blog-listing-wrapper .post-listing .post-item { overflow: hidden; position: relative; padding: 6px 0 37px; margin-right: 41px; margin-left: -10px; margin-bottom: 20px; } .blog-listing-wrapper .post-listing .post-item:before { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; content: ''; background: url(//3952114.fs1.hubspotusercontent-na1.net/hubfs/3952114/TheCardiovascularCareGroup_October2017/Layout/decor1.png); background-position: center; } .blog-listing-wrapper .post-listing .post-item .post-body {} .blog-post-wrapper .post-body {} .blog-listing-wrapper .post-listing .post-item .image-holder { min-height: 217px; width: 100%; float: left; max-width: 260px; margin-right: 16px; margin-top: 7px; position: relative; } .blog-listing-wrapper .post-listing .post-item .text-holder { overflow: hidden; text-align: left; } @media (max-width: 1023px) { .blog-listing-wrapper .post-listing .post-item { margin-left: 0; margin-right: 5px; padding: 6px 0 5px; margin-bottom: 12px; } .blog-listing-wrapper .post-listing .post-item .image-holder { max-width: 225px; margin-right: 20px; } .blog-listing-wrapper .post-listing .post-item .text-holder {padding-top: 3px;} } @media (max-width: 767px) { .blog-listing-wrapper .post-listing .post-item { margin-right: 0; margin-bottom: 19px; overflow: visible; } .blog-listing-wrapper .post-listing .post-item:before { left: -15px; right: -15px; } .blog-listing-wrapper .post-listing .post-item .image-holder { float: none; max-width: 100%; margin: 0 0 20px; } .blog-listing-wrapper .post-listing .post-item .text-holder { overflow: hidden; text-align: left; } } @media (max-width: 479px) { .blog-listing-wrapper .post-listing .post-item .image-holder {margin-bottom: 12px;} } /* Post Featured Image on Listings Page */ .hs-featured-image-wrapper {} .hs-featured-image-wrapper .hs-featured-image-link {} .hs-featured-image-wrapper img.hs-featured-image{ float: none; max-width: 100%; margin: 0; } .hs-featured-image-wrapper .btn-holder { opacity: 0; visibility: hidden; -webkit-transition: visibility 0.3s, opacity 0.3s; transition: visibility 0.3s, opacity 0.3s; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(237, 244, 242, 0.8); border-radius: 8px 8px 0 0; z-index: 5; } .hs-featured-image-wrapper .btn-holder .btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 142px; text-align: center; height: 54px; font-size: 18px; line-height: 1; font-family: 'Open Sans'; color: #0055a5; border: 3px solid #0055a5; border-radius: 5px; padding: 15px 10px; text-transform: uppercase; font-weight: bold; } .hs-featured-image-wrapper:hover .btn-holder { visibility: visible; opacity: 1; } .hs-featured-image-wrapper .btn-holder .btn:hover { opacity: .7; } /* Read More Link */ a.more-link {} /* Blog Topics List */ #hubspot-topic_data {} #hubspot-topic_data a.topic-link {} /* Blog Social Sharing Icons */ .hs-blog-social-share { margin-top: 20px; padding: 10px 0 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: auto; } /* Blog Commments */ #comments-listing { border-bottom: 1px solid #ccc; margin-bottom: 30px; margin-top: 30px; } .comment { margin: 10px 0; border-top: 1px solid #ccc; padding: 15px 0; } .comment-date { font-size: 13px; text-align: right; } .comment-from { font-weight: bold; } .comment-body { padding: 10px 0; } /* Pagination */ .blog-pagination {} .blog-pagination a {} .blog-pagination a.previous-posts-link {} .blog-pagination a.all-posts-link {} .blog-pagination a.next-posts-link {} .blog-pagination div {display: inline-block} .blog-pagination .screen-reader-text { font-style: normal; display: inline-block; vertical-align: middle; color: #4d4d4d; font-size: 16px; line-height: 1; margin-right: 11px; font-size: 16px; font-family: "lato", "Helvetica Neue", "Helvetica", sans-serif; margin-bottom: 0 !important; margin-top: 0 !important; overflow: visible; padding-bottom: 0 !important; float: none !important; } .blog-pagination a, .blog-pagination span { display: inline-block; vertical-align: middle; font-size: 16px; padding: 1px 3px; color: #2f383d; border-radius: 2px; box-sizing: content-box; } .blog-pagination .dots { pointer-events: none; color: #b3c5cc; } .blog-pagination span.active { color: #fff; background: #0055a5; } .blog-pagination a:hover { color: #fff; background: #0055a5; } .blog-pagination a.next-link, .blog-pagination a.prev-link { display: inline-block; vertical-align: middle; max-width: 48%; text-decoration: none; color: #b3c5cc; } .blog-pagination a.next-link:hover, .blog-pagination a.prev-link:hover { opacity: 0.8; color: #fff; } .custom_post-pagination {margin: 30px 0 20px;} .custom_post-pagination > div { float: left; vertical-align: middle; max-width: 48%; text-decoration: none; text-decoration: underline; font-size: 18px; line-height: 21px; color: #00850b; text-decoration: none; border-radius: 3px; } .custom_post-pagination > div:hover { opacity: 0.8; } .custom_post-pagination > div.post-next-link {float: right;} .custom_post-pagination > div a { color: inherit; text-decoration: none; display: block; position: relative; margin-left: 12px; } .custom_post-pagination > div.post-next-link a { margin-left: 0; margin-right: 12px; } .custom_post-pagination > div a:before { content: '«'; position: absolute; left: -11px; bottom: 0; } .custom_post-pagination > div.post-next-link a:before { content: '»'; left: auto; right: -11px; } @media (max-width: 1023px) { .blog-pagination a, .blog-pagination span { padding: 3px 6px; margin-right: 11px; font-size: 18px; } } /* Blog All Posts Page */ .hs-content-path-blog-all {} div.post-listing-simple {} div.post-listing-simple .post-item {} h2.post-listing-simple {} h2.post-listing-simple a {} /* =============== Blog Sidebar =============== */ .blog .blog-sidebar {} /* Blog Modules */ .blog .blog-sidebar .widget-span {} .blog .blog-sidebar .widget-span.widget-type-post_filter { margin-top: -3px; margin-bottom: 52px; } .widget-module ul { padding: 0; font-size: 14px; line-height: 16px; letter-spacing: 1px; list-style: none; } .widget-module ul li { border-bottom: 1px solid #eee; padding: 14px 7px; } .widget-module ul li a {color: #4d4d4d;} .widget-module ul li a:hover {color: #00850b;} .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper, .hs-rss-item.hs-with-featured-image .hs-rss-item-text { float: none; width: 100%; display: block; } .hs-rss-item { border-bottom: 1px solid #eee; padding-bottom: 11px; margin-bottom: 16px; } .hs-rss-item-image-wrapper {padding: 2px 0 9px;} a.hs-rss-title { font-family: "noto_serif", "Times", "Baskerville", "Georgia", serif; font-weight: bold; margin: 0 0 3px; color: #0055a5; font-style: italic; font-weight: normal; font-size: 18px; display: block; text-decoration: none; } a.hs-rss-title span { font-size: 16px; line-height: 18px; color: #0055a5; display: block; -webkit-transition: opacity 0.3s, color 0.3s, background 0.3s; transition: opacity 0.3s, color 0.3s, background 0.3s; } a.hs-rss-title span:hover { color: #00850b; } .hs-rss-byline { font-style: italic; display: block; font-size: 13px; line-height: 1; font-family: "noto_serif", "Times", "Baskerville", "Georgia", serif; margin-bottom: 5px; opacity: 1; } @media (max-width: 1023px) { .blog .blog-sidebar .widget-span.widget-type-post_filter { margin-top: 11px; margin-bottom: 41px; } .widget-module ul { font-size: 18px; letter-spacing: 0; } .widget-module ul li { padding: 12px 7px 13px; } } @media (max-width: 767px) { a.hs-rss-title span { font-size: 22px; line-height: 1; } } @media (max-width: 479px) { a.hs-rss-title span { font-size: 20px; } } /* =============== Blog Author Page and Author Bio =============== */ .hs-blog-listing .hs-author-profile { border-bottom: 1px solid #ccc; padding: 0 0 20px 0; margin: 0 0 20px 0; } .hs-blog-post .hs-author-profile { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0 20px 0; margin: 20px 0 20px 0; } .hs-author-profile .hs-author-profile:after { content: ''; display: block; clear: both; } /* Author Avatar */ .hs-author-profile .hs-author-avatar { float: left; margin-right: 15px; max-width: 100px; } .hs-author-profile .hs-author-avatar img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; max-width: 100%; } /* Author Bio Wrapper*/ .hs-author-profile .hs-author-bio { overflow: hidden; } /* Author Name */ .hs-author-profile h2.hs-author-name { margin: 0 0 10px 0; } /* Author Social Follow Me */ .hs-author-profile .hs-author-social-section {} .hs-author-profile .hs-author-social-label {} .hs-author-profile .hs-author-social-links {} .hs-author-profile .hs-author-social-link {} .hs-author-profile .hs-social-facebook {} .hs-author-profile .hs-social-linkedin {} .hs-author-profile .hs-social-twitter {} .hs-author-profile .hs-social-google-plus {} /* ========================================================================== 6. FORMS ========================================================================== */ form .hs-richtext { font-size: 22px; line-height: 1; margin-bottom: 11px; font-weight: 400; text-align: center; font-family: "noto_serif", "Times", "Baskerville", "Georgia", serif; margin: 0 0 20px; color: #0055a5; font-style: italic; } #hs-pwd-widget-password {margin-top: 0!important;} #email-prefs-form .email-edit {max-width: 100%!important;} .checkbox-row input { position: relative; top: 4px; } /* =============== Global Form Styles =============== */ .hs_cos_wrapper_type_form, .hs_cos_wrapper_type_blog_subscribe { display: block; background: #f8fbfd; border-radius: 12px; text-align: center; padding: 13px 19px 35px; } form {overflow: hidden;} /* Form Field */ .hs-form-field { text-align: left; margin-top: 16px; } /* Descriptions */ .hs-field-desc {} /* Labels and Legends */ label {} .hs-form-field > label { display: -moz-inline-stack; display: inline-block; line-height: 1.3; font-size: inherit; font-style: italic; clear: both; } .hs-form-required { color: #790000; margin-left: 4px; } /* One Line Inputs */ button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button {overflow: visible;} button, select {text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button, input[type='button'], input[type='reset'], input[type='file'], input[type='submit'] { -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer; } .input {margin-top: 2px;} input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], textarea, select { -webkit-appearance: none; -webkit-border-radius: 0; box-sizing: border-box; border: 1px solid #bebebe; max-width: 100%; height: 36px; border-radius: 3px; font-size: 18px; line-height: 26px; color: #4d4d4d; outline: none; padding: 4px 10px; margin: 0; width: 100%; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1); } input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus, textarea:focus, select:focus {} /* Separate Styles for Multiple Line Inputs */ textarea { line-height: 1.5; height: auto; min-height: 96px; } textarea:focus {} /* Separate Styles for Drop Downs */ select {} select:focus {} /* Multiple Selection Inputs */ form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0 4px 0 0; margin: 6px 0; } form.hs-form .hs-form-field ul.inputs-list li {position: relative;} form.hs-form .hs-form-field ul.inputs-list li input { position: absolute; width: 16px!important; height: 16px; left: 0; opacity: 0; } form.hs-form .hs-form-field ul.inputs-list li span { font-size: 16px; line-height: 28px; display: -moz-inline-stack; display: inline-block; letter-spacing: inherit; vertical-align: middle; cursor: pointer; max-width: 85%; white-space: normal; } form.hs-form .hs-form-field ul.inputs-list li input:checked + span {font-weight: bold;} form.hs-form .hs-form-field ul.inputs-list li .hs-form-checkbox-display input:checked + span:after { position: absolute; display: block; height: 6px; width: 10px; top: 14px; left: 8px; margin: -4px 0 0 -5px; border: 2px solid #00850b; border-width: 0 0 2px 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; } form.hs-form .hs-form-field ul.inputs-list li .hs-form-radio-display input:checked + span:after { display: block; position: absolute; width: 5px; height: 5px; left: 8px; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #00850b; border-radius: 50%; content: ""; } .hs-form-checkbox-display span:before { position: relative; overflow: hidden; cursor: default; background: #fff; border: 1px solid #bcbcbc; margin: -3px 12px 0 0; height: 16px; width: 16px; border-radius: 3px; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); content: ""; display: inline-block; vertical-align: middle; } .hs-form-booleancheckbox-display span:before { position: relative; overflow: hidden; cursor: default; background: #fff; border: 1px solid #bcbcbc; margin: -3px 12px 0 0; height: 16px; width: 16px; border-radius: 3px; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); content: ""; display: inline-block; vertical-align: middle; } .hs-form-booleancheckbox-display input:checked + span:after { position: absolute; display: block; height: 6px; width: 10px; top: 14px; left: 8px; margin: -4px 0 0 -5px; border: 2px solid #00850b; border-width: 0 0 2px 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; } .hs-form-radio-display span:before { position: relative; overflow: hidden; cursor: default; background: #fff; border: 1px solid #c1c1c1; border-radius: 9px; margin: -3px 12px 0 0; height: 16px; width: 16px; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); display: inline-block; vertical-align: middle; content: ""; } @media only screen and (min-width: 641px) { form.hs-form .hs-form-field ul.inputs-list {width: calc(100% + 16px);} form.hs-form .hs-form-field ul.inputs-list li { margin: 0 0 8px; line-height: 1.3; } } input[type="radio"] {} input[type="checkbox"] {} /* Required */ input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {} input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {} .hs-input.invalid.error {border: 1px solid #790000;} /* Error */ .hs-error-msgs label { font-size: .813em; line-height: inherit; color: #790000; font-weight: 700; padding: 0.1em 16px 0 0; letter-spacing: normal; font-style: italic; } /* Placeholder Text */ ::-webkit-input-placeholder {} /* Webkit Browsers */ :-moz-placeholder {} /* Firefox 18- */ ::-moz-placeholder {} /* Firefox 19+ */ :-ms-input-placeholder {} /* IE10 */ /* =============== Multi Column Form =============== */ .hs-form fieldset.form-columns-1 {} .hs-form fieldset.form-columns-1 .hs-form-field {} .hs-form fieldset.form-columns-2 {} .hs-form fieldset.form-columns-2 .hs-form-field {} .hs-form fieldset.form-columns-3 {} .hs-form fieldset.form-columns-3 .hs-form-field {} /* Multiple Selection Inputs */ form.hs-form .hs-form-field ul.inputs-list li input {} input[type="radio"] {} input[type="checkbox"] {} form.hs-form fieldset { max-width: none; } form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; } form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } @media (max-width: 400px) { form.hs-form fieldset .hs-form-field { padding: 0; } form.hs-form fieldset.form-columns-3 .hs-form-field, form.hs-form .form-columns-2 .hs-form-field .hs-input, form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* =============== Blog Comment Form =============== */ /* Label */ #comment-form .hs-form-field > label {} #comment-form label {} /* Inputs */ #comment-form input[type="text"] {} #comment-form input[type="text"]:focus {} #comment-form textarea {} #comment-form textarea:focus {} #comment-form input[type="checkbox"] {} /* =============== Blog Subscription Form =============== */ /* Label */ #hs_form_target_blog_subscription .hs-form-field > label {} #hs_form_target_blog_subscription label {} /* Inputs */ #hs_form_target_blog_subscription input[type="email"] {} #hs_form_target_blog_subscription input[type="email"]:focus {} #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] { width: auto; margin-right: 10px; } /* =============== Google Search Form =============== */ /* Label */ .widget-type-google_search label {display: none;} /* Input */ .widget-type-google_search .input { position: relative; margin-bottom: 15px; max-width: 220px; margin-top: 0; } .widget-type-google_search .input > .hs-input { height: 41px; color: #999; border-radius: 9px; border: 1px solid #ddd; font-size: 16px; line-height: 23px; padding: 9px 14px; padding-right: 50px; letter-spacing: 1px; width: 220px; box-shadow: none; } .widget-type-google_search .input ::-webkit-input-placeholder {color: #999999; } .widget-type-google_search .input ::-moz-placeholder {opacity: 1;color: #999999; } .widget-type-google_search .input :-moz-placeholder {color: #999999; } .widget-type-google_search .input :-ms-input-placeholder {color: #999999; } .one-column .widget-type-google_search .input {max-width: 100%;} .one-column .widget-type-google_search .input > .hs-input {width: 100%;} @media (max-width: 767px) { .widget-type-google_search .input > .hs-input { width: 100%; font-size: 20px; line-height: 28px; height: 46px; } } /* ========================================================================== 7. BUTTONS ========================================================================== */ /* =============== All Global Buttons (Excluding CTAs) =============== */ .hs-button.primary, input[type="submit"], input[type="button"] { border: 0; background: #0055a5; font-size: 18px; line-height: 22px; font-weight: bold; height: 54px; padding: 16px 10px; width: 100%; margin: 11px 0 0; border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; transition: none; text-decoration: none; } .hs-button.primary:hover, input[type="submit"]:hover, input[type="button"]:hover { opacity: 0.7; } .hs-button.primary:focus, input[type="submit"]:focus, input[type="button"]:focus {} /* =============== Form Module Button =============== */ .hs_cos_wrapper_type_form .hs-button.primary.large {} .hs_cos_wrapper_type_form .hs-button.primary.large:hover {} .hs_cos_wrapper_type_form .hs-button.primary.large:focus {} /* =============== Blog Comment Button =============== */ #add-comment-button.hs-button.primary {} #add-comment-button.hs-button.primary:hover {} #add-comment-button.hs-button.primary:focus {} /* =============== Blog Subscription Button =============== */ #hs_form_target_blog_subscription .hs-button.primary.large {} #hs_form_target_blog_subscription .hs-button.primary.large:hover {} #hs_form_target_blog_subscription .hs-button.primary.large:focus {} /* =============== Google Search Button =============== */ .widget-type-google_search .input > a.hs-button { background: none; padding: 0; margin: 0; width: auto; height: auto; font-size: 0; line-height: 0; display: block; opacity: 1; color: inherit; } .widget-type-google_search .input > a.hs-button button { position: absolute; right: 0; top: 0; background: none; width: 52px; height: 41px; border: 0; font-size: 18px; text-align: center; padding-bottom: 3px; cursor: pointer; } .widget-type-google_search .input > a.hs-button button:hover {opacity: 0.7;} @media (max-width: 767px) { .widget-type-google_search .input > a.hs-button button { height: 46px; } } /* ========================================================================== 8. MISCELLANEOUS ========================================================================== */ /* Styles that do not fit into any of the available sections above can go here. */ /* ========================================================================== 9. MEDIA QUERIES ========================================================================== */ /* =============== Screen sizes smaller than .page-center =============== */ @media (max-width: 1024px) {} /* =============== Landscape tablet and smaller devices =============== */ @media (max-width: 767px) { .main-content, .sidebar, .blog-sidebar, .blog-content { padding-top:40px; } .main-content:first-child, .sidebar:first-child, .blog-sidebar:first-child, .blog-content:first-child { padding-top:0; } } /* =============== Landscape phones and smaller devices =============== */ @media (max-width: 479px) {} /* =============== Accordions =============== */ .accordion, .accordion * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .accordion { overflow:hidden; box-shadow:0px 1px 3px rgba(0,0,0,0.25); border-radius:3px; background:#f7f7f7; } /*----- Section Titles -----*/ .accordion-section-title { width:100%; padding:15px; display:inline-block; border-bottom:1px solid #1a1a1a; background:#7dbe37; transition:all linear 0.15s; /* Type */ font-size:1.200em; text-shadow:0px 1px 0px #1a1a1a; color:#fff; text-decoration:none; } .accordion-section-title.active, .accordion-section-title:hover { background:#c8c8c8; /* Type */ text-decoration:none; } .accordion-section:last-child .accordion-section-title { border-bottom-color:white; padding-bottom:2px; /* Your existing CSS code above */ /* Add the CSS for left-aligned title here */ .left-aligned-title { text-align: left; } /* Your existing CSS code below */ } /*----- Section Content -----*/ .accordion-section-content { padding:15px; display:none; }