/* ========================================================================== HubSpot Design Assets - Ridge Theme Styles v1.0 ========================================================================== */ /* ========================================================================== EXTERNAL RESOURCES ========================================================================== */ /* =============== @import, @font-face, and CSS File Includes =============== */ /* EX: @import url('http://example.com/example_style.css'); */ @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); @import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,400i,700,700i'); @font-face{font-family:NeuLT;src:url(https://info.mis-implants.com/hubfs/fonts/hinted-NeueHaasUnicaW1G-Light.eot);src:url(https://info.mis-implants.com/hubfs/fonts/hinted-NeueHaasUnicaW1G-Light.ttf) format('truetype'),url(https://info.mis-implants.com/hubfs/fonts/hinted-NeueHaasUnicaW1G-Light.svg) format('svg');font-weight:400;font-style:normal}@font-face{font-family:NeuMD;src:url(https://info.mis-implants.com/hubfs/fonts/hinted-NeueHaasUnicaW1G-Medium.eot);src:url(https://info.mis-implants.com/hubfs/fonts/hinted-NeueHaasUnicaW1G-Medium.ttf) format('truetype'),url(https://info.mis-implants.com/hubfs/fonts/hinted-NeueHaasUnicaW1G-Medium.svg) format('svg');font-weight:400;font-style:normal} /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== File Includes ========================================================================== */ /* Import HubSpot Macros */ /* Import HubSpot Module Hotfixes */ /* 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; } /* 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; } /* Add Min Height to empty modules in page editor */ .hs-editor-editable { min-height: 30px; } /* ========================================================================== 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; -webkit-font-smoothing: antialiased; } body { background: #edf4f3; color: #000; font-family: NeuLT, arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; } body li { font-family: NeuLT, arial, sans-serif !important; } body * { font-weight: normal !important; } /* Highlighted Text */ ::-moz-selection { color: #fff; background: #333; text-shadow: none; } ::selection { color: #fff; background: #333; text-shadow: none; } /* =============== Helper Classes =============== */ /* Page Center & Content Wrapper */ .container-fluid .row-fluid .page-center { float: none; max-width: 1280px; margin: 0 auto; padding: 20px; padding: 1.25rem; } .container-fluid .row-fluid .content-wrapper > div { padding: 20px; padding: 1.25rem; background-color: #fff; } @media screen and (min-width: 1320px) { .container-fluid .row-fluid .page-center { padding: 20px 0; padding: 1.25rem 0; } .blog .container-fluid .row-fluid .content-wrapper > div { padding: 70px; padding: 4.375rem; } } /* Use .grey-section to create a full width section with grey bg */ .grey-section { background-color: #efefef; padding-top: 40px; padding-top: 2.5rem; padding-bottom: 40px; padding-bottom: 2.5rem; } .grey-section > div { max-width: 1300px; max-width: 81.25rem; margin: 0 auto; } /* =============== Typography =============== */ /* Basic text */ p { line-height: 1.7; font-family: NeuLT, arial, sans-serif; } small {} strong {} em {} cite {} code {} pre {} sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: NeuLT, arial, sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 { font-size: 32px; font-size: 2.0rem; line-height: 1.1; } @media screen and (min-width: 768px) { h1 { font-size: 42px; font-size: 2.625rem; } .row-fluid-wrapper.row-number-5, .row-fluid-wrapper.row-number-6{ padding-left:1.875rem; } } h2 { font-size: 26px; font-size: 1.625rem; } h3 { font-size: 18px; font-size: 1.125rem; font-family: NeuLT, arial, sans-serif; margin-top: 15px; margin-top: 0.9375rem; } h4 {} h5 {} h6 {} /* Anchor Links */ a { color: #34c6e1; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a { target-new:tab; } /* Lists */ ul, ol {} ul ul, ul ol, ol ol, ol ul {} li {} /* Block Quotes */ blockquote {} blockquote p {} blockquote small {} /* Horizontal Rules */ hr { color: #949494; background-color: #949494; height: 3px; height: 0.1875rem; width: 100px; width: 6.25rem; border: none; display: inline-block; } /* =============== 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 {} /* ========================================================================== Page Header ========================================================================== */ .header-container-wrapper { padding: 0 20px; padding: 0 1.25rem; color: #fff; background-color: #949494; background: -webkit-linear-gradient(-45deg, #949494 20%,#949494 80% ); background: linear-gradient(135deg, #949494 20%,#949494 80% ); position: relative; z-index: 3; padding-top: 10px; } .top-bar { background: #01b0a6; position: fixed; width: 100% !important; height: 80px; top: 0; left: 0; padding: 10px; z-index: 999; } .top-bar img { max-height: 48px; width: auto !important; } .blog .header-container-wrapper { margin-bottom: 40px; margin-bottom: 2.5rem; } .header-container { max-width: 1280px; margin: 0 auto; position: relative; text-align: center; } .header-container > .row-fluid-wrapper.row-number-1 { position: relative; } .header-group .row-fluid .span3 { width:25%; } .hs_cos_wrapper_type_linked_image { text-align:center; } .hs_cos_wrapper_type_linked_image img { display:block; margin: 0 auto 5px; } .hs_cos_wrapper_type_linked_image span { text-align:center; } #hs-link-logo { display: block; padding: 20px 0; padding: 1.25rem 0; } @media (min-width: 767px) { .header-container { text-align: left; } .custom-menu-primary { text-align: center; } } /* If there is a module below the logo, add some padding */ .header-container .row-number-2 { padding: 50px 0; padding: 3.125rem 0; padding-bottom:0; } .ridge-page-hero { padding: 0 30px 100px; padding: 0 1.875rem 6.25rem; position: relative; } @media screen and (min-width: 768px) { .ridge-page-hero { padding: 10px 30px 40px; padding: 0.625rem 1.875rem 2.5rem; } } .ridge-page-hero h1, .ridge-page-hero p { color: #fff; } .ridge-page-hero h1 { font-size: 48px; font-size: 3.0rem; margin-bottom: 0; } .ridge-page-hero p { font-size: 18px; font-size: 1.125rem; margin-top: 10px; margin-top: 0.625rem; margin-bottom: 25px; margin-bottom: 1.5625rem; } .ridge-page-hero:after { content: ""; display: block; height: 3px; height: 0.1875rem; width: 100px; width: 6.25rem; background-color: #fff; margin: 0 auto; display: none; height:0px; padding:0; } @media screen and (min-width: 768px) { .ridge-page-hero:after { margin: 0; } } /* ========================================================================== Navigation ========================================================================== */ /* Mobile 'Menu' Button */ .mobile-trigger{ display: inline-block !important; cursor: pointer; position: absolute; top: 50%; right: -12px; right: -0.75rem; width: auto; height: auto; padding: 6px 12px; padding: 0.375rem 0.75rem; font-size: 16px; font-size: 1.0rem; text-align: center; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mobile-trigger i{ display: inline; position: relative; top: -5px; top: -0.3125rem; } .mobile-trigger i:before, .mobile-trigger i:after{ position: absolute; content: ''; } .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ width: 25px; width: 1.5625rem; height: 2px; height: 0.125rem; background-color: #fff; display: inline-block; } .mobile-trigger i:before{ margin-top: -6px; margin-top: -0.375rem; } .mobile-trigger i:after{ margin-top: 6px; margin-top: 0.375rem; } .menu-open { max-height: 100vh; overflow: hidden; } /* Mobile Menu 'X' Close Button */ .close-menu { display: none; height: 30px; height: 1.875rem; width: 30px; width: 1.875rem; cursor: pointer; } .close-menu:before { content: ""; display: block; height: 2px; height: 0.125rem; width: 30px; width: 1.875rem; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 0; } .close-menu:after { content: ""; display: block; height: 2px; height: 0.125rem; width: 30px; width: 1.875rem; background: #fff; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 50%; left: 0; } /* Main Navigation */ .custom-menu-primary { z-index: 4; } .custom-menu-primary.open { position: relative; } .custom-menu-primary.open .mobile-trigger { display: none !important; } .custom-menu-primary.open .close-menu { display: block; color: #fff; position: absolute; top: 0.625rem ; right: 1.875rem ; z-index: 2; } .custom-menu-primary .hs-menu-wrapper { background-color: rgba(255,255,255,.95); position: fixed; top: 0; right: 100%; bottom: 0; left: -200%; -webkit-transition: left .4s ease-in-out, right .6s ease; -moz-transition: left .4s ease-in-out, right .6s ease; transition: left .4s ease-in-out, right .6s ease; } .custom-menu-primary.open .hs-menu-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll; } .custom-menu-primary .hs-menu-wrapper > ul { width: 100%; text-align: left; } .custom-menu-primary .hs-menu-wrapper > ul ul { font-size: 22px; font-size: 1.375rem; } @media (min-width: 767px) { .custom-menu-primary.open .hs-menu-wrapper { overflow-y: hidden; } .custom-menu-primary .hs-menu-wrapper > ul ul { font-size: 18px; font-size: 1.125rem; } } .custom-menu-primary .hs-menu-wrapper a { color: #fff; } .custom-menu-primary .hs-menu-wrapper > ul li { line-height: 1.3; } .custom-menu-primary .hs-menu-wrapper > ul li a { display: inline-block; margin-bottom: 5px; margin-bottom: 0.3125rem; } .custom-menu-primary .hs-menu-wrapper > ul > li { float: left; position: relative; } @media (min-width: 767px) and (min-height: 400px) { .custom-menu-primary .hs-menu-wrapper > ul > li { overflow-y: scroll; position: relative; display: table; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items { display: table-cell; vertical-align: middle; } } @media (min-width: 767px) { .custom-menu-primary .hs-menu-wrapper > ul > li { height: 100vh; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items { overflow-y: auto; min-height: 100vh; } } .custom-menu-primary .hs-menu-wrapper > ul > li * { position: relative; z-index: 1; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > ul { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; padding-left: 10px; padding-left: 0.625rem; padding-right: 10px; padding-right: 0.625rem; height: 0; overflow: hidden; visibility: hidden; opacity: 0; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > ul ul { margin-left: 20px; margin-left: 1.25rem; font-size: 16px; font-size: 1.0rem; } @media (min-width: 767px) { .custom-menu-primary .hs-menu-wrapper > ul > li ul { display: block; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > ul { position: absolute; } } .custom-menu-primary .hs-menu-wrapper > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #949494; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > a { display: inline-block; padding: 50px 10px; padding: 3.125rem 0.625rem; width: calc(100% - 2em); vertical-align: middle; position: relative; font-size: 30px; font-size: 1.875rem; font-family: NeuLT, arial, sans-serif; } @media (min-width: 767px) { .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > a { padding: 10px; padding: 0.625rem; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > .child-trigger { pointer-events: none; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > ul:before { width: 100px; width: 6.25rem; height: 2px; height: 0.125rem; opacity: 0; } .custom-menu-primary .hs-menu-wrapper > ul > li:hover > .child-items > ul:before { height: 2px; height: 0.125rem; opacity: 1; visibility: visible; } .custom-menu-primary .hs-menu-wrapper > ul > li:hover > .child-items > ul { height: auto; visibility: visible; opacity: 1; padding-top: 20px; padding-top: 1.25rem; } .custom-menu-primary .hs-menu-wrapper > ul > li:hover > .child-items > .child-trigger { -webkit-transform: translateY(4px) rotate(-45deg); -moz-transform: translateY(4px) rotate(-45deg); -o-transform: translateY(4px) rotate(-45deg); -ms-transform: translateY(4px) rotate(-45deg); transform: translateY(4px) rotate(-45deg); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > ul { padding-top:0; } } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > a:hover { text-decoration: none; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > ul:before { content: ""; width: 100px; width: 6.25rem; height: 2px; height: 0.125rem; background-color: #fff; position: absolute; top: 0; opacity: 0; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > .child-trigger { width: 8px; width: 0.5rem; font-size: 46px; font-size: 2.875rem; margin-left: 10px; margin-left: 0.625rem; margin-right: 5px; margin-right: 0.3125rem; vertical-align: middle; color: #fff; display: inline-block; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > .child-trigger.child-open { -webkit-transform: translateY(4px) rotate(-45deg); -moz-transform: translateY(4px) rotate(-45deg); -o-transform: translateY(4px) rotate(-45deg); -ms-transform: translateY(4px) rotate(-45deg); transform: translateY(4px) rotate(-45deg); } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > .child-trigger.child-open ~ ul { height: auto; padding-top: 20px; padding-top: 1.25rem; top: -30px; top: -1.875rem; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > .child-trigger.child-open ~ ul:before { opacity: 1; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > ul:hover:before { height: 2px; height: 0.125rem; opacity: 1; visibility: visible; } .custom-menu-primary .hs-menu-wrapper > ul > li > .child-items > ul:hover { height: auto; visibility: visible; opacity: 1; padding-top: 20px; padding-top: 1.25rem; } .hs-item-has-children { position: relative; } /* Create color variations for menu items (up to 10 items) */ @media (min-width: 767px) { } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(1):before { opacity: 0.3; } @media (min-width: 767px) { .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(1) { width: 100.0%; } } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(2):before { opacity: 0.5333333333333333; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(1):before { opacity: 0.7666666666666666; } @media (min-width: 767px) { .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(2) { width: 50.0%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(1) { width: 50.0%; } } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(3):before { opacity: 0.6499999999999999; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(2):before { opacity: 0.825; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(1):before { opacity: 0.3; } @media (min-width: 767px) { .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(3) { width: 33.333333333333336%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(2) { width: 33.333333333333336%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(1) { width: 33.333333333333336%; } } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(4):before { opacity: 0.72; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(3):before { opacity: 0.8599999999999999; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(2):before { opacity: 0.43999999999999995; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):nth-last-child(1):before { opacity: 0.58; } @media (min-width: 767px) { .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(4) { width: 25.0%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(3) { width: 25.0%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(2) { width: 25.0%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):nth-last-child(1) { width: 25.0%; } } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(5):before { opacity: 0.7666666666666666; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(4):before { opacity: 0.8833333333333333; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(3):before { opacity: 0.5333333333333333; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):nth-last-child(2):before { opacity: 0.6499999999999999; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5):nth-last-child(1):before { opacity: 0.3; } @media (min-width: 767px) { .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(5) { width: 20.0%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(4) { width: 20.0%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(3) { width: 20.0%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):nth-last-child(2) { width: 20.0%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5):nth-last-child(1) { width: 20.0%; } } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(6):before { opacity: 0.7999999999999999; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(5):before { opacity: 0.8999999999999999; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(4):before { opacity: 0.6; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):nth-last-child(3):before { opacity: 0.7; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5):nth-last-child(2):before { opacity: 0.39999999999999997; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6):nth-last-child(1):before { opacity: 0.5; } @media (min-width: 767px) { .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(6) { width: 16.666666666666668%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(5) { width: 16.666666666666668%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(4) { width: 16.666666666666668%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):nth-last-child(3) { width: 16.666666666666668%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5):nth-last-child(2) { width: 16.666666666666668%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6):nth-last-child(1) { width: 16.666666666666668%; } } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(7):before { opacity: 0.825; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(6):before { opacity: 0.9124999999999999; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(5):before { opacity: 0.6499999999999999; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):nth-last-child(4):before { opacity: 0.7375; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5):nth-last-child(3):before { opacity: 0.475; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6):nth-last-child(2):before { opacity: 0.5625; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(7):nth-last-child(1):before { opacity: 0.3; } @media (min-width: 767px) { .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(7) { width: 14.285714285714286%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(6) { width: 14.285714285714286%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(5) { width: 14.285714285714286%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):nth-last-child(4) { width: 14.285714285714286%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5):nth-last-child(3) { width: 14.285714285714286%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6):nth-last-child(2) { width: 14.285714285714286%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(7):nth-last-child(1) { width: 14.285714285714286%; } } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(8):before { opacity: 0.8444444444444446; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(7):before { opacity: 0.9222222222222223; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(6):before { opacity: 0.6888888888888889; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):nth-last-child(5):before { opacity: 0.7666666666666666; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5):nth-last-child(4):before { opacity: 0.5333333333333333; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6):nth-last-child(3):before { opacity: 0.6111111111111112; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(7):nth-last-child(2):before { opacity: 0.37777777777777777; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(8):nth-last-child(1):before { opacity: 0.45555555555555555; } @media (min-width: 767px) { .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(8) { width: 12.5%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(7) { width: 12.5%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(6) { width: 12.5%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):nth-last-child(5) { width: 12.5%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5):nth-last-child(4) { width: 12.5%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6):nth-last-child(3) { width: 12.5%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(7):nth-last-child(2) { width: 12.5%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(8):nth-last-child(1) { width: 12.5%; } } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(9):before { opacity: 0.8599999999999999; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(8):before { opacity: 0.9299999999999999; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(7):before { opacity: 0.72; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):nth-last-child(6):before { opacity: 0.7899999999999999; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5):nth-last-child(5):before { opacity: 0.58; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6):nth-last-child(4):before { opacity: 0.6499999999999999; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(7):nth-last-child(3):before { opacity: 0.43999999999999995; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(8):nth-last-child(2):before { opacity: 0.51; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(9):nth-last-child(1):before { opacity: 0.3; } @media (min-width: 767px) { .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(1):nth-last-child(9) { width: 11.11111111111111%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2):nth-last-child(8) { width: 11.11111111111111%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(3):nth-last-child(7) { width: 11.11111111111111%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(4):nth-last-child(6) { width: 11.11111111111111%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(5):nth-last-child(5) { width: 11.11111111111111%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6):nth-last-child(4) { width: 11.11111111111111%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(7):nth-last-child(3) { width: 11.11111111111111%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(8):nth-last-child(2) { width: 11.11111111111111%; } .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(9):nth-last-child(1) { width: 11.11111111111111%; } } /* Prevent menu from opening in page editor */ .hs-inline-edit .custom-menu-primary .hs-menu-wrapper { display: none !important; } .hs-inline-edit .mobile-trigger { pointer-events: none !important; } /*-- Pillar Content --*/ .pillar-page .header-container .row-number-2 { padding: 0; } .pillar-page ul.pillar-navigation { list-style-type: decimal; } .pillar-page ul.pillar-navigation i.fa { display: none; } .pillar-page .pillar-cta-section { padding: 20px; } /* ========================================================================== Blog ========================================================================== */ .post-top { padding: 60% 1.25rem 1.25rem; } @media (min-width: 480px) { .post-top { padding: 40% 4.375rem 4.375rem; } } .post-top { background-size: cover; } .post-top .post-header { background-color: rgba(255,255,255,.8); padding: 20px; padding: 1.25rem; } .post-header h1, .post-header h2 { margin-top: 0; margin-bottom: 10px; margin-bottom: 0.625rem; } .post-header .post-date { text-transform: uppercase; } .post-header .post-date:after { content: ""; display: block; height: 3px; height: 0.1875rem; width: 100px; width: 6.25rem; background-color: #949494; margin-top: 10px; margin-top: 0.625rem; margin-bottom: 10px; margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .post-top .post-header { width: 75%; padding: 30px 70px; padding: 1.875rem 4.375rem; } } blockquote { overflow: hidden; background: -webkit-linear-gradient(-100deg, #949494 20%,#949494 80% ); background: linear-gradient(190deg, #949494 20%,#949494 80% ); margin: 0; padding: 20px 20px 100px; padding: 1.25rem 1.25rem 6.25rem; color: #fff; position: relative; display: block; font-family: NeuLT, arial, sans-serif; font-size: 22px; font-size: 1.375rem; } blockquote * { line-height: 1.9 !important; } @media screen and (min-width: 767px) { blockquote { width: 125%; overflow: hidden; background: -webkit-linear-gradient(-100deg, #949494 20%,#949494 80% ); background: linear-gradient(190deg, #949494 20%,#949494 80% ); margin: 0; padding: 100px calc(62.5% + 40px) 100px 40px; color: #fff; position: relative; display: block; font-family: NeuLT, arial, sans-serif; font-size: 22px; font-size: 1.375rem; } blockquote * { line-height: 1.9 !important; } blockquote img { display: block; position: absolute; min-height: 100%; min-width: 50%; left: 50%; top: 0; } } .post-header .author-link { color: #000; } @media screen and (min-width: 767px) { .post-body { padding-right: 25%; } } /* Blog Sharing Icons */ .blog_sharing a span { display: none; } .blog_sharing { margin: 40px 0; margin: 2.5rem 0; text-decoration: none; } .blog_sharing > div:last-of-type { text-align: right; } .blog_sharing a:before { display: inline-block; margin-right: 15px; margin-right: 0.9375rem; font: normal normal normal 32px/1 FontAwesome; text-align: center; } .blog_sharing a:hover { opacity: 0.8; } .blog_sharing a.share_linkedin:before { content: "\f0e1"; } .blog_sharing a.share_twitter:before { content: "\f099"; } .blog_sharing a.share_facebook:before { content: "\f09a"; } .blog_sharing a.share_email:before { content: "\f003"; } .blog_sharing a.share_reddit:before { content: "\f281"; } .blog_sharing a.share_vk:before { content: "\f189"; } .blog_sharing a.share_pinterest:before { content: "\f231"; } .blog_sharing a.share_google:before { content: "\f0d5"; } .blog_sharing a.share_tumblr:before { content: "\f173"; } /* Blog Topic Links / Page */ .topic-title, .topic-link { background-color: #949494; color: #fff; padding: 4px 7px; padding: 0.25rem 0.4375rem; text-transform: uppercase; font-size: 15px; font-size: 0.9375rem; } .topic-link:hover { background-color: #949494; text-decoration: none; } .topic-title { display: inline-block; font-size: 20px; font-size: 1.25rem; } .back-to-blog { float: right; line-height: 1; margin-top: 22px; margin-top: 1.375rem; position: relative; } .back-to-blog:before { content: "\f0d9"; font-family: FontAwesome; margin-right: 5px; margin-right: 0.3125rem; position: absolute; right: 100%; -webkit-transition: margin-right .3s ease; -moz-transition: margin-right .3s ease; transition: margin-right .3s ease; } .back-to-blog:hover { text-decoration: none; } .back-to-blog:hover:before { margin-right: 7px; margin-right: 0.4375rem; } /* Blog Comments */ .comments-heading { font-size: 24px; font-size: 1.5rem; margin-top: 40px; margin-top: 2.5rem; } .hs-comment-message { border: 0 !important; border-radius: 0 !important; padding: 20px !important; padding: 1.25rem !important; } .comment-from, .comment-date { display: block !important; } #comment-form, #comments-listing > .comment { background-color: #fff; margin-top: 20px; margin-top: 1.25rem; margin-bottom: 20px; margin-bottom: 1.25rem; position: relative; padding: 20px; padding: 1.25rem; } #comment-form:before, #comments-listing > .comment:before { content: ""; background-color: #dfe6e5; height: 100%; width: 100%; z-index: -1; position: absolute; top: 0.125rem ; right: 0.125rem ; } @media screen and (min-width: 767px) { #comment-form, #comments-listing > .comment { padding: 20px 70px; padding: 1.25rem 4.375rem; } } .comment-from h4 { margin: 0; } .comment-from h4 a { font-family: NeuLT, arial, sans-serif !important; color: #000; } .comment-date { font-style: normal; } .comment-date:after { content: ""; display: block; height: 4px; height: 0.25rem; width: 100px; width: 6.25rem; background-color: #949494; margin-top: 10px; margin-top: 0.625rem; margin-bottom: 10px; margin-bottom: 0.625rem; } #comment-form { padding-bottom: 40px; padding-bottom: 2.5rem; } @media screen and (min-width: 767px) { #comment-form { padding-right: 25%; } } /* Simple List Page */ .simple-list-page > div { width: 100% !important; } .simple-list-page .blog-section h3 { text-align: center; } .hs-featured-image-link { display: block; height: 0; padding-bottom: 50%; background-size: cover; background-position: center center; } .blog-listing-wrapper .post-item { margin-top: 20px; margin-top: 1.25rem; margin-bottom: 50px; margin-bottom: 3.125rem; position: relative; } @media screen and (min-width: 767px) { .blog-listing-wrapper .post-item.simple { float: left; width: calc(50% - 20px); margin-top: 0 !important; } } .blog-listing-wrapper .post-item.simple:nth-of-type(odd) { margin-right: 20px; margin-right: 1.25rem; } .blog-listing-wrapper .post-item.simple:nth-of-type(even) { margin-left: 20px; margin-left: 1.25rem; } .blog-listing-wrapper .post-item .post-body { background-color: #fff; padding: 25px; padding: 1.5625rem; } .blog-listing-wrapper .post-item:before { content: ""; background-color: #dfe6e5; height: 100%; width: 100%; z-index: -1; position: absolute; top: 0.1875rem ; left: 0.1875rem ; } .blog-listing-wrapper .more-link { display: inline-block; padding: 15px 30px; padding: 0.9375rem 1.875rem; background-color: #34c6e1; color: #fff; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; } .body-container-wrapper { background-color: #fff; } .blog .body-container-wrapper { background-color: #edf4f3; } .hs-featured-image { float: none; margin: 0; max-width: 100%; width: 100%; height: auto; max-height: initial; } /* Blog Pagination */ .blog-pagination { clear: both; margin-bottom: 60px; margin-bottom: 3.75rem; } .blog-pagination a { margin-left: 5px; margin-left: 0.3125rem; margin-right: 5px; margin-right: 0.3125rem; } .blog-pagination a:hover { text-decoration: none; } .blog-pagination .all-posts-link { float: right; } .blog-pagination .all-posts-link a { float: right; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } .blog-pagination .all-posts-link a:after { font-family: FontAwesome; content: "\f0da"; color: #34c6e1; margin-left: 5px; margin-left: 0.3125rem; } /* Blog Sidebar */ .blog-sidebar { padding-left: 20px; padding-left: 1.25rem; } .blog-sidebar h3 { font-family: NeuLT, arial, sans-serif; font-size: 18px; font-size: 1.125rem; margin-top: 15px; margin-top: 0.9375rem; } .blog-sidebar .widget-span:not(.share-heading) { margin-bottom: 20px; margin-bottom: 1.25rem; } .blog-sidebar .widget-type-follow_me a { color: #34c6e1; font-size: 40px; font-size: 2.5rem; } .blog-sidebar .share-heading h3 { margin-bottom: 5px; margin-bottom: 0.3125rem; } /*====== Post filter / Tag Listing =====*/ .widget-type-post_filter ul { list-style: none; margin: 0; padding: 0; } .widget-type-post_filter ul li { padding: 3px 10px; padding: 0.1875rem 0.625rem; margin-bottom: 5px; margin-bottom: 0.3125rem; margin-right: 5px; margin-right: 0.3125rem; display: inline-block; background-color: #949494; } .widget-type-post_filter ul li a { color: #fff; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } .widget-type-post_filter ul li:hover { background-color: #949494; } .widget-type-post_filter ul li:hover a { text-decoration: none; } .widget-type-post_filter .filter-link-count { display: none; } .widget-type-blog_subscribe form { display: flex; align-items: flex-end; flex-direction: row; } .widget-type-blog_subscribe input[type=text], .widget-type-blog_subscribe input[type=email] { font-family: NeuLT, arial, sans-serif; padding: 12px; padding: 0.75rem; width: 100%; display: block; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; border: 0 none; background-color: #fff; font-size: 14px; font-size: 0.875rem; } .widget-type-blog_subscribe input[type=text]:focus, .widget-type-blog_subscribe input[type=email]:focus { outline: none; background-color: #f7f7f7; } .hs-form-field { flex: 1; } .hs-form-required { display: none; } ul.inputs-list.hs-error-msgs { position: absolute; background-color: #fd6666; -webkit-border-radius: 0.25rem ; border-radius: 0.25rem ; padding: 5px 10px; padding: 0.3125rem 0.625rem; list-style: none; margin: 0; font-size: 12px; font-size: 0.75rem; color: #fff; text-transform: uppercase; margin-top: 10px; margin-top: 0.625rem; z-index: 2; } ul.inputs-list.hs-error-msgs:before { content: ""; height: 0; width: 0; border: 10px solid transparent; position: absolute; border-bottom-color: #fd6666; bottom: 100%; } input[type=submit] { font-family: NeuLT, arial, sans-serif; padding: 12px 20px; padding: 0.75rem 1.25rem; display: block; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; border: 0 none; color: #fff; background-color: #34c6e1; } .blog-section h3 { font-family: NeuLT, arial, sans-serif; font-size: 18px; font-size: 1.125rem; margin-top: 15px; margin-top: 0.9375rem; } .blog-section h3 + .blog-listing-wrapper > .post-item:first-of-type { margin-top: 0; } /* Author Page */ .hs-author-profile { position: relative; } .hs-author-profile h1 { margin-top: 10px; margin-top: 0.625rem; font-size: 36px; font-size: 2.25rem; } .hs-author-profile .author-body { background-color: #fff; padding-bottom: 30px; padding-bottom: 1.875rem; margin-bottom: 30px; margin-bottom: 1.875rem; } .hs-author-profile:before { content: ""; background-color: #dfe6e5; height: 100%; width: 100%; z-index: -1; position: absolute; top: 0.1875rem ; left: 0.1875rem ; } .hs-author-profile .author-left { padding: 25px; padding: 1.5625rem; display: inline-block; line-height: 2; vertical-align: top; } .hs-author-profile .author-right { padding: 30px 25px; padding: 1.875rem 1.5625rem; display: inline-block; vertical-align: top; font-size: 24px; font-size: 1.5rem; } @media (min-width: 768px) { .hs-author-profile .author-left { width: 67%; } .hs-author-profile .author-right { width: 32%; } } .hs-author-profile .author-body:before { content: ""; height: 20px; height: 1.25rem; width: 100%; display: block; background: -webkit-linear-gradient(-45deg, #949494 20%,#949494 80% ); background: linear-gradient(135deg, #949494 20%,#949494 80% ); } .author-website {} .author-website:after { content: ""; width: 100px; width: 6.25rem; height: 3px; height: 0.1875rem; background-color: #949494; margin: 10px 0; margin: 0.625rem 0; display: block; } .author-website a { font-size: 16px; font-size: 1.0rem; color: #000; } .hs-author-profile .hs-author-avatar { height: 400px; height: 25.0rem; overflow: hidden; background-position: center center; background-size: cover; } /* ========================================================================== Systems Pages ========================================================================== */ .widget-type-email_subscriptions h1, .widget-type-email_subscriptions_confirmation h1, .widget-type-email_simple_subscription h1 { margin-top: 11px; margin-top: 0.6875rem; font-size: 32px !important; font-size: 2.0rem !important; line-height: 1.1 !important; } @media (min-width: 768px) { .widget-type-email_subscriptions h1, .widget-type-email_subscriptions_confirmation h1, .widget-type-email_simple_subscription h1 { font-size: 42px !important; font-size: 2.625rem !important; } } .widget-type-email_subscriptions h2, .widget-type-email_subscriptions_confirmation h2, .widget-type-email_simple_subscription h2 { font-size: 26px !important; font-size: 1.625rem !important; } .widget-type-email_subscriptions h3, .widget-type-email_subscriptions_confirmation h3, .widget-type-email_simple_subscription h3 { } #email-prefs-form .email-edit.hs-input { font-family: NeuLT, arial, sans-serif; padding: 17px !important; padding: 1.0625rem !important; font-size: 16px !important; font-size: 1.0rem !important; line-height: 1 !important; } #email-prefs-form h3 + div { padding-bottom: 0 !important; } .email-edit.hs-input {} /* ============= Recent Posts ========== */ .recent-posts {} .recent-posts h3 { font-family: NeuLT, arial, sans-serif; font-size: 24px; font-size: 1.5rem; margin-tom: 40px; margin-tom: 2.5rem; } .recent-posts .post-item { padding-bottom: 20px; padding-bottom: 1.25rem; } @media (min-width: 480px) { .recent-posts .post-item { width: 49%; display: inline-block; vertical-align: middle; padding-left: 10px; padding-left: 0.625rem; } .recent-posts .post-item:first-of-type { padding-left: 0; } } @media (min-width: 767px) { .recent-posts .post-item { width: 33%; padding-left: 20px; padding-left: 1.25rem; text-align: left; } } .recent-posts .post-item-image { background-size: cover; position: relative; } .recent-posts .post-item a { display: block; padding: 20px; padding: 1.25rem; height: 220px; height: 13.75rem; position: relative; z-index: 1; color: #fff; font-size: 28px; font-size: 1.75rem; font-family: NeuLT, arial, sans-serif; } .recent-posts .post-item-image:before { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(90deg, #fff 20%,#000 80% ); background: linear-gradient(0deg, #fff 20%,#000 80% ); opacity: .5; } .recent-posts .post-item-image:hover:before { opacity: .7; background: #000; } .recent-posts .post-summary { font-size: 12px; font-size: 0.75rem; display: none; } /* ============= Recent Posts ========== */ .popular-posts .post-item { height: 200px; height: 12.5rem; position: relative; overflow: hidden; margin-bottom: 20px; margin-bottom: 1.25rem; background-size: cover; background-position: center center; } .popular-posts .post-item:before { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(90deg, #fff 20%,#000 80% ); background: linear-gradient(0deg, #fff 20%,#000 80% ); opacity: .3; z-index:1; } .popular-posts .post-item:hover:before { opacity: .7; background: #000; } .popular-posts .post-item a { display: block; padding: 20px; padding: 1.25rem; height: 220px; height: 13.75rem; position: relative; z-index: 1; color: #fff; font-size: 26px; font-size: 1.625rem; font-family: NeuLT, arial, sans-serif; } .popular-posts .post-item a:hover { text-decoration: none; } /* ========= Follow Me Widget ========= */ .widget-type-follow_me a span { background-image: none !important; left: -999em; position: absolute; } .widget-type-follow_me a { font-family: FontAwesome; -webkit-font-smoothing: antialiased; font-size: 25px; font-size: 1.5625rem; margin-left: 15px; margin-left: 0.9375rem; color: #fff; } .widget-type-follow_me:hover a { text-decoration: none; } /* Youtube */ .widget-type-follow_me .fm_youtube:before { content: "\f167"; } /* Facebook */ .widget-type-follow_me .fm_facebook:before { content: "\f230"; } /* Twitter */ .widget-type-follow_me .fm_twitter:before { content: "\f099"; } /* LinkedIn*/ /*.widget-type-follow_me .fm_linkedin:before { content: "\f0e1"; } /* RSS */ .widget-type-follow_me .fm_rss:before { content: "\f09e"; } /* Pinterest */ .widget-type-follow_me .fm_pinterest:before { content: "\f0d2"; } /* Google Plus */ .widget-type-follow_me .fm_googleplus:before { content: "\f0d4"; } /* Xing */ .widget-type-follow_me .fm_xing:before { content: "\f169"; } /* Instagram */ .widget-type-follow_me .fm_instagram:before { content: "\f16d"; } /* ========================================================================== Forms ========================================================================== */ .header-container .widget-type-form legend { font-size: 12px; font-size: 0.75rem; } .header-container .widget-type-form { background-color: rgba(255,255,255,.7); position: relative; padding: 2em 2em 6em 2em; border-radius: 4px; } .header-container .widget-type-form h3 { color: #ff7c66; text-align: center; font-size: 1.8em; margin-top: .25em; margin-bottom: 1em; } .header-container .widget-type-form input[type="text"]:not(#recaptcha_response_field), .header-container .widget-type-form input[type="email"], .header-container .widget-type-form input[type="password"], .header-container .widget-type-form input[type="number"], .header-container .widget-type-form input[type="tel"], .header-container .widget-type-form select, .header-container .widget-type-form textarea { background-color: #fff; border: none; padding: 1.75em 2em; font-size: 14px; font-size: 0.875rem; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; } .header-container .widget-type-form .hs-button { position: absolute; bottom: 0; left: 0; width: 100%; display: block; background-color: #34c6e1; padding: 24px 16px; padding: 1.5rem 1.0rem; margin: 0; border: 0; display: block; font-size: 14px; font-size: 0.875rem; text-align: center; color: #fff; font-family: NeuLT, arial, sans-serif; text-transform: uppercase; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; transition: background-color .2s ease-out; } input[type="text"]:not(#recaptcha_response_field), input[type="email"], input[type="password"], input[type="tel"], textarea { width: 100%; border: none; font-family: NeuLT, arial, sans-serif; padding: 10px; padding: 0.625rem; background-color: #edf4f3; font-size: 16px; font-size: 1.0rem; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"], textarea:focus { outline: none; } .hs-select { position: relative; } .hs-select:after { content: "\f0d7"; font-family: FontAwesome; color: #000; position: absolute; right: 16px; right: 1.0rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } textarea { font-family: NeuLT, arial, sans-serif; resize: vertical; height: 200px; height: 12.5rem; } label { display: block; margin-top: 10px; margin-top: 0.625rem; margin-bottom: 2px; margin-bottom: 0.125rem; } fieldset.form-columns-1 .hs-input { width: 100% !important; } .hs-richtext { margin-top: 16px; margin-top: 1.0rem; } /* Checkbox and Radio Button Styles */ .hs-error-msgs {} .hs-error-msgs label { margin-top: 2px; margin-top: 0.125rem; } .hs-input.invalid.error { background-color: rgba(240, 99, 98, 0.25) !important; } ul.inputs-list { padding: 0; } ul.inputs-list label { margin: 0; } ul.inputs-list li { display: inline-block; margin-right: 32px; margin-right: 2.0rem; } ul.inputs-list li input { position: absolute; text-indent: -9999; width: 0 !important; visibility: hidden; } ul.inputs-list li input + span { display: inline-block; margin-bottom: 2px; margin-bottom: 0.125rem; padding-left: 20px; padding-left: 1.25rem; position: relative; width: auto !important; } ul.inputs-list li input + span:before { content: ""; width: 16px; width: 1.0rem; height: 16px; height: 1.0rem; background-color: #fff; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; transition: background-color .2s ease-out; border: 1px solid grey; } ul.inputs-list li input[type="radio"] + span:before { -webkit-border-radius: 50%; border-radius: 50%; } ul.inputs-list li input:checked + span:before { background-color: #666; } input[type=submit], a.hs-button.primary { display: inline-block; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; font-size: 16px; font-size: 1.0rem; font-family: NeuLT, arial, sans-serif; -webkit-border-radius: 0; border-radius: 0; border: 0 none; color: #fff; margin-top: 10px; margin-top: 0.625rem; padding: 10px 20px; padding: 0.625rem 1.25rem; text-transform: uppercase; background-color: #34c6e1; } .hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input, .hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input { width: auto !important; } /* Force full width forms in skinny columns */ .span1 fieldset > *, .span2 fieldset > *, .span3 fieldset > *, .span4 fieldset > * { width: 100% !important; } .span1 .input ul.inputs-list li, .span2 .input ul.inputs-list li, .span3 .input ul.inputs-list li, .span4 .input ul.inputs-list li { display: block !important; } .hs-form select { padding: 12px 20px; padding: 0.75rem 1.25rem; display: block; font-size: 14px; font-size: 0.875rem; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; border: 0 none; color: #000; background-color: #edf4f3; } .hs-form select:focus { padding: 12px 20px; padding: 0.75rem 1.25rem; display: block; font-size: 14px; font-size: 0.875rem; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; border: 0 none; color: #000; background-color: #edf4f3; } /* ========================================================================== Footer ========================================================================== */ .footer-container-wrapper { background-color: #949494; padding: 20px; padding: 1.25rem; color: #fff; background-color: #949494; background: -webkit-linear-gradient(-45deg, #949494 20%,#949494 80% ); background: linear-gradient(135deg, #949494 20%,#949494 80% ); } .blog .footer-container-wrapper { margin-top: 40px; margin-top: 2.5rem; } .footer-container { max-width: 1280px; margin: 0 auto; text-align: center; } .footer-container .footer-top-section { position: relative; } .footer-container .hs_cos_wrapper_type_follow_me > div { padding-top: 10px; padding-top: 0.625rem; padding-bottom: 10px; padding-bottom: 0.625rem; text-align: center; } .footer-container footer { text-align: center; color: #fff; font-size: 14px; font-size: 0.875rem; } @media (min-width: 768px) { .footer-container .footer-top-section:after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2px; width: 0.125rem; height: 48px; height: 3.0rem; background-color: #fff; } .footer-container .footer-logo img { display: inline-block; max-height: 130px; max-height: 8.125rem; position: absolute; top: 50%; right: 50%; margin-right: 32px; margin-right: 2.0rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .footer-container .ridge-social { text-align: left; margin: 0 0 0 16px; margin: 0 0 0 1.0rem; } .footer-container .hs_cos_wrapper_type_follow_me > div { text-align: left; } } /*========= Gradient Bar Module ==========*/ .gradient-bar { height: 60px; height: 3.75rem; background-color: #949494; background: -webkit-linear-gradient(-45deg, #949494 20%,#949494 80% ); background: linear-gradient(135deg, #949494 20%,#949494 80% ); } /* Back to Top */ .back-to-top a{ position: fixed; bottom: 10px; right: 10px; z-index: 20000; cursor: pointer; color: #ffffff; padding: 5px; width: 40px; height: 40px; border-radius: 50%; border-radius: 50%; text-align: center; background-color: #34c6e1; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.085), 0 1px 0 0 rgba(0,0,0,.15); box-shadow: 0 0 0 1px rgba(0,0,0,.085), 0 1px 0 0 rgba(0,0,0,.15); } .hs-form .legal-consent-container .hs-richtext { font-size: 12px; line-height: 10px; } .hs-form .legal-consent-container .hs-richtext a{ color: white; text-decoration:underline; } .hs-form .hs-form-booleancheckbox { font-size: 12px; line-height: 15px; } .hs-form .legal-consent-container { margin-bottom: 10px; } @media (max-width: 768px) { .top-bar { height:60px; } .top-bar img { max-height: 40px; width: auto !important; float:left; } .ridge-page-hero h1 { font-size:2.2rem; } .widget-type-cell { margin-bottom:20px; } .header-group .row-fluid .span3 { width:100%; } }