/* ========================================================================== 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('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); @font-face { font-family: "Genericons"; font-style: normal; font-weight: normal; src: url("data:application/font-woff;charset=utf-8;base64,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") format("woff"), url("font/genericons-regular-webfont.ttf") format("truetype"), url("font/genericons-regular-webfont.svg#genericonsregular") format("svg"); } @font-face { font-family: "ETmonarch"; src: url('//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Font/monarch.eot')format('eot'), url('//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Font/monarch.woff')format('woff'), url('//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Font/monarch.ttf') format('ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: "AvianoSansBold"; src: url('//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Font/220CA0_4_0.eot')format('eot'), url('//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Font/220CA0_4_0.woff')format('woff'), url('//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Font/220CA0_4_0.ttf') format('ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: "MuseoSlab700"; src: url('//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Font/MuseoSlab-700.eot')format('eot'), url('//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Font/MuseoSlab-700.woff')format('woff'), url('//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Font/MuseoSlab-700.ttf') format('ttf'); } /* 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; } /* ========================================================================== 2. BASE STYLES ========================================================================== */ /* =============== Base =============== */ .button-cta {background-color:#000; padding:5px; color:#fff;vertical-align: middle;} .screen img { z-index: 1000; position: relative;} /* Forms */ .fieldset { border: 0; padding: 0; margin: 0; width: auto; display: inline !important; float: left !important; } .hs_cos_gallery_main .slick-prev:before, .hs_cos_gallery_main .slick-next:before, .hs_cos_gallery_thumbnails .slick-prev:before, .hs_cos_gallery_thumbnails .slick-next:before, .hs_cos_gallery_lightbox .slick-prev:before, .hs_cos_gallery_lightbox .slick-next:before { color: #fff !important; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .et_social_icon,.et_social_icon:before,.et_social_icon:after { font-family: 'ETmonarch'; speak: none; font-style: normal; font-size: 16px; line-height: 16px; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; display: block; } html, body { min-height: 100%; margin: 0; padding: 0; } body { color: #727272; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: 14px; font-weight: 300; line-height: normal; } .header-container-wrapper .container-fluid .row-fluid .page-center { max-width: 1080px; } /* Page Center */ .container-fluid .row-fluid .page-center { float: none; max-width: 980px; margin: 0 auto; } /* Highlighted Text */ ::-moz-selection { color: #fff; text-decoration: none; text-shadow: none; background: #3399FF; } ::selection { color: #fff; text-decoration: none; text-shadow: none; background: #3399FF; } /* =============== Typography =============== */ /* Basic text */ p { margin: 0 0 1.5em; padding: 0; } small {} b, strong { font-weight: bold; } 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 */ body h1, body h2, body h3, body h4, body h5, body h6 { margin: 0 0 0.25em; padding: 0; color: #727272; font-weight: bold; line-height:normal; } body h1 { font-size: 38px; font-weight: normal; } body h2 { font-size: 2px; } body h3 { font-size: 18px; } body h4 { font-size: 16px; } body h5 { font-size:14px; } body h6 { font-size:13px; } /* Anchor Links */ body a { color: #0070ab; text-decoration: underline; -webkit-transition: all 0.3s; transition: all 0.3s; } body a:hover, body a:focus { color: #414141; text-decoration: none; } /* Lists */ ul, ol {} ul ul, ul ol, ol ol, ol ul {} li {} /* Block Quotes */ blockquote {} blockquote p {} blockquote small {} /* Horizontal Rules */ hr { color: #ccc; background-color: #ccc; height: 1px; border: none; } /* ========================================================================== Macros ========================================================================== */ /** * Create jinja macros for CSS3 properties that need browser prefixes. * * Apply the style as shown below on it's own CSS property line. * Ignore the jinja comment tags. * * */ /* =============== 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 {} /* ========================================================================== 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 {} .header-container {} .custom-header{ padding: 15px 0 10px; color: white; background: black; border-bottom: 4px solid #0070ab; } .custom-header .page-center{} .custom-logo{ font-weight: 300; line-height: 1; } .custom-logo h3 { font-size: 18px; line-height:1; margin: 0; padding: 0; color: #727272; font-weight: bold; } .custom-logo a {} .custom-logo p{ margin: 5px 0 0; padding: 0; font-size: 12px; font-style: italic; letter-spacing: 0.1em; text-align: left; padding-left: 42px; } .custom-logo img{} /* =============== Content =============== */ .body-container-wrapper {} .body-container {} .body-container-wrapper {} .body-container {} .body-container .page-center{ padding:30px 0; } .content-wrapper {} .main-content {} .sidebar{} .sidebar.right{} .sidebar.left{} .custom-right-sidebar-text{ margin-bottom:0 !important; } .custom-blog-form.right-sidebar-form .hs-input{ font-size: 12px; line-height: 28px; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; padding: 3px 10px; box-shadow: inset 1px 1px 4px 1px #ddd; height: 28px; border-radius: 0; background-color: #fff; border: 1px solid #aeb0b6; vertical-align: middle; font-weight: 300; display: block; } .custom-blog-recent.custom-sidebar-recent-group .hs-rss-item-image-wrapper { display: none !important; } .custom-blog-recent.custom-sidebar-recent-group .hs-rss-item { margin: 0; } .custom-right-sidebar .custom-see-tips-link { margin-top: 20px !important; } /* --------------------------- Home Layout ------------------------------ */ .custom-home-slider .hs_cos_gallery_main .slick-slide .slick-slide-inner-wrapper > img { display: none; } .custom-home-slider .slick-slider { margin: 0; padding: 0; } .custom-home-slider .slick-slider .slick-arrow { display: none !important; } .custom-home-slider { border-bottom: 1px solid #a7a7a7; min-height: 306px !important; padding: 10px 0 0; } .custom-home-page-row-2 { padding: 15px 0; border-bottom: 1px solid #9c9c9c; } .custom-home-page-layout .content-wrapper h3 { margin-bottom: 0.5em; font-weight: normal; border-bottom: 1px solid #e2e2e2; } .custom-home-row2-left-content, .custom-home-row2-right-content { margin-bottom: 1.5em; } .cta_button { -webkit-font-smoothing: auto !important; } .custom-home-page-layout .hs-cta-wrapper + .hs-cta-wrapper .cta_button { margin-top: 0.5em; } .custom-home-row2-left-content p span { color: #727272; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: small; } .custom-lightbox-video-with-rss-group { padding: 15px 0 0; margin-bottom: -12px; } .custom-lightbox-video-with-rss-group .center-column { border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; padding: 0 15px; } .custom-lightbox-video-with-rss-group blockquote { margin: 30px 0; color: #414141; font-size: 24px; text-align: center; } .custom-lightbox-video-with-rss-group blockquote p:last-child { margin-bottom: 0; } .custom-lightbox-video-with-rss-group .center-column p { margin-bottom: 10px; font-size: 12px; text-align: right; } .custom-lightbox-video-with-rss-group blockquote p { text-align: center !important; font-size: inherit !important; } span.hs-rss-title { color: #f17c21; font-size: 24px; } .custom-home-slider .caption p { font-size: 38px; /*font-family: "MuseoSlab500", serif;*/ font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; line-height: 60px; color: #000; padding: 10px 0px 0px 0px; position: relative; margin:0; } .custom-home-slider .hs_cos_gallery_main.slick-fixed-height-slider .slick-slide .slick-slide-inner-wrapper { display: block; margin: 0; } .custom-strike:before { content: ""; height: 10px; background: transparent url(//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Images/strike.gif) repeat-x center center !important; position: absolute; top: 20px; width: calc(100% - -10px); display: block; left: -5px; } .custom-home-slider .caption p sup { color: #1da8f8; position: absolute; font-size: 24px; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; top: -8px; right: -50px; } .custom-home-slider .caption .carat-right { top: -15px; right: -12px; color: #1da8f8; position: absolute; font-size: 24px; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; } .custom-home-slider .caption .word { position: relative; } .custom-strike { position: relative; } .custom-bdo-wrp { padding-top: 56.25%; background-color: #fff; color: #fff; width: 100%; position:relative; } .custom-bdo-wrp video { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .custom-home-page-layout .hs-cta-wrapper .cta_button { width: auto; display: block !important; } .custom-home-page-layout .custom-lightbox-video-with-rss-group .main-content:last-child { padding-top: 0; } .rss-body-content > * { color: #727272; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: 14px; font-weight: 300; line-height: normal; margin: 0; display: inline; } .rss-body-content strong { font-weight: 300; } .custom-rss-slider .slick-dots { display: none !important; } .custom-rss-slider .hs-rss-item { margin: 0; } .custom-rss-slider.slick-slider { margin-bottom: 0; padding-bottom: 30px; } .custom-rss-slider .slick-arrow { top: auto !important; bottom: 0; } .custom-rss-slider .slick-arrow { top: auto !important; bottom: 0; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: 14px; color: #5e5e5e !important; text-decoration: none; text-indent: 0; left: auto !important; right: 0 !important; width: auto; height: auto; margin: 0; line-height: normal; } .custom-rss-slider .slick-arrow:before { content: none; } .custom-rss-slider .slick-arrow.slick-prev { right: 70px !important; } .custom-rss-slider .slick-arrow:after { content: "|"; padding: 0 10px 0; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: 14px; color: #5e5e5e; } .custom-rss-slider .slick-arrow.slick-next { right: 16px !important; } a.custom-all-post-link { position: absolute; top: auto; bottom: 7px; right: 0; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: 14px; color: #5e5e5e; text-decoration: none; } .custom-recent-post-wrap { position: relative; } .section-header { text-align: center; } .section-header h1 { line-height: normal; margin: 0; } .section-header p { font-size: 18px; margin: 0; } .custom-free-trial-form { margin-top: 30px; margin-bottom: 30px; box-shadow: 0 -24px 24px -24px rgba(0, 0, 0, 0.3), 0 24px 24px -24px rgba(0, 0, 0, 0.3); text-align: center; padding: 15px 0 12px; } .custom-free-trial-form .hs-form-field > label { display: none; } .custom-free-trial-form .form-title { padding: 0; color: #727272; font-size: 17px; font-weight: normal; line-height: normal; padding-right: 11px; border: 0; margin: 0 0 0.25em; } .custom-free-trial-form form { font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: 12px; color: rgb(51, 51, 51); display: inline-block; } .custom-free-trial-form .hs-form-field { float: left; margin: 0; } .custom-free-trial-form .hs_submit { display: inline-block; position: relative; float: left; } .custom-free-trial-form form .hs-input { margin: 0 0 10px; font-size: 1em; box-shadow: inset 1px 1px 4px 1px #ddd; min-height: 1.9em; height:auto; -webkit-appearance: none; background-color: #fff; border-radius:0; line-height: 1.5em; color: #000; border: 1px solid #aeb0b6; padding: 4px 10px; max-width: 150px; font-weight:300; } .right-sidebar-form ul.hs-error-msgs.inputs-list, .footer-container ul.hs-error-msgs.inputs-list, .custom-free-trial-form ul.hs-error-msgs.inputs-list{ position:relative; } .right-sidebar-form ul.hs-error-msgs.inputs-list label, .footer-container ul.hs-error-msgs.inputs-list label, .custom-free-trial-form ul.hs-error-msgs.inputs-list label{ position: absolute; display: block; margin-top: 7px; background-color: #e51b00; background-image: -webkit-linear-gradient(#e51b00 43%, #ba1600 100%); background-image: -moz-linear-gradient(#e51b00 43%, #ba1600 100%); background-image: linear-gradient(#e51b00 43%, #ba1600 100%); background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%); border: 1px solid #9f1300; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px; box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px; color: #f3f3f3; font-size: 1em; line-height: 1.2em; max-width: 16em; padding: 0.4em 0.6em !important; text-shadow: #901100 0 -1px 0; color: #fff; z-index: 9; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-weight:300; } .right-sidebar-form ul.hs-error-msgs.inputs-list:after, .footer-container ul.hs-error-msgs.inputs-list:after, .custom-free-trial-form ul.hs-error-msgs.inputs-list:after{ background-color: #e51b00; border: 1px solid #9f1300; border-right: none; border-bottom: none; display: inline-block; height: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); width: 16px; margin-top: 5px; content: ""; position: absolute; left: 7px; top: -1px; z-index: 0; } .right-sidebar-form ul.hs-error-msgs.inputs-list label, .footer-container ul.hs-error-msgs.inputs-list label, .custom-free-trial-form ul.hs-error-msgs.inputs-list label { color: #fff; color: #f3f3f3; font-size:12px; line-height: 1.2em; text-align: left; } .right-sidebar-form .hs_error_rollup , .custom-free-trial-form .hs_error_rollup { display: none; } .custom-free-trial-form form .hs-input:focus { outline: none; border: 1px solid #888; color: #000; } .custom-free-trial-form form .hs-button.primary.large { margin: 0; -webkit-transition: all 0.3s; transition: all 0.3s; border: 2px solid #0070ab; border-radius: 6px; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); vertical-align: middle; display: inline-block; margin-bottom: 0; padding: 4px 10px; color: white; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: 1px; text-align: center; text-decoration: none; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #fb971d; background-image: -webkit-linear-gradient(top, #fcae4f, #e17d04); background-image: linear-gradient(to bottom, #fcae4f, #e17d04); background-repeat: repeat-x; border-color: #e17d04; margin-left: 5px; outline: none; } .custom-free-trial-form form .hs-button.primary.large:hover, .custom-free-trial-form form .hs-button.primary.large:focus, .custom-free-trial-form form .hs-button.primary.large:active { text-decoration: none; background-image: none; box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.3); border: 2px solid #e17d04; } .custom-wordrake-inner-row1 { padding: 15px 0; } .custom-wordrake-inner-row1-left-cotnent h6 { font-size: 12px; line-height: normal; font-weight: normal; margin: 0; } .custom-wordrake-inner-row1-left-cotnent h6 span { font-weight: 300; } .custom-wordrake-inner-row1-left-cotnent, .custom-wordrake-inner-row1-right-cotnent { margin-bottom: 1.5em; } a.hs-video-poster { padding: 4px; background: white; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); display: inline-block; margin: 0 auto; } .custom-wordrake-inner-row2 .main-content:first-child { text-align: center; } .custom-wordrake-inner-row2 { padding-top: 15px; padding-bottom: 40px; } .custom-one-col-with-left-image-wrap .custom-image { float: left; width: 30%; line-height: 0; background: white; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); } .custom-one-col-with-left-image-wrap .custom-content { width: 70%; float: left; padding-left: 9px; } .custom-one-col-with-left-image-wrap { margin-bottom: 15px; } .custom-wordrake-inner-row2 h3 { margin-bottom: 15px; } .custom-wordrake-inner-row3 { margin-bottom: 1.5em; background-color: white; border: 1px solid #eee; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); padding: 10px 15px 20px; } .custom-wordrake-inner-row3 h3 { text-align: center; margin-bottom: 18px; } .custom-wordrake-inner-row3 .hs_cos_wrapper_type_custom_widget { width: 22.25%; float: left; margin: 0 0 0 3.5%; overflow: hidden; } .custom-wordrake-inner-row3 .hs_cos_wrapper_type_custom_widget:first-child { margin-left: 0; } .custom-wordrake-inner-row3 .hs_cos_wrapper_type_header { padding-bottom: 15px; } .custom-wordrake-inner-row3 .custom-one-col-with-left-image-wrap .custom-image { width: 24%; background: transparent; box-shadow: none; } .custom-wordrake-inner-row3 .custom-one-col-with-left-image-wrap .custom-content { width: 76%; } .custom-one-col-with-left-image-wrap .custom-content h4 { font-size: 14px; margin: 0; } .custom-one-col-with-left-image-wrap .custom-content p:last-child { margin: 0; } .custom-wordrake-inner-row3 .custom-one-col-with-left-image-wrap { margin-bottom: 0; } .custom-row3-4-grp { margin-bottom: 30px; box-shadow: 0 24px 24px -24px rgba(0, 0, 0, 0.3); padding-bottom: 15px; } .custom-testimonial-wrapper .testimonial-two-col { margin-bottom: 10px; } .custom-testimonial-wrapper .custom-testimonial-autho-image { float: left; max-width: 50px; line-height: 0; width: 20%; } .custom-testimonial-wrapper .testimonial-autho-bio { font-size: 11px; margin-top: 5px; float: left; width: 80%; padding-left: 13px; } .custom-wordrake-inner-row4 .hs_cos_wrapper_type_custom_widget { width: 31%; margin: 0 0 0 3.5%; float: left; } .custom-wordrake-inner-row4 .hs_cos_wrapper_type_custom_widget:first-child { margin-left: 0; } .custom-wordrake-inner-row4 { padding: 15px 60px; margin-bottom: 37px; } .hs-one-col-prcing-table-group { background-color: white; border: 1px solid #eee; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); } .hs-one-col-prcing-table-group.yellow .panel-header.text-center { background: #fb971d; } .hs-one-col-trial-panel-group .custom-free-trial-form { box-shadow: none; margin: 0; padding: 0 0 1px; } .hs-three-col-trial-group { margin: 42px 0 30px; } .hs-one-col-prcing-table-group.yellow .panel-header.text-center:after{ border-top-color:#fb971d; } .hs-one-col-prcing-table-group .panel-header.text-center { position: relative; padding: 15px; margin: -1px -1px 50px; color: white; font-size: 18px; line-height: normal; text-align: center; background-color: #0081e0; } .hs-one-col-prcing-table-group .panel-header.text-center:after { content: ""; display: block; position: absolute; bottom: -30px; left: 50%; width: 0; height: 0; margin-left: -30px; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #414141; border-top-color: #0081e0; } .hs-one-col-prcing-table-group .panel-body { padding: 10px 15px 10px; } .hs-one-col-prcing-table-group table.price-table { width: 100%; margin: 0 auto 1em; border-collapse: collapse; border-spacing: 0; background: transparent; } .hs-one-col-prcing-table-group table.price-table th, .hs-one-col-prcing-table-group table.price-table td { padding: 8px 0 14px; font-size: 22px; vertical-align: baseline; } .hs-one-col-prcing-table-group table.price-table th { color: black; font-weight: normal; text-align: left; } .hs-one-col-prcing-table-group table.price-table td:nth-child(2) { text-align: center; padding-right: 5px; } .hs-one-col-prcing-table-group table.price-table td:nth-child(3) { padding-top: 0; text-align: right; vertical-align: top; } .hs-one-col-prcing-table-group table.price-table td:nth-child(2) sup { font-size: 13px; } .hs-one-col-prcing-table-group .button { display: inline-block; margin-bottom: 0; padding: 4px 10px; color: white; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: 1px; text-align: center; text-decoration: none; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #0070ab; background-image: -webkit-linear-gradient(top, #0091de, #004f78); background-image: linear-gradient(to bottom, #0091de, #004f78); background-repeat: repeat-x; border: 2px solid #0070ab; border-radius: 6px; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); vertical-align: middle; white-space: nowrap; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; text-transform: none; } .hs-one-col-prcing-table-group .button:hover, .hs-one-col-prcing-table-group .button:focus, .hs-one-col-prcing-table-group .button:active { text-decoration: none; background-image: none; box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.3); } .hs-one-col-prcing-table-group .button small { display: block; margin-bottom: 0.1em; font-size: 0.7em; font-weight: 300; } .hs-one-col-prcing-table-group table.price-table th small { display: block; color: #06730b; font-size: 11px; } .hs-pricing-table-bottom h4 { color: #06730b; font-weight: normal; font-size: 14px; } .hs-pricing-table-bottom h6 { margin: 0 0 1em; color: black; font-size: 20px; font-weight: normal; line-height: 40px; } .hs-pricing-table-bottom h6 a.button { float: right; } .hs-one-col-prcing-table-group.dark-blue .panel-header.text-center { background: #23477e; } .hs-one-col-prcing-table-group.dark-blue .panel-header.text-center:after { border-top-color: #23477e; } .custom-table-group { border-collapse: collapse; width: 100%; margin-top: 31px; } .custom-table-group td{ padding-right:5px; font-weight:400; } .custom-table-group strong{ color:#000; } .hs-trial-bottom-group h2{ font-size: 18px; } .hs-trial-bottom-group h1{ font-size: 28px; color: black; font-weight: normal; margin-top: 30px; } .hs-trial-bottom-group p small, .hs-trial-bottom-group p{ margin-bottom: 0; font-size: 12px; } .hs-left-header-section .section-header{ text-align:left; } .hs-two-col-left-image .column { width: 50%; float: left; } .hs-two-col-left-image .product-tile { display: inline-block; width: 80px; height: 76px; background-repeat: no-repeat; -webkit-transition: all 0.3s; transition: all 0.3s; } .hs-two-col-left-image .product-tile:hover{ box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); } .hs-two-col-left-image .column { text-decoration: none !important; } .hs-two-col-left-image .column p.link{ text-decoration:underline; } .hs-two-col-left-image .column:hover p.link{ text-decoration:none; } .hs-writing-software-layout .custom-wordrake-inner-row4{ margin-bottom:0; } /* ---------------------------- Custom Module Styling ---------------------------- */ .hs-three-col-image { margin-bottom: 36px; margin-top: 21px; } .hs-three-col-bg-image { height: 67px; margin: 20px auto 0; padding: 0; display: block; text-align: center; text-decoration: none; background-repeat: no-repeat; width: 75px; } .hs-three-col-image h5 { color: #000; height: 35px; display: block; padding: 0 16px 0; position: relative; font-size: 14px; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; text-transform: lowercase; margin: 0; font-weight: 300; } .hs-three-col-image > div{ width:33.333%; float:left; text-align:center; } .hs-three-col-image > div > a { max-width: 177px; margin: 0px auto; display: block; text-decoration: none; } .hs-three-col-image > div.active .hs-three-col-bg-image { display: none; } .hs-three-col-image > div.active .hs-three-col-bg-image.hover, .hs-three-col-image > div:hover .hs-three-col-bg-image.hover{ display:block; } .hs-three-col-image > div:hover .hs-three-col-bg-image{ display:none; } .hs-three-col-bg-image.hover { display: none; } .hs-one-col-trial-panel-group { position: relative; margin-bottom: 1.5em; background-color: white; border: 1px solid #eee; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); } .hs-one-col-trial-panel-group .body{ padding: 10px 15px; } .hs-one-col-trial-panel-group .text-large { font-size: 18px; text-align: center; } .hs-one-col-trial-panel-group h3{ font-size: 17px; font-weight: normal; } .hs-one-col-trial-panel-group .hs-form-field > label{ display:none; } .hs-three-col-gray-box .hs-three-col-inner { background: #ededed; box-shadow: 0 10px 10px -10px #333; border-bottom: 1px solid #fff; padding: 20px 6px 0px; min-height: 152px; } .hs-three-col-gray-box .hs-three-col-box { float: left; padding:0 31px; width: 33.333%; } .hs-three-col-gray-box .hs-three-col-box a{ color: #0072bc; font-size: 14px; font-weight: bold; } .hs-three-col-gray-box { padding: 37px 0px 0px; } .hs-three-col-gray-box .hs-three-col-inner h3 { padding: 0 0 10px; } .hs-two-col-left-group { width: 65%; float: left; margin: 0 0 1.5em 0; } .hs-two-col-right-group{ width: 31%; float: left; margin: 0 0 1.5em 3.5%; } .hs-two-col-right-content{ color: #727272; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: 14px; font-weight: 300; line-height: normal; } .hs-two-col-right-content h2{ font-size: 28px; color: black; font-weight: normal; } .table-hover > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table-hover > thead:first-child > tr:first-child > th{ border-top: 0; text-align:inherit; } .table-hover > thead > tr > th{ padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd; } .hs-writing-improvement-bottom-group { margin-bottom: 38px; margin-top: 6px; } .hs-writing-improvement-bottom-group small { font-size: 80%; } .hs-writing-improvement-layout .hs-one-col-prcing-table-group .panel-body { padding: 10px 15px 12px; min-height:290px !important; } .hs-two-col-left-image .product-tile { display: inline-block; background-repeat: no-repeat; margin-bottom: -2px; background-size: cover; background-position: center; } .hs-two-col-left-image { padding: 0 80px; margin: 10px 0 45px; } .hs-two-col-left-image .icon { float: left; width:80px; background-color: #23477e; } .hs-two-col-left-image .content { margin-top: 1em; margin-left: 100px; } .custom-form-group{ margin:15px 0px 0px; } .custom-inner-row-1 { border-bottom: 1px solid #a7a7a7; padding: 30px 0 15px; } .custom-inner-row-1 .section-header { text-align: left; } .custom-inner-row-1 .section-header h1 { font-size: 28px; font-weight: bold; color: #727272; } .custom-inner-row-1 .section-header p { margin-top: 20px; color: #5e5e5e; padding: 0; font-size: 12px; text-align: right; text-transform: capitalize; } .custom-lightbox-video-with-rss-group h3 { margin-bottom: .5em; font-weight: normal; border-bottom: 1px solid #e2e2e2; } .custom-lightbox-video-with-rss-group .main-content:last-child { padding-top: 40px; } .hs-editing-software-for-writing-professionals-about-layout .custom-lightbox-video-with-rss-group blockquote { color: #5e5e5e; font-size: 24px; text-align: center; margin: 0 0 15px; } .hs-editing-software-for-writing-professionals-about-layout .custom-lightbox-video-with-rss-group blockquote p{ font-size: 24px; } .hs-editing-software-for-writing-professionals-about-layout .custom-lightbox-video-with-rss-group .center-column p { color: #5e5e5e; letter-spacing: 1px; } .hs-editing-software-for-writing-professionals-about-layout .custom-lightbox-video-with-rss-group blockquote p { letter-spacing: 0 !important; } .hs-accordion-module{ position:relative; } .hs-accordion-module .hs-accordion-top-content { line-height: 20px; } .hs-accordion-module .hs-accordion-left { margin: 0 0px 6px; color: #5e5e5e; font-size: 14px; float: left; width: 82%; } .hs-accordion-module .hs-accordion-right { width: 18%; float: right; text-align: right; margin-top: 5px; } .hs-accordion-hidden-content { display: none; } .hs-accordion-hidden-content .ac-content-inner { margin-top: 19px; margin-bottom: 49px; } .accordion-button { margin-bottom: 0; padding: 4px 10px; color: white; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: 1px; text-align: center; text-decoration: none; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #0070ab; background-image: -webkit-linear-gradient(top, #0091de, #004f78); background-image: linear-gradient(to bottom, #0091de, #004f78); background-repeat: repeat-x; border: 2px solid #0070ab; border-radius: 6px; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); vertical-align: middle; white-space: nowrap; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; text-transform: none; float:left; } .accordion-button:hover, .accordion-button:focus, .accordion-button:active { text-decoration: none; background-image: none; box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.3); color: #fff; } .hs-accordion-module .hs-accordion-top-content p:last-child { margin-bottom: 7px; } a.accordion-button.right-button { float: right; padding: 4px 24px; } .hs-editing-software-for-writing-professionals-about-layout .custom-home-page-row-2 { margin-bottom: 5px; } .custom-lightbox-video-with-rss-group .cta_button { display: block !important; } .custom-lightbox-video-with-rss-group .hs-cta-wrapper + .hs-cta-wrapper .cta_button { margin-top: 0.5em; } .hs-accordion-hidden-content p { color: #5e5e5e; font-size: 14px; line-height: 20px; } .accordion-title { font-size: 0; } .accordion-title:after { content: "Learn More"; font-size: 14px; display: block; } .accordion-title.active:after { content:"Show Less"; } .modal-lg .modal-header { border-bottom: none; padding-bottom: 11px; } /* =============== Footer =============== */ .footer-container-wrapper {} .footer-container {} .custom-footer{} .custom-footer .page-center{ padding: 10px 0 20px; border-top: 1px solid #9c9c9c; } .footer-container-wrapper .widget-type-raw_html { min-height: 0; } .custom-copyright{ color: #878787; font-size: 10px; line-height: 36px; } .custom-copyright p{ margin: 0; padding: 0; } .custom-copyright a { color: #878787; text-decoration: underline; } .custom-copyright a:hover{ color: #727272; text-decoration: none; } .social-links { float: right; line-height: 0; margin-left: 20px; } .social-links a { display: inline-block; text-decoration: none; } .custom-footer-form { position: relative; } body .custom-footer-form .actions { position: absolute; top: 0; right: -2px; width: 34px; height: 36px; padding: 4px 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; background: #0070ab; background-image: -webkit-linear-gradient(top,#0091de,#004f78); background-image: linear-gradient(to bottom,#0091de,#004f78); color: transparent; margin: 0; background-repeat: no-repeat; background-position: center; border: 2px solid #0070ab; border-radius: 0 6px 6px 0; } body .custom-footer-form .hs-button { font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-weight: normal; line-height: normal; letter-spacing: 1px; text-align: center; text-decoration: none; position: absolute; top: -2px; right: -3px; width: 34px; height: 36px; padding: 4px 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; background-image: url(//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Images/icon-arrowhead-right-white.png?t=1514379443648); color: transparent; margin: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; } } .custom-footer-form form { position: relative; } .custom-footer-form .hs-form-field { margin: 0; } .custom-footer-form .hs-input { font-size: 12px; line-height: 28px; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; padding: 3px 10px; box-shadow: inset 1px 1px 4px 1px #ddd; width: 77.2%; height:36px; border-radius:0; background-color: #fff; border: 1px solid #aeb0b6; vertical-align: middle; font-weight:300; display: block; } .custom-footer-form .form-title { margin:0; } body .custom-footer-form .actions:hover{ text-decoration: none; background-image: none; box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.3); } body .custom-footer-form .hs-button:focus, body .custom-footer-form .hs-button:hover { background-image: url(//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Images/icon-arrowhead-right-white.png); background-repeat: no-repeat; background-color: transparent; background-position: center; } .custom-footer-form .hs-form-field > label { display:none; } .row-fluid [class*="span"].no-height { min-height: 0 !important; } /* ========================================================================== 4. MAIN NAVIGATION ========================================================================== */ /* =============== Custom Menu Primary =============== */ /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul{ float: right; font-size: 14px; font-weight: 400; display:block; } .custom-menu-primary .hs-menu-wrapper > ul > li{} .custom-menu-primary .hs-menu-wrapper > ul > li > a{ color: white; text-decoration: none; display: inline-block; margin: 0; padding: 0 9px; line-height: 36px; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ color: #fb971d; text-decoration: none; } /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul{ background-color: #fff; } .custom-menu-primary .hs-menu-wrapper > ul ul li{} .custom-menu-primary .hs-menu-wrapper > ul ul li a{} .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{} /* Override max width on menu links */ .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width:768px) { .custom-menu-primary .hs-menu-wrapper, .custom-menu-primary .hs-menu-wrapper > ul ul { display:block !important; } .custom-menu-primary .hs-menu-wrapper > ul > li:first-child > a { padding-left: 0; } .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > a { padding-right: 0; } } /* =============== Mobile Toggle Menu =============== */ /* Hide button on Desktop */ .mobile-trigger, .child-trigger{ display: none; } @media (max-width: 767px){ .hs-testimonial blockquote { background-color: #fff; border: 1px solid #eee; border-radius: .2em; font-size: 1.3em; position: relative; -webkit-box-shadow: 0 0.25em 2em -0.5em rgba(29,29,31,0.3); box-shadow: 0 0.25em 2em -0.5em rgba(29,29,31,0.3); padding: 2em; margin: 1em 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 45%; } /* Menu Reset */ .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color:#fff; } /* ===== Mobile Toggle Button ===== */ .mobile-trigger{ display: inline-block !important; /* Show button on mobile */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /**************************************/ top: 0px; /* Position Button at right of screen */ right: 0px; /**************************************/ left:0; width: 44px; /* Button width */ height: auto; /* Button height */ padding: 7px 10px 8px 10px; background: #ffffff; /* Background color */ border: 1px solid #000; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #000; margin:0 auto; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ color: #fff; background-color: #000; border-color: transparent; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ color: #fff; background-color: #000; border-color: transparent; } /* Toggle Button Icon */ .mobile-trigger i{ display: inline; position: relative; top: -4px; } .mobile-trigger i:before, .mobile-trigger i:after{ position: absolute; content: ''; } .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ width: 22px; /* Icon line width */ height: 2px; /* Icon line height */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #000; /* Icon color */ display: inline-block; } .mobile-trigger i:before{ top: -6px; } /* Position top line */ .mobile-trigger i:after{ top: 6px; } /* Position bottom line */ .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after, .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{ background-color: #fff; /* Icon color */ } /* ===== 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: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } .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: #fff; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i{} .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } /* ===== Mobile Menu Styles ===== */ .custom-menu-primary.js-enabled{ position: relative; padding-top: 44px; /* Makes room for button */ margin: 10px 0 0 0; } /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; top: 0; left: 0; padding: 0; } .custom-menu-primary .hs-menu-wrapper{ background-color: #000; width: 100%; /* Full screen width */ } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ font-size: 14px; /* Font size of top level list items */ line-height: 36px; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li{ border-top: 1px dotted rgba(255, 255, 255, .35); } .custom-menu-primary .hs-menu-wrapper > ul li a{ padding: 0 10px; color: #fff; } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color: #fff; } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul { background-color: transparent; } .custom-menu-primary .hs-menu-wrapper > ul ul li{ background-color: rgba(255, 255, 255, .08); } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } /* Level 4 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } .custom-header .page-center { padding-left:0 !important; padding-right:0 !important; } } /* ========================================================================== 5. BLOG ========================================================================== */ /* =============== General Blog Styles =============== */ /* Blog Post and Listing Body Class */ .blog .body-container .page-center { /* padding-top:2em; */ width: 80% !important; /* max-width: 1000px !important; */ } /* Blog Post */ .hs-blog-post {} .custom-post-wrapper { border-bottom: 1px solid #ccc; overflow: hidden; padding-bottom: 2.5em; } /* Blog Listing */ .hs-blog-listing {} /* Blog Columns Wrapper */ .blog .content-wrapper {} /* =============== Blog Content Column =============== */ .blog .blog-content {} /* 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-post .hs-blog-header{ display:none; } .hs-blog-header h1 { font-size: 38px; font-weight: normal; margin: 0 0 0.25em; padding: 0; color: #727272; line-height:1.6; } .hs-blog-header h1 a{} .hs-news-blog .hs-blog-header { margin: 0 0 10px; } .hs-news-blog .hs-blog-header h1{ line-height:normal; } /* Blog Post Title */ .post-header h2, h2.post-listing-simple { line-height: normal; font-size: 38px; font-weight: normal; margin: 0 0 0.25em; padding: 0; color: #727272; } .post-header h2 a, h2.post-listing-simple a{ text-decoration: none; color: inherit; opacity: 1; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear; } .post-header h2 a:hover, h2.post-listing-simple a:hover{ text-decoration: none; opacity: 0.7; text-decoration: underline; } .section.post-header h1 { line-height: normal; font-size: 38px; font-weight: normal; margin: 0 0 0.25em; padding: 0; color: #727272; } .custom-post-image { margin-top: 1em; } /* ----------------------------- News Blog ----------------------------- */ .hs-news-blog.hs-blog-post .custom-date { font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; margin-bottom:10px; } .hs-news-blog .post-header h2 { font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: 1em; margin-top: 20px; color: #000; font-weight: 700; padding: 0px 0px 5px; line-height: 26px; text-decoration: none; } .hs-news-blog .post-header h2 a{ -webkit-transition: all 0.3s; transition: all 0.3s; } .hs-news-blog .post-header h1{ color: #000; padding: 0px 0px 5px; font-size: 25px; line-height: 26px; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; text-decoration: none; } .hs-news-blog .post-header h2 a:hover { color: #f8981d; text-decoration: none; } .hs-news-blog .genericon.post-format-icon{ display:none; } .hs-news-blog .blog-listing-wrapper .post-listing .post-item .post-body p{ color: #727272; } .hs-news-blog .blog-listing-wrapper .post-listing .post-item .post-body { margin-left: 0; color: #727272; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: 14px; font-weight: 300; line-height: normal; } .hs-news-bottom-section a.more-link { display: inline-block; } .hs-blog-listing a.more-link .genericon-next:hover { text-decoration: none; display:inline-block; } .hs-blog-listing a.more-link:hover .genericon-next { text-decoration: none; display:inline-block; outline:0; } .hs-blog-listing a.more-link{ opacity: 1; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; display:inline-block; -ms-transition: opacity .2s linear; transition: opacity .2s linear; margin-top: 21px; } .hs-blog-listing a.more-link:hover{ color: #414141 !important; text-decoration: none; transition: all ease 0.3s; opacity:0.7 !important; } .hs-news-bottom-section a.more-link:hover{ color: #414141 !important; text-decoration: none; opacity:1; } .hs-news-blog .blog-listing-wrapper .post-listing .post-item { border: none; margin: 0px 0 15px; padding: 0; } .hs-news-blog .blog-listing-wrapper .post-listing .post-item img{ margin-bottom:8px; } .hs-news-blog.hs-blog-post .body-container .page-center { width: 100% !important; max-width: 980px !important; padding:50px 40px 20px; } .hs-news-blog.hs-blog-post .blog-post-wrapper .post-body { margin-left: 0; } /* 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%; } /* Use this to set up different styling for your blog posts */ .blog-listing-wrapper .post-listing .post-item { border-bottom: 1px solid #ccc; padding-bottom: 2.5em; margin: 0 0 1.5em; } .genericon-standard:before { content: '\f100'; } .genericon { display: inline-block; width: 16px; height: 16px; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 1; font-family: 'Genericons'; text-decoration: inherit; font-weight: normal; font-style: normal; vertical-align: top; } .custom-post-body { padding:1.5em 0 0; } .genericon.post-format-icon { float: left; font-size: 2em; width: 1em; } .blog-listing-wrapper .post-listing .post-item .post-body { margin-left: 3em; } .post-body p { color: #000; margin: 0 0 1.5em; padding: 0; } .blog-post-wrapper .post-body { margin-left: 3em; } /* Post Featured Image on Listings Page */ .hs-featured-image-wrapper {} .hs-featured-image-wrapper .hs-featured-image-link {} .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{ border-width: 0; max-width: 100%; height: auto; width: auto; display: block !important; float: none; margin: 1em 0 0 0; } /* Read More Link */ a.more-link { display:inline-block; margin: 0 0 1.5em; padding: 0; opacity: 1; color: #0070ab; text-decoration: underline; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear; } a.more-link:hover { opacity: 0.7; } .genericon-next { margin-top: .25em; vertical-align: middle; } .genericon-next:before { content: '\f429'; } /* Blog Topics List */ #hubspot-topic_data { margin: 15px 0; } #hubspot-topic_data a.topic-link {} /* Blog Social Sharing Icons */ /* Blog Commments */ #comments-listing { border-bottom: 1px solid #ccc; margin-bottom: 30px; margin-top: 30px; } .custom_listing_comments { border: 1px solid #e2e2e2; display: block; line-height: 165%; padding: 15px; } #comments-listing { border: 1px solid #ccc; margin-bottom: 30px; margin-top: 30px; } .comment { margin: 10px 0; border-top: 1px solid #ccc; padding: 15px 0; } .comment.depth-0 { border-bottom: 1px solid #000 !important; border-top: medium none !important; margin: 0 10px 10px !important; padding: 0 15px !important; } #comment-form h3 { margin-bottom: 20px; } .comment-body { border-bottom: medium none; display: block; padding: 0; } .comment-reply-to{ margin-bottom: 15px; } .comment-from h4 { margin: 0; padding-top: 15px; } #comments-listing.no-comments { border: none; } #comment-form { background: #fff; border: 1px solid #000; margin: 15px 0; padding: 30px; } .comment-date { font-size: 13px; text-align: right; display: block !important; } .comment-from { font-weight: bold; } .comment-body { padding: 10px 0; } /* Pagination */ .hs-blog-post .blog-pagination { margin-top: 17px; } .blog-pagination { clear: both; margin: 0 0 1.5em; overflow: hidden; line-height: normal; } .nav-previous { float: left; width: 50%; } .blog-pagination a { opacity: 1; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear; text-decoration: none; color: #0070ab; } .blog-pagination a:hover { opacity: 0.7; color: #414141; text-decoration: underline; } .blog-pagination .meta-nav{ margin-top: 0; text-decoration: none; } .genericon-previous:before { content: '\f430'; } .nav-next { float: right; text-align: right; width: 50%; } .hs-blog-listing .nav-previous { float: right; width: 50%; text-align: right; } .hs-blog-listing .nav-next { float: left; width: 50%; text-align: left; } .genericon-next:before { content: '\f429'; } .blog-pagination a.previous-posts-link {} .blog-pagination a.all-posts-link {} .blog-pagination a.next-posts-link {} /* 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 { margin:0 0 2em; } .blog .blog-sidebar h1, .blog .blog-sidebar h2, .blog .blog-sidebar h3, .blog .blog-sidebar h4, .blog .blog-sidebar h5, .blog .blog-sidebar h6, .blog .blog-sidebar .from-title{} .hs-rss-item { margin-bottom: 0; text-decoration: none; } .custom-blog-social ul{ padding: 0 0 3px; margin: 0; list-style: none; overflow: hidden; } .custom-blog-social li { float: left; position: relative; margin: 0; overflow: hidden; min-height: 40px; line-height: 0; width: 32%; text-align: center; } .custom-blog-social li a { line-height: 0; text-decoration: none !important; text-align: center; padding: 0; display: block; overflow: hidden; } .blog-sidebar a.hs-rss-title{ text-decoration:none; } .blog-sidebar a.hs-rss-title:hover{ text-decoration:underline; } .blog-sidebar .hs-rss-item.hs-with-featured-image .hs-rss-item-text{ width:100%; padding-right:0; } .blog-sidebar .hs-rss-item { overflow: hidden; margin: 0 0 1.5em; } .blog-sidebar .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper{ width:100%; } .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image { width: 100%; display: block; float: none; margin: .3em .75em .75em 0; cursor:pointer; } .blog-sidebar .custom-blog-form .hs-form-field { margin: 0 0 3px; } .blog-sidebar .custom-blog-form .hs-input{ color:#111; } .blog-sidebar .custom-blog-form input { font-size: 13px; line-height: 28px; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; padding: 3px 10px; height: 28px; font-weight:300; border-radius: 0; background-color: #fff; border: 1px solid #aeb0b6; vertical-align: middle; display: block; vertical-align: middle; display: block; color: #111; background: #f8f8f8; border: 1px solid #e0e0e0; } .custom-blog-social .et_social_top.et_social_circle li a { padding: 0 !important; } .custom-blog-social .et_social_networks li, .custom-blog-social .et_social_networks li a, .custom-blog-social .et_social_icon { display: block; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .et_social_networks li a { line-height: 0; } .custom-blog-social .et_social_networks span, .custom-blog-social .et_social_sidebar_networks span, .custom-blog-social .et_social_circle i.et_social_icon, .custom-blog-social i.et_social_icon:before, .custom-blog-social i.et_social_icon:after, .custom-blog-social .et_social_networks li, .custom-blog-social .et_social_networks li a, .custom-blog-social .et_social_networks div, .custom-blog-social .et_social_sidebar_mobile, .custom-blog-social .et_social_sidebar_networks_mobile li, .custom-blog-social .et_social_pin_image a:before { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } .custom-blog-social .et_social_icons_container a, .custom-blog-social a.et_social_icon_cancel { text-decoration: none !important; } .custom-blog-social .et_social_top div, .custom-blog-social .et_social_top ul, .custom-blog-social .et_social_top li, .custom-blog-social .et_social_top span, .custom-blog-social .et_social_top a, .custom-blog-social .et_social_top .et_social_icons_container { text-align: center; } .custom-blog-social .et_social_networks, .custom-blog-social .et_social_sidebar_networks, .custom-blog-social .widget_monarchwidget a { text-shadow: none !important; } .custom-blog-social .et_social_networks.et_social_circle .et_social_facebook i { background-color: #3a579a; } .custom-blog-social .et_social_networks span, .custom-blog-social .et_social_sidebar_networks span, .custom-blog-social .et_social_circle i.et_social_icon, .custom-blog-social i.et_social_icon:before, .custom-blog-social i.et_social_icon:after, .custom-blog-social .et_social_networks li, .custom-blog-social .et_social_networks li a, .custom-blog-social .et_social_networks div, .custom-blog-social .et_social_sidebar_mobile, .custom-blog-social .et_social_sidebar_networks_mobile li, .custom-blog-social .et_social_pin_image a:before { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } .custom-blog-social .et_social_networks .et_social_icon, .custom-blog-social .et_social_networks .et_social_icon:before, .custom-blog-social .et_social_networks .et_social_icon:after { width: 40px; height: 40px; line-height: 40px; display: inline-block; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .custom-blog-social .et_social_networks div, .custom-blog-social .et_social_networks span, .custom-blog-social .et_social_networks li i { position: relative; z-index: 2; } .custom-blog-social .et_social_circle .et_social_icons_container li i:after, .custom-blog-social .et_social_circle .et_social_icons_container li i:before, .custom-blog-social .et_social_circle .et_social_icons_container li:hover i:after, .custom-blog-social .et_social_circle .et_social_icons_container li:hover i:before { transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s !important; -moz-transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s !important; -webkit-transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s !important; } .custom-blog-social .et_social_count, .custom-blog-social .widget_monarchwidget .et_social_networkname, .custom-blog-social .widget_monarchwidget .et_social_count span, .custom-blog-social .et_social_circle .et_social_icons_container li i:before { transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; } .custom-blog-social .et_social_circle .et_social_icon:before, .custom-blog-social .et_social_circle .et_social_icon:after { width: 100% !important; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .custom-blog-social .et_social_networks .et_social_icon, .custom-blog-social .et_social_networks .et_social_icon:before, .custom-blog-social .et_social_networks .et_social_icon:after { width: 40px; height: 40px; line-height: 40px; display: inline-block; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .custom-blog-social .et_social_icon:before, .custom-blog-social .et_social_icon:after { position: relative; width: 100%; } .custom-blog-social .et_social_icon_facebook:before, .custom-blog-social .et_social_icon_facebook:after { content: "\e63f"; } .custom-blog-social .et_social_icon, .custom-blog-social .et_social_icon:before, .custom-blog-social .et_social_icon:after { font-family: 'ETmonarch'; speak: none; font-style: normal; font-size: 16px; line-height: 16px; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; display: block; } .custom-blog-social .et_social_networks span, .custom-blog-social .et_social_sidebar_networks span, .custom-blog-social .et_social_circle i.et_social_icon, .custom-blog-social i.et_social_icon:before, .custom-blog-social i.et_social_icon:after, .custom-blog-social .et_social_networks li, .custom-blog-social .et_social_networks li a, .custom-blog-social .et_social_networks div, .custom-blog-social .et_social_sidebar_mobile, .custom-blog-social .et_social_sidebar_networks_mobile li, .custom-blog-social .et_social_pin_image a:before { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } .custom-blog-social .et_social_circle .et_social_icons_container li i:after, .custom-blog-social .et_social_circle .et_social_icons_container li i:before, .custom-blog-social .et_social_circle .et_social_icons_container li:hover i:after, .custom-blog-social .et_social_circle .et_social_icons_container li:hover i:before { transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s !important; -moz-transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s !important; -webkit-transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s !important; } .custom-blog-social .et_social_circle .et_social_icon:before, .custom-blog-social .et_social_circle .et_social_icon:after { width: 100% !important; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .custom-blog-social .et_social_slide .et_social_icon:after { display: inline-block; position: absolute; top: -40px; left: 0; } .custom-blog-social .et_social_networks .et_social_icon, .custom-blog-social .et_social_networks .et_social_icon:before, .custom-blog-social .et_social_networks .et_social_icon:after { width: 40px; height: 40px; line-height: 40px; display: inline-block; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .et_social_icon:after { display: none; } .custom-blog-social .et_social_icon:before, .custom-blog-social .et_social_icon:after { position: relative; width: 100%; } .et_social_icon:after { display: none; } .custom-blog-social .et_social_icon_facebook:before, .custom-blog-social .et_social_icon_facebook:after { content: "\e63f"; } .custom-blog-social .widget_monarchwidget .et_social_networks.et_social_circle ul li { background-color: transparent; } .custom-blog-social .et_social_icon{ color: #FFF; } .custom-blog-social .widget_monarchwidget .et_social_icons_container li:hover .et_social_icon { color: #ffffff; } .custom-blog-social .et_social_slide li:hover .et_social_icon:before { opacity: 0; margin-top: 40px; } .custom-blog-social .et_social_slide li:hover .et_social_icon:after { top: 0; } .custom-blog-social .et_social_networks.et_social_circle .et_social_twitter i { background-color: #00abf0; } .custom-blog-social .et_social_icon_twitter:before, .custom-blog-social .et_social_icon_twitter:after { content: "\e640"; } .custom-blog-social .et_social_networks.et_social_circle .et_social_linkedin i { background-color: #127bb6; } .custom-blog-social .et_social_icon_linkedin:before, .custom-blog-social .et_social_icon_linkedin:after { content: "\e631"; } .custom-blog-best-writing { text-align: center; } .blog-sidebar a { opacity: 1; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear; } .blog-sidebar a:hover { opacity: 0.7; } .custom-blog-best-writing { text-align:center; } .blog .blog-sidebar .custom-blog-best-writing h3 { font-size: 21px; margin: 0 0 0.25em; padding: 0; color: #727272; font-weight: bold; line-height: normal; border: none; } .custom-blog-best-writing a { text-decoration:none; } .custom-blog-best-writing p{ color: #727272; margin: 0; padding: 0; } .custom-blog-best-writing p a{ border: 2px solid #0070ab; border-radius: 6px; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); vertical-align: middle; white-space: nowrap; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; font-weight: normal; line-height: normal; letter-spacing: 1px; text-align: center; text-decoration: none; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; box-sizing: border-box; display: inline-block; margin-bottom: 0; padding: 6px 15px; font-size: 16px; background: #fb971d; background-image: -webkit-linear-gradient(top, #fcae4f, #e17d04); background-image: linear-gradient(to bottom, #fcae4f, #e17d04); background-repeat: repeat-x; border-color: #e17d04; padding-top: 0.75em; padding-bottom: 0.75em; opacity: 1; color: #fff; margin: 1em 0 0 0; white-space:nowrap !important; } .custom-blog-best-writing p span{ width: 26px; margin-top: -2px; background-image: url(//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Images/icon-w-white.png); display: inline-block; height: 16px; margin-right: 0.75em; background-color: transparent; background-position: center center; background-repeat: no-repeat; vertical-align: middle; } .custom-blog-best-writing p a:hover{ background-image: none; } .custom-right-sidebar h3, .blog .blog-sidebar h3 { margin-bottom: .75em; padding-bottom: .5em; border-bottom: 1px solid #ccc; font-size: 18px; color: #727272; font-weight: bold; line-height: normal; } .custom-blog-form .hs-form-field > label{ font-weight: bold; line-height: 1.2em; padding-top: 0; color: #333; font-size: 13px; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; } .custom-blog-form .hs-button.primary { box-sizing: border-box; display: inline-block; margin-bottom: 0; padding: 4px 10px; color: white; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: 1px; text-align: center; text-decoration: none; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #0070ab; background-image: -webkit-linear-gradient(top, #0091de, #004f78); background-image: linear-gradient(to bottom, #0091de, #004f78); background-repeat: repeat-x; border: 2px solid #0070ab; border-radius: 6px; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); vertical-align: middle; white-space: nowrap; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .custom-blog-form .hs-button.primary:focus, .custom-blog-form .hs-button.primary:hover{ background-image: none; box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.3); opacity: 0.7; } .custom-blog-form .hs-button.primary:focus{ background-color: #4682B4; } .blog .blog-sidebar ul{} .blog .blog-sidebar ul li{} .blog .blog-sidebar ul li a{} .blog .blog-sidebar ul li a:hover{} .custom-blog-search.widget-type-google_search label{ display:none; } .custom-blog-search .hs-button.primary { display:none; } .custom-see-tips-link a{ text-decoration:none; } .custom-see-tips-link a:hover{ text-decoration:underline; color: #0074a2; } .custom-blog-search.custom-blog-search .hs-input{ padding: 7px; color: #111; background: #f8f8f8; border: 1px solid #e0e0e0; font-size: .9em; line-height: normal; box-shadow: none; font-weight:300; } .custom-see-tips-link { margin-bottom: 8px !important; } .blog-sidebar .custom-blog-recent { margin-bottom: 10px !important; } /* =============== 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 {} .hs-blog-social-share { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; height: auto; margin-top: 10px; padding: 15px 0 9px; margin-bottom: 20px; } /* ========================================================================== 6. FORMS ========================================================================== */ /* =============== Global Form Styles =============== */ h3.form-title:empty { display:none; } h3.form-title { font-size: 24px; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-weight: normal; color: #000; border-bottom: 1px dotted #AAA; margin-bottom: 20px; padding-bottom: 13px; } /* Form Field */ .hs-form-field { margin: 0 0 22px; } /* Descriptions */ .hs-field-desc {} /* Labels and Legends */ label { display: block; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: small; color: #000000; margin-bottom: 5px; } .hs-form-field > label { font-weight: bold; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-size: small; color: #000000; } /* One Line Inputs */ 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 { width: 100%; vertical-align: middle; display: block; background-color: #fff; line-height: 1.5em; padding: 0.2em 0.3em; font-size: 1em; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; border-radius: 3px; border: 1px solid #c9c9c9; box-sizing: border-box; color: #4c4c4c; height:32px; outline: none; max-width: 600px; } 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 { outline: none; border: 1px solid #888; color: #000; } /* Separate Styles for Multiple Line Inputs */ textarea { min-height:78px; } textarea:focus {} /* Separate Styles for Drop Downs */ select { color: #4c4c4c !important; font-size: 16px; width: 100%; -webkit-appearance: button; background: url(//3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Wordrake%20December2017%20/Video/dropdown-sprite1.png) no-repeat; background-position: 98% center; } select:focus {} /* Multiple Selection Inputs */ form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } form.hs-form .hs-form-field ul.inputs-list li input {} 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 {} /* Error */ .hs-error-msgs label{} /* 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 {} /* Input */ .widget-type-google_search input[type="text"] {} .widget-type-google_search input[type="focus"] {} /* ========================================================================== 7. BUTTONS ========================================================================== */ /* =============== All Global Buttons (Excluding CTAs) =============== */ .hs-button.primary, input[type="submit"], input[type="button"] { cursor: pointer; -webkit-appearance: none; text-decoration: none !important; display:inline-block; text-align: center; vertical-align: middle; padding: 13px 25px; border-radius: 3px; border: none; color: white; font-size: 18px; outline: none; text-transform: none; background-color: #4682B4; margin:10px 0; } .hs-button.primary:hover, input[type="submit"]:hover, input[type="button"]:hover { text-decoration: none; background-image: none; background-color: #4682B4; } .hs-button.primary:focus, input[type="submit"]:focus, input[type="button"]:focus { background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } /* =============== 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 .hs-button.primary {} .widget-type-google_search .hs-button.primary:hover {} .widget-type-google_search .hs-button.primary:focus {} /* ========================================================================== 8. MISCELLANEOUS ========================================================================== */ .stacktable { width: 100%; } .st-head-row { padding-top: 1em; padding-bottom: 9px; } .st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; } .st-key { width: 16%; text-align: inherit; padding-right: 1%; } .st-val { width: 49%; padding-left: 1%; } /* RESPONSIVE EXAMPLE */ .stacktable.large-only { display: table; } .small-only { display: none; } @media (max-width: 800px) { .large-only { display: none; } .stacktable.small-only { display: table; } } .stacktable.small-only{ display:none; } a#cta_button_3365575_9573fee9-cf40-419a-94dc-82f17b14e58b:hover { box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.3) !important; } .custom-wordrake-inner-row1-right-cotnent .cta_button { width: 100%; white-space: normal !important; display: block !important; max-width: none; min-width: auto; padding-left: 5px !important; padding-right: 5px !important; } a.cta_button { white-space: normal !important; } .hs-top-buttons-group a.cta_button { min-width: 256px; margin: 0 5px; } .hs-top-buttons-group p { margin: 0 0 7px; } table { border-collapse: collapse; border-spacing: 0; } .table-hover > thead > tr > th { vertical-align: top; border-bottom: 2px solid #dddddd; } .table.table-hover { width:auto; max-width: 100%; margin-bottom: 20px; min-width: 60%; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #e2f2fb; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd; } .widget-type-email_subscriptions h1, .widget-type-email_subscriptions_confirmation h1, .widget-type-email_simple_subscription h1{} .widget-type-email_subscriptions h2, .widget-type-email_subscriptions_confirmation h2, .widget-type-email_simple_subscription h2{} .widget-type-email_subscriptions h3, .widget-type-email_subscriptions_confirmation h3, .widget-type-email_simple_subscription h3{} .body-container ul li{} .hs-blog-social-share ul li { background: none; padding-left: 0; } form ul li{ background: none !important; padding-left: 0 !important; } .hs-form-required { color: #ff0000; margin-left: 6px; font-size: 10px; } .landing-page.one-column .body-container form { width: 50%; } .error-template.one-column .body-container form, .password-template.one-column .body-container form, .subscription-template.one-column .body-container form #content{ width: 50%; } .custom-form-group input.hs-input.error { border: 1px solid red; } .custom-form-group .hs-error-msgs.inputs-list label { color: #FF0000; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; font-weight: 400; margin-top: 5px; font-size: 12px; background: #FFDFDF; padding: 5px; max-width: 600px; } .hs-error-msgs.inputs-list{ margin: 0; padding:0; list-style:none; } .hs-error-msgs.inputs-list label{ color: #ff0000; } input.hs-input.error{ border: 1px solid #8C0005; } input.hs-input.error:focus{ border: 1px solid #8C0005; } /* ----------------- PopUp ---------------------*/ .modal-open { overflow: hidden; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5 !important; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; opacity:1; } .modal-open .custom-popup-group .modal { display: flex !important; align-items: center; } .modal-open .custom-popup-group .modal .modal-dialog { transform: none; } .modal-open .custom-popup-group.clearfix .modal { display: none !important; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .modal-header .close { margin-top: -2px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); } .modal-dialog { position: relative; width: 600px; margin: 30px auto; } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .modal-body { position: relative; padding: 15px; font-size:12px; } .modal-body p{ margin:0; font-size:12px; } .custom-popup-right-group .custom-popup-link{ box-shadow:none; background:transparent; } .custom-popup-link { text-decoration: none; cursor: pointer; display: inline-block; margin: 0 auto; padding: 4px; /*background: white; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);*/ } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); -o-transform: translate(0,-25%); transform: translate(0,-25%); } .modal.in .modal-dialog { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } h4.modal-title { margin: 0; line-height: 1.42857143; font-size: inherit; padding: 0; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important; color: #727272; font-weight: normal; font-size: 16px; margin-top: 5px; } .custom-popup-right-group .hs-popup-opener { float: right; margin: 21px 0px; } /* 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: 1020px) { .container-fluid .row-fluid .page-center { padding-left: 15px; padding-right: 15px; } .blog .body-container .page-center { padding-left: 0px; padding-right: 0px; } .custom-table-group td { padding-right: 10px; } .custom-home-slider .caption p br { display: none; } } @media (min-width: 768px) and (max-width: 1020px) { .custom-menu-primary .hs-menu-wrapper > ul { font-size:11px; } .custom-menu-primary .hs-menu-wrapper > ul > li > a { padding: 0 7px; } .custom-logo p { padding-left:0; } .custom-popup-link { max-width:300px; /*background: white; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);*/ } } @media (min-width: 880px){ .custom-footer-form form { min-width: 201px; margin-left: -30px; position: relative; } .custom-footer-form .hs-input{ width: 89.2%; } } @media (min-width: 768px) and (max-width: 880px){ .custom-footer-form form { min-width: 148px; margin-left: -10px; position: relative; } .custom-footer-form .hs-input{ width: 89.2%; } } @media (min-width: 768px){ .custom-form-group { max-width: 495px; padding: 0 15px; } #comment-form{ max-width:600px; } .modal-lg { width: 900px; } body.mac .custom-logo p{ padding-left:58px; } .custom-wordrake-inner-row1-right-cotnent .cta_button { margin-bottom: -6px !important; } } @media (min-width: 768px) and (max-width: 992px) { .social-links img { max-width:25px; } .custom-copyright { font-size: 8.5px; } body.mac .custom-logo p{ padding-left:25px; } .hs-three-col-trial-group .custom-free-trial-form form .hs-input { max-width: 100%; } .hs-three-col-trial-group .custom-free-trial-form .hs-form-field{ float:none; } .hs-three-col-trial-group .custom-free-trial-form form{ display:block; } .hs-three-col-trial-group .custom-free-trial-form ul.hs-error-msgs.inputs-list:after{ top: -10px; } .hs-three-col-trial-group .custom-free-trial-form ul.hs-error-msgs.inputs-list label { position: relative; } .hs-three-col-trial-group .custom-free-trial-form form .hs-button.primary.large{ margin-left:0; } .hs-pricing-table-bottom h6 a.button { float: none !important; } .custom-wordrake-inner-row1-right-cotnent .cta_button{ width: 95%; } } @media (min-width: 768px) and (max-width: 850px) { .custom-copyright { font-size: 7.9px; } } /* =============== Landscape tablet and smaller devices =============== */ @media (max-width: 767px) { 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 { max-width:100%; } .custom-form-group .hs-error-msgs.inputs-list label { max-width:100%; } .body-container-wrapper .main-content, .blog-content,.blog-sidebar, .body-container-wrapper .sidebar{ margin-bottom:20px; } .landing-page.one-column .body-container form { width: 100%; } .error-template.one-column .body-container form, .password-template.one-column .body-container form, .subscription-template.one-column .body-container form #content{ width: 100%; } .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image { border-width: 0; max-height: 100%; max-width: 100%; height: 100%; width: 100%; float: none; margin: 20px 0 20px 0px; } .custom-footer-form .hs-input { width: 95.6%; max-width:100%; } .custom-logo { text-align:center; padding-left:10px; padding-right:10px; } .custom-logo p { text-align: center; padding-left: 0; } .custom-copyright p { text-align: center; } .social-links { float: none; text-align: center; margin-top:15px; } .genericon.post-format-icon { display:none; } .blog-listing-wrapper .post-listing .post-item .post-body { margin-left: 0; } .blog-post-wrapper .post-body { margin-left: 0; } .hs-three-col-image > div{ width:100%; float:none; } .custom-one-col-with-left-image-wrap .custom-image { max-width: 116px; margin-bottom: 15px; float: none; width: 100% !important; margin-left: auto; margin-right: auto; text-align:center; } .custom-one-col-with-left-image-wrap .custom-content { width: 100% !important; float: none; padding-left: 0; clear: both; text-align:center; } .custom-wordrake-inner-row2 h3 { text-align: center; } .custom-wordrake-inner-row2 { padding-bottom: 0; } .custom-wordrake-inner-row3 .hs_cos_wrapper_type_custom_widget { width: 100%; float: none; margin: 0 0 15px; } .custom-wordrake-inner-row4 { padding: 15px 0; margin: 0; } .custom-wordrake-inner-row4 .hs_cos_wrapper_type_custom_widget { width: 100%; float: none; margin: 0 0 15px; } .custom-row3-4-grp { padding-bottom: 0; } .custom-testimonial-wrapper .custom-testimonial-autho-image { width: 100%; float: none; display: block; margin: 0 auto 15px; } .custom-testimonial-wrapper .testimonial-autho-bio { width: 100%; float: none; padding: 0; } .custom-testimonial-wrapper { margin-bottom: 30px; } .hs-one-col-prcing-table-group table.price-table tbody, .hs-one-col-prcing-table-group table.price-table tbody tr, .hs-one-col-prcing-table-group table.price-table tbody td, .hs-one-col-prcing-table-group table.price-table tbody th { display: block; text-align: center; } .hs-one-col-prcing-table-group table.price-table td:nth-child(3) { text-align: center; } .hs-one-col-prcing-table-group .button { display: block; } .hs-three-col-gray-box .hs-three-col-box { float: left; padding: 0; width: 100%; margin-bottom: 25px; } .hs-three-col-gray-box .hs-three-col-inner{ text-align:center; } .hs-three-col-gray-box .hs-three-col-inner p{ padding-left:0 !important; } .hs-three-col-gray-box .hs-three-col-inner h3{ padding-left:0 !important; } .hs-three-col-gray-box { padding: 15px 0px 0px; } .modal-dialog { width: 97%; } .hs-one-col-prcing-table-group{ margin-bottom:25px; } .hs-two-col-right-group, .hs-two-col-left-group { width: 100%; float: none; margin:0 0 25px; } .custom-home-slider { min-height: 0 !important; } .custom-home-slider .caption p sup { position: relative; padding: 0 10px; margin-top: -13px; right: auto; left: auto; } .custom-home-slider .caption .carat-right { position: static; } .custom-home-slider .caption p sup { position: static; padding: 0 10px; } .custom-home-slider .caption p br { display: none; } .custom-lightbox-video-with-rss-group .center-column { border: none; padding: 0; } .custom-lightbox-video-with-rss-group .center-column p { text-align: center; } .hs-video-opener { text-align: center; } .custom-lightbox-video-with-rss-group .main-content:first-child h3 { text-align: center; margin-bottom: 25px; } .custom-home-slider .caption p { line-height: normal; } .custom-home-slider { padding-bottom: 40px; } .hs-two-col-left-image { padding:0; margin: 10px 0 25px; } .hs-two-col-left-image .column { display: block; width: 100%; float: none; margin: 0 0 15px; clear: both; padding: 0 0 24px; } .hs-top-buttons-group a.cta_button { margin:5px; } .custom-wordrake-inner-row1-right-cotnent .cta_button{ width:98%; } .custom-testimonial-wrapper { margin-bottom: 30px; text-align: center; } .hs-accordion-module .hs-accordion-right { float: none; margin: 0 0 20px; width: 100%; text-align: center; } .hs-accordion-module .hs-accordion-left { width: 100%; float: none; } .accordion-button { float: none !IMPORTANT; display: inline-block; } .hs-accordion-buttons { text-align: center; } .custom-strike { position: relative; text-decoration: line-through; text-decoration-color: #1da8f8; } .custom-strike:before { content: none; } .hs-news-blog.hs-blog-post .body-container .page-center{ padding: 40px 15px 20px; } .stacktable.large-only{ display:none; } .stacktable.small-only{ display:block; } .custom-table-group td{ padding-bottom:8px; } table { width: 100% !important; } .responsive-table-mobile td { display: block; width: 100% !important; } .responsive-table-mobile img { max-width: 100%; width: auto; } .responsive-table-mobile { table-layout: fixed; } .blog .body-container .page-center{ width: 100% !important; padding-left: 15px !important; padding-right: 15px !important; } .custom-right-sidebar-layout .body-container .page-center { padding-top: 2em; width: 100% !important; max-width: 1000px !important; padding-left: 20px !important; padding-right: 20px !important; } } .cta-overlap {background: #F8971D; min-height:61px; padding-top:10px 0px 0px 0px !important; } /* New Lp */ .wrapper { max-width: 1401px; padding: 0 20px; margin: 0 auto; float: none; } .header-no-navigation { text-align: center; padding: 24px 0; color: #fff; } .hnn-logo a { color: #fff; text-decoration: none; font-size: 18px; font-weight: 500; font-style: italic; text-align: center; } .hnn-logo a span { display: block; padding: 10px 0 0; } .lp-hero { display: flex; flex-flow: row wrap;display: -webkit-flex; -webkit-flex-flow: row wrap; width: 100%;color: #fff; font-size: 18px; font-weight: 500; text-align:center;} .lp-hero h1 { font-size: 48px; font-weight: 700; line-height: 110%; color: #FFF; margin: 0 0 25px; } .lp-hero h3 { font-size: 32px; font-weight: 700; line-height: 33px;color: #fff;margin: 0 0 16px; } .lp-hero .lpc-form h3{color: #000;} .lp-hero a { color: #F49600; text-decoration: underline; } .lp-hero-content { float: left; width: 57%;padding: 90px 20px 26px;display: flex; align-items: center;display: -webkit-flex; -webkit-align-items: center; min-height: 100vh;} .lp-hero-img { float: left; width: 43%; background-size: cover; background-repeat: no-repeat; background-position: center; } .lpc-wrap { max-width: 714px; margin: 0 auto; } .lp-hero h1 span { color: #F49600;} .lp-hero p:last-child { margin: 0; } .lpc-top-text { font-style: italic; line-height: 130%; } .lpc-form form h3.form-title { display: none; } .lpc-form { border-radius: 16px; background: #FFF; padding: 68px;color:#000; box-shadow: 0px 12px 42px -4px rgba(24, 39, 75, 0.12), 0px 8px 18px -6px rgba(24, 39, 75, 0.12); } .lpcf-bottom a { font-weight: bold;} .lpcf-bottom { color: #424242; font-size: 14px; margin: 40px 0 0; line-height: 130%;} .lpc-top-text { margin: 0 0 64px;} .lpcForm { margin: 40px 0 0; } .lpcForm form label { font-weight: 700; color: #000; font-size: 16px; margin: 0 0 16px;text-align:left; } .lpcForm form .hs-form-field { margin: 0 0 19px; } .lpcForm form .hs-input:not(input[type="checkbox"]), .lpcForm form .hs-input:not(input[type="radio"]), .lpcForm form textarea, .lpcForm form select { border-radius: 8px; border: 2px solid #000; padding: 10px 60px; height: 53px; text-align: center; font-size: 18px; color: #000; outline: 0; width:100%;text-align:left;} body .lpcForm form .multi-container label { color: #5B5B5B; font-size: 16px; font-weight: normal; margin:0;} body .lpcForm form .multi-container label input { display: none !important; } body .lpcForm form .multi-container { max-width: 417px; display: flex; justify-content: space-between; margin: 0 auto; } .lpcForm form .hs-error-msgs.inputs-list label { font-weight: normal; font-size: 16px; } body .lpcForm form .multi-container li:not(:first-child):not(:last-child) label span { font-size: 0; } body .lpcForm form .multi-container li { display: inline-block; min-width: 71px; } body .lpcForm form .multi-container li label input+span { position: relative; padding: 62px 0 0; margin: 0; display: block; } body .lpcForm form .multi-container li label input+span:before { position: absolute; content: ''; top: 0; left: 50%; width: 52px; height: 52px; transform: translateX(-50%); background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('https://3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Group%20%289%29.svg'); } body .lpcForm form .hs-form-required { display: none;} .lpcForm input.hs-button.primary.large, .lpcForm input[type="submit"] { color: #FFF; text-align: center; font-size: 16px; font-weight: 500; line-height: 33px; width: 100%; margin: 0; border-radius: 8px; background: #F49600; padding: 10px 60px; cursor:pointer; font-family: "Helvetica Neue", Helvetica, "Arial", "Verdana", sans-serif!important;} .lpcForm .actions { margin: 40px 0 0; } body .lpcForm form .multi-container li label input+span:after { position: absolute; content: ''; top: 0; left: 50%; width: 52px; height: 52px; transform: translateX(-50%); background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('https://3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/staraa.png'); opacity: 0; } body .lpcForm form .multi-container li label input:checked+span:after {opacity:1;} .lpc-form .submitted-message { font-size: 48px; font-weight: 700; line-height: 110%; color: #fff; } .form-submit-active .lpc-form { background-color: transparent; } .form-submit-active .lpc-form { background-color: transparent; padding: 0; color: #fff; } .form-submit-active .lpcf-bottom { color: #fff; } .form-submit-active .lpc-form h3, .form-submit-active .lpc-form .lpcf-text { display: none; } .form-submit-active .lpc-top { display: none; } .form-submit-active .lp-hero-content { padding: 26px 20px;} .form-submit-active .lpcf-bottom { margin-top: 32px; } .lpcForm input.hs-button.primary.large:hover, .lpcForm input[type="submit"]:hover { background-color: #ec8505; } .footer-wordrake { color: #fff; font-size: 14px; font-weight: normal; padding: 29px 0;text-align: left; } .footer-wordrake a { color: #fff; text-decoration: none; } .footer-wordrake a:hover { color: #F49600;} .footer-wordrake ul li { display: inline-block; margin-right: 16px; } .footer-wordrake ul { padding: 0; margin: 0; list-style: none; } .footer-wordrake ul li:last-child { margin-right: 0; } .fw-inner { width: 100%; display: flex; flex-flow: row wrap;align-items: center; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-items: center; } .fw-left { width: 70%; } .fw-right { width: 30%; text-align: right; } .footer-wordrake p { margin: 0; } .fw-copyright { margin: 0 0 15px; line-height: 130%; } .fw-menu ul li:after { content: '|'; position: absolute; right: 0; top: 0; } .fw-menu ul li { position: relative; margin-right: 24px; padding-right: 24px; } .fw-menu ul li:last-child:after { display: none; } .fw-menu ul li:last-child { margin-right: 0; padding-right: 0; } .fw-menu ul { display: flex; flex-flow: row wrap;display: -webkit-flex; -webkit-flex-flow: row wrap; } .form-submit-active .lpcForm { margin: 0px 0 0; } .lp-review-hero { padding: 100px 0; position: relative; background-size: cover; background-repeat: no-repeat; background-position: 100%; min-height: 100vh;display: flex; align-items: center;display: -webkit-flex; -webkit-align-items: center;} .lrh-box { max-width: 597px; margin-left: auto; padding: 68px; border-radius: 16px; background: #FAFAFA; box-shadow: 0px 12px 42px -4px rgba(24, 39, 75, 0.12), 0px 8px 18px -6px rgba(24, 39, 75, 0.12); color: #000; font-size: 18px; font-weight: normal; line-height: 130%;} .lrh-box h3 { color: #000; font-size: 32px; font-weight: 700; line-height: 33px; margin: 0 0 16px; text-align: center; } .lrh-header { margin: 0 0 40px; } .lrh-user-box { border-radius: 8px; background: #FFF; box-shadow: 0px 6px 24px 0px rgba(0, 63, 89, 0.23); padding: 16px; position: relative; font-family: 'Roboto', sans-serif;} .lrh-circle { font-size: 0; } .lrh-circle:first-letter { font-size: 24px; color: #FFF; font-weight: 700; line-height: 129%; text-transform: uppercase; } .lrh-circle { width: 52px; height: 52px; padding: 12.065px 9.385px; background: #2B579A; border-radius: 50%; text-align: center; vertical-align: middle; min-width: 52px; min-height: 52px; position: absolute; } .lrh-user-info { padding-left: 68px; font-size: 14px; line-height: 124%; } .lrh-user-info h1 { font-size: 24px; color: #000; text-transform: capitalize; font-weight: 700; margin: 0 0 16px; } .lrh-box p:last-child { margin: 0; } .lrh-btn.theme-btn { margin: 40px 0 0; } .theme-btn a { border-radius: 8px; background: #F49600; padding: 10px 60px; text-decoration: none; color: #FFF; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 33px; display: block; } .theme-btn a:hover {background-color: #ec8505;} .lrhh-text { text-align: center;} .lrh-user-info h1 { word-wrap: break-word;} .lrh-inside { width: 100%;} .hs-error-msgs.inputs-list { margin: 10px 0 0;} .lpcf-text { font-size: 16px; } /* New Lp END */ /* Landing Page */ .hrladig-sec { padding-top: 122px; overflow: hidden; position: relative; z-index: 1; } .hrladig-sec .wrapper { max-width: 1488px; } .hrladig-inner { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: flex-end; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-align-items: flex-end; } .hrladig-left { width: 50%; padding-right: 50px; } .hrladig-content { display: inline-block; padding: 134px 10px 160px; position: relative; z-index: 2; } .hrladig-right { width: 50%; text-align: right; } .hrladig-img { position: relative; z-index: 1; } .hrladig-title { background-color: #000; text-align: center; border-radius: 99px; padding: 10px 48px; display: inline-block; margin-bottom: 25px; } .hrladig-title h1 { color: #fff; font-size: 100px; font-weight: 700; font-family: "Helvetica Neue", sans-serif!important; margin: 0; } .hrladig-title h1 > span { display: block; font-size: 24px; font-weight: 400; } .hrladig-txt { max-width: 454px; color: #fff; font-size: 24px; font-weight: 400; text-align: justify; line-height: 28.63px; } .hrladig-right .hrladig-img:before { content: ''; position: absolute; width: 693.3px; height: 693.3px; background-repeat: no-repeat; z-index: -1; background-color: #E5891C; border-radius: 50%; right: -51px; top: -47px; } .hrlpshape:before { content: ''; width: 1243.31px; height: 1243.31px; background-color: #F1CA90; border-radius: 50%; top: -185.65px; left: -213.94px; position: absolute; z-index: -1; } .hrlpshape:after { content: ''; width: 1069.43px; height: 1069.43px; top: -70.65px; left: -143.71px; position: absolute; background-color: #FFBD59; border-radius: 50%; z-index: -1; } .hrlpshape span { width: 962.67px; height: 962.67px; left: -135.66px; position: absolute; background-color: #E5891C; border-radius: 50%; display: inline-block; top: 0; } .hrladig-sec:before { content: ''; position: absolute; width: 315.97px; height: 315.97px; border: 3px solid #000; top: -178.24px; right: 354.67px; border-radius: 50%; z-index: 1; right: 25%; } .hrladig-img:after { content: ''; position: absolute; width: 283.86px; height: 283.86px; border: 3px solid #000; border-radius: 50%; right: -160.62px; bottom: -109px; z-index: -1; } .hrladig-content:before { content: ''; position: absolute; width: 120.52px; height: 120.52px; border: 3px solid #000; border-radius: 50%; top: -39.56px; left: 451.29px; } .softlp-sec { padding: 80px 0px; } .softlp-inner { display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; } .softlp-left { width: calc(30% + 32px); margin-left: -32px; } .softlp-right { width: 70%; padding-left: 80px; } .softlp-right h2 { font-size: 32px; color: #000000; font-family: "Helvetica Neue", sans-serif!important; line-height: 39.07px; } .softlp-txt { margin-top: 20px; font-size: 16px; line-height: 22.4px; color: #000000; font-weight: 400; text-align: justify; } .softlp-txt p { margin-bottom: 16px; } .txtslider-sec { padding-bottom: 80px; overflow: hidden; } .txtslider-inner { display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; } .txtslider-left { width: 25%; } .txtslider-left h2 { color: #000; font-size: 32px; line-height: 35.2px; font-family: "Helvetica Neue", sans-serif!important; margin-bottom: 25px; } .leftxt { font-size: 18px; line-height: 21.47px; color: #424242; text-align: justify; font-weight: 400; } .txtslider-right { width: 75%; padding-left: 56px; } .image-slider .images { padding-top: 100%; background-size: cover; border-radius: 16px; background-position: top center; box-shadow: 0px 12px 42px -4px #18274B1F; overflow:hidden; background-repeat: no-repeat;} .image-slider .colimg { padding-bottom: 0; overflow: hidden; margin: 0 12px; } .txtslider-right .slick-list.draggable { min-width: 1100px;} .offer-header { text-align: center; padding: 60px 0; color: #fff; } .offer-header h2 { color: #fff; font-size: 32px; font-weight: 700; line-height: 33px; margin: 0; line-height: 1.2; } .offer-bg { background-size: cover; background-repeat: no-repeat; background-position: center top; } .offer-box { max-width: 980px; margin: 0 auto; padding: 64px; border-radius: 32px; font-size: 16px; font-weight: 300; font-family: "Helvetica Neue", sans-serif!important; color:#4B4B4B; line-height: 24px;} .offer-box h3 { color: #000; font-size: 32px; line-height: 33px; margin: 0 0 16px; font-weight: 700; } .offer-bg { padding: 80px 0; } .ob-right { width: 33%; } .ob-left { width: 67%; padding-right: 20px;} .ob-inside { display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; flex-flow: row wrap; flex-flow: row wrap;} .ob-wrap { max-width: 430px; display: inline-block; } .offer-box p:last-child { margin: 0; } .ob-btn { margin: 32px 0 0; } /* @media(min-width: 5000px){ .hrlpshape span { width: 2352.67px; height: 2352.67px; } .hrlpshape:before { width: 2693.31px; height: 2693.31px; } .hrlpshape:after { width: 2489.43px; height: 2489.43px; } } */ /* @media(min-width: 2000px){ .hrlpshape:before {width: 1793.31px; height: 1793.31px;} .hrlpshape:after { width: 1629.43px; height: 1629.43px;} .hrlpshape span { width: 1522.67px; height: 1522.67px;} } */ .save-section { background-size: cover; background-repeat: no-repeat; background-position: center top; } .save-section .page-center { max-width: 980px !important; } .save-boxes { display: flex; flex-wrap: wrap; margin: 0 -18px; row-gap: 35px; } .save-item { width: 50%; padding: 0 18px; } .save-top-cont { margin: 0 0 46px; text-align: center; } .save-top-cont h1 { margin: 0 0 10px; font-size: 70px; line-height: 78px; font-weight: 700; } .save-top-text { font-size: 25px; line-height: 34px; font-weight: 400; } .save-top-text p { margin: 0 0 10px; } .save-top-text h3 span { font-size: 35px; line-height: 135%; font-weight: 700; } .save-top-text h3 { font-size: 25px; line-height: 135%; font-weight: 400; margin: 0 0 5px; } .save-item-inn { background-color: #fff; padding: 20px; box-shadow: 2px 5px 12px 1px rgba(0, 0, 0, .56); border-radius: 3px; } .save-item-inn h3 { font-size: 20px; line-height: 2.4rem; text-align: center; margin: 0 0 30px; font-weight: 400; } .save-ms-img-lo { display: flex; align-items: center; font-size: 16px; line-height: 24px; } .save-ms-img { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; border-top: 3px solid #fb971d; border-bottom: 3px solid #fb971d; padding: 10px 0; } .save-ms-img-lo img { display: inline-block; width: 30px; height: 30px; margin: 0 10px 0 25px; } .save-wind-img img { height: 50px; margin-left: 20px; width: 50px; } .save-wind-img { display: flex; justify-content: center; margin: 30px 0 10px; } .save-wind-text { text-align: center; font-size: 12px; line-height: normal; color: #000; margin-bottom: 5px; } .save-wind-val { text-align: center; font-size: 20px; line-height: normal; position: relative; color: #000000; margin: 30px 0; } .save-wind-btn { text-align: center; margin: 0 0 20px; } .save-wind-btn a { font-size: 16px; background: #f90 !important; border-radius: 6px !important; border-width: 0 !important; color: #fff !important; cursor: pointer !important; display: inline-block !important; font-family: sans-serif !important; font-weight: 400 !important; height: auto !important; line-height: 1.5em !important; padding: 10px !important; text-align: center !important; text-decoration: none !important; } .save-wind-bttext { text-align: center; } .save-wind-bttext .save-wind-pli { cursor: pointer; color: #fb971d; text-decoration: none; font-size: 14px; margin-top: 0px; display: inline-block; text-align: center; } .save-wind-over-pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 10000; transition: all .3s; opacity: 0; visibility: hidden; display: flex; align-items: center; justify-content: center; overflow-y: auto; padding: 120px 20px 30px; } .save-wind-over-pop.active-pops { opacity: 1; visibility: visible; } .save-wind-over-pp-out { background-color: #fff; padding: 20px; box-shadow: 10px 10px 60px #555; max-width: 750px; border-radius: 8px; position: relative; } .save-wind-over-close { border: 3px solid #999; border-radius: 50px; cursor: pointer; font-family: arial; font-size: 17px; font-weight: 700; height: 30px; line-height: 27px; position: absolute; right: -20px; text-align: center; top: -20px; width: 30px; background-color: #fff; } .popUptext { font-size: 18px; line-height: 28px; color: #000; text-align: center; } .popUptext h2 { color: #000; font-size: 23px; margin: 0 0 30px; } .popUpTitle { text-align: center; padding: 10px; font-size: 23px; color: #000; border-bottom: 1px solid #fb971d; } .popUptext p { padding: 0 20px; margin: 0; display: inline-block; } .save-wind-ssr-inn { margin: 16px 0 0; text-align: center; color: #000; } .save-wind-ssr-tt { margin: 0 0 23px; text-decoration: underline; font-size: 20px; line-height: 27px; font-weight: 400; cursor: pointer; } .save-wind-ssr-ttext { font-size: 13px; line-height: 18px; max-width: 750px; margin: 0 auto; font-weight: 500; } .save-wind-over-top { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin: 0 0 10px; } .save-wind-over-icon { width: 15%; text-align: center; } .save-wind-over-top-text { display: flex; flex-direction: column; justify-content: center; width: 65%; text-align: center; } .save-wind-over-pop.require-save .save-wind-over-pp-out { width: 100%; max-width: 550px; } .save-wind-over-top-text span.save-wind-over-top-tt { font-size: 18px; font-weight: 700; color: #000; } .save-wind-over-top-text span.save-wind-over-top-txt { color: #000; font-size: 16px; line-height: 24px; } .save-wind-over-bott ul { color: #000; list-style: none; padding-left: 30px; text-align: left; margin: 0 0 15px; } .save-wind-over-bott ul li { font-size: 16px; line-height: 20px; margin-bottom: 10px; position: relative; } .save-wind-over-bott ul li:before { background: #2e8def url(https://3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/Solometric%20Assets/white-heavy-check-mark_2705.png?t=1543415320957); background-position: 50%; background-repeat: no-repeat; background-size: 10px 10px; border-radius: 50%; content: ""; height: 15px; left: -20px; position: absolute; top: 2px; width: 15px; } .save-wind-over-notes { text-align: center; color: #fb971d; font-size: 16px; line-height: 24px; } .save-wind-over-bott { padding: 20px; } .save-boxe-outer { max-width: 837px; margin: 0 auto; } .save-top-text h2 { font-size: 40px; line-height: normal; } .save-bott-inner { text-align: center; } .save-bott-top-text h2, .save-bott-oth-text h2 { font-size: 40px; line-height: normal; margin: 0 0 22px; } .save-bott-top-text { font-size: 22px; line-height: 30px; font-weight: 400; } .save-bott-top-text ul { list-style: none; padding: 0; display: flex; flex-flow: column; justify-content: center; row-gap: 11px; margin: 70px auto; text-align: left; max-width: 650px; } .save-bott-top-text ul li { display: inline-block; position: relative; padding-left: 30px; } .save-bott-top-text ul li:before { content: ""; background-image: url(https://3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/assets/images/list-arrow.png); width: 18px; height: 18px; position: absolute; background-size: 18px; background-repeat: no-repeat; top: 6px; left: 0; } .save-bott-oth-text { font-size: 25px; line-height: 135%; max-width: 760px; margin: 0 auto; } .save-bott-oth-btn a { border-radius: 8px; background-color: #F49600; color: #fff; text-decoration: none; padding: 13px 20px; width: 100%; display: block; max-width: 430px; margin: 0 auto; font-size: 23px; line-height: 33px; font-weight: 500; } .save-bott-oth-btn a:hover { background-color: rgb(255, 168, 0) !important; color: #fff; } .foot-section { background-color: #000; padding: 40px 15px; } .foot-section .page-center { max-width: 1320px !important; } .foot-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .footLogo img { max-width: 280px !important; } .foottext { color: #fff; } .bannerSec { position: relative; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: center top; } .bannerSec:before { content: ""; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 32.72%, rgba(255, 255, 255, 0.90) 67.44%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .bannerBtn a.btn { border-radius: 5px; background-color: #F90; color: #fff; border: 0; padding: 17px 34px; } .bannerBtn a.btn:hover { background-color: #ec8505; } .bannerInner h1 { font-weight: 700; } .resomenuInn ul { display: flex !important; flex-wrap: wrap; row-gap: 20px; justify-content: space-between; } .resomenuInn ul li a { text-decoration: none; color: #FFF; font-size: 20px; font-weight: 700; line-height: 24px; text-align: center; } .resomenuInn ul li+* { margin-left: 34px; } .ourfeutoph.flexwrap { justify-content: space-between; -webkit-justify-content: space-between; } .ourfeutoph { margin: 0 0 50px; } .ourfeutopOut h2 { width: 52%; color: #000; font-size: 40px; font-weight: 700; line-height: 48px; margin:0; } .googlesearch { width: 48%; padding-left: 70px; } .googlesearch input[type="text"] { background-color: #fff; border: 1px solid #000; padding: 16px 15px; font-size: 16px; line-height: normal; height: auto; width: 100%; color: #000; max-width: 420px; } .recArticle .googlesearch { width: 100%; padding: 20px 0 0; } .ourfeuItem { display: flex; flex-wrap: wrap; align-items: center; } .ourfeuLeft { width: 52%; } .ourfeuRight { width: 48%; padding-left: 70px; } .ourfeuItem+* { margin: 80px 0 0; } .ourfeuItem:nth-child(even) { flex-flow: row-reverse; } .ourfeuItem:nth-child(even) .ourfeuRight { padding: 0 100px 0 0; } .ourfeuImage img { border-radius: 20px; width:100%; } .ourfeuRight h3 { color: #1E1E1E; font-size: 20px; font-weight: 700; line-height: 22px; margin: 0 0 30px; } .ourfeutxt { color: #000; font-size: 16px; font-weight: 400; line-height: 24px; max-width: 420px; } .ourfeuBtn a.btn { border: 0; margin: 20px 0 0; border-radius: 7px; background: #000; color: #fff; padding: 15px 40px; } .ourfeuload a.btn { border: 0; margin: 20px 0 0; border-radius: 7px; background: #F90; color: #fff; padding: 15px 40px; } .ourfeuBtn a.btn:hover, .ourfeuload a.btn:hover { background-color: #ec8505; } .ourfeuload { text-align: center; justify-content: center !important; gap: 20px; } .ourfeuload a.btn { margin: 64px 0 0; } .ctattInn { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; column-gap: 20px; row-gap: 20px; } .ctattLeft h3 { margin: 0; color: #FFF; font-size: 26px; font-weight: 700; line-height: normal; } .ctattRight a.btn { min-width: 368px; border-radius: 7px; border: 2px solid #FFF; padding: 10px 20px; } .flexwrap { display:flex; flex-flow:row wrap; justify-content:left; display:-webkit-flex; -webkit-flex-flow:row wrap; -webkit-justify-content:left; } .alignCenter { align-items:center; -webkit-align-items:center; } .justCenter { justify-content:center; -webkit-justify-content:center; } .colbxxcsSec { overflow: hidden; } .colbxxcsInner { margin: 0 -15px; } .colbxxcsInner .articleBox { width: 33.33%; } .colbxxcsLoad { text-align: center; justify-content: center; gap: 20px; } .colbxxcsLoad a.btn { border: 0; margin: 20px 0 0; border-radius: 7px; background-color: #F90; color: #fff; padding: 15px 40px; } .colbxxcsLoad a.btn:hover { background-color: #ec8505; } .colbxxcsTitle h2 { color: #000; font-size: 40px; font-weight: 700; line-height: 48px; margin: 0 0 25px; text-align: left; } .colbxxcsSec { position: relative; z-index: 1; } .colbxxcsSec.spacBG-top:before { content: ""; background-color: #F90; position: absolute; top: 72px; left: 0; width: 100%; min-height: 387px; } .colbxxcsSec.spacBG-top .colbxxcsInner { padding: 55px 0 0; } .quizzTitle h2 { margin: 0 0 47px; color: #FFF; font-size: 40px; font-weight: 700; text-align: left; } .quizzLeft { width: 50%; padding: 0 40px 0 0; } .quizzRight { width: 50%; } .quizzRight img { border-radius: 20px; } .quizzRight .quizzBtn { display: none; } .quizzText h4 { color: #FFF; font-size: 20px; font-weight: 700; line-height: 24px; margin: 0 0 17px; max-width: 478px; } .quizzText, .quizzText p { font-size: 16px; line-height: 24px; } .quizzText p:last-child { margin: 0; } .quizzContent { display: none; padding: 47px 0 0; } .quizzItem h3 { text-align: left; color: #FFF; font-size: 28px; font-weight: 700; line-height: 34px; position: relative; padding: 0 40px 15px 0; cursor: pointer; margin: 0; border-bottom: 1px solid #C6C6C6; } .quizzItem h3:before { transition: all .3s; content: ""; background-image: url(https://3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/download/chevron-down.png); width: 32px; height: 32px; position: absolute; right: 0; background-size: 32px; background-repeat: no-repeat; background-position: center top; } .quizzItem.active h3:before { transform: rotate(-180deg); } .quizzItem { margin: 0 0 40px; } .quizzItem:last-child { margin: 0; } .quizzBtn a.btn { border-radius: 7px; background-color: #F90; color: #fff; padding: 17px 40px; border: 0; margin: 18px 0 0; min-width: 178px; text-align: center; } .quizzBtn a.btn:hover { background-color: #ec8505; } .quizzText p { max-width: 420px; } .articleSec { overflow: hidden; } .articleBox { width: 50%; padding: 0 16px; margin: 0 0 23px; position: static !important; transform: none !important; } .articleBInn { border-radius: 5px; background: #F3F3F3; box-shadow: 0px 6px 15px 3px rgba(0, 0, 0, 0.10); overflow: hidden; position: relative; height: 100%; padding-bottom: 70px; } .articleBImage img { width: 100%; min-height: 270px; max-height: 270px; object-fit: cover; object-position: center top; } .set-cols-two_column .articleBImage img { min-height: 360px; max-height: 360px; } .articleListing { display: flex; flex-wrap: wrap; margin: 0 -16px; height: auto !important; } .articleListing .articleBImage img { min-height: 200px; max-height: 200px; } .articleTitle h2 { margin: 0 0 25px; color: #000; font-size: 40px; font-weight: 700; line-height: 48px; } .articleInn { display: flex; flex-wrap: wrap; } .articleLeft { width: 62%; } .articleRight { width: 38%; padding-left: 73px; } .articleBContent { padding: 25px 22px 0; } .articleBContent h3 { margin: 0 0 16px; } .articleBContent h3, .articleBContent h3 a { color: #000; font-size: 20px; font-style: normal; font-weight: 700; line-height: 24px; text-decoration: none; } .articleBtext { color: #000; font-size: 16px; font-weight: 400; line-height: 24px; } .articleBread a { vertical-align: middle; text-decoration: none; margin: 25px 0 0; display: inline-block; color: #F90 !important; font-size: 18px; font-weight: 700; line-height: 22px; position: absolute; bottom: 20px; } .articleBTag { margin: 0 0 8px; } .articleBTag a, .articleBTag { color: #000; font-size: 18px; font-weight: 400; line-height: 24px; text-decoration: none; } .articleBTag a:hover, .articleBContent h3 a:hover, .recAliCContent h4 a:hover { color: #fa981d; } .pagination-events .paginationjs-page.J-paginationjs-page { display: none; } .paginationjs ul { margin: 25px 0 0; list-style: none; padding: 0; display: flex; justify-content: center; gap: 20px; } .pagination-events li a { text-decoration: none; border-radius: 7px; background: #F90; padding: 17px 38px; display: flex; align-items: center; color: #FFF; font-size: 17px; font-weight: 400; line-height: normal; position: relative; } .pagination-events li.paginationjs-prev a:before { content:"\f053"; font-family:"Font Awesome 6 Pro"; margin-right: 11px; } .pagination-events li.paginationjs-next a:after { content:"\f054"; font-family:"Font Awesome 6 Pro"; margin-left: 11px; } .pagination-events li.disabled { display: none; } .pagination-events li a:hover, .pagination-events li a:focus { background-color: #ec8505; } .recArticle h3, .recArtTag h3 { color: #000; font-size: 28px; font-weight: 700; line-height: 34px; margin: 0 0 23px; } .recAlinnInn { overflow: hidden; border-radius: 5px; border: 1px solid #DDD; background: #FFF; margin: 0 0 10px; position: relative; padding: 8px 22px 8px 100px; } .recAliImage { position: absolute; top: 0; left: 0; width: 80px; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; } .recAliCContent h4, .recAliCContent h4 a { color: #000; font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; text-decoration: none; } .recAliCContent h4 { margin: 0 0 10px; text-align: left; } .recAliCContent_author-info { position: relative; padding-left: 30px; display: flex; align-items: center; color: #000; font-size: 14px; font-weight: 400; line-height: 20px; } .recAliCContent_author-info span.recAliCContent__author-avatar { position: absolute; left: 0; width: 20px; height: 20px; } .recAliCContent_author-info span.recAliCContent__author-avatar img { border-radius: 50px; vertical-align: inherit; } .recAlBtn a.btn { display: block; margin: 30px 0 0; border-radius: 7px; background-color: #F90; color: #fff; border: 0; padding: 17px; } .recAlBtn a.btn:hover { background-color: #ec8505; } .isotope-hidden { display: none; } .recArtTag { padding: 40px 0; } .recArtTag.recArtAuthor { padding: 0; } .recArtTaListi.filters ul { padding: 0; list-style: none; margin: 0; } .recArtTaListi.filters ul li label { transition: all .3s; display: inline-block; cursor: pointer; border-radius: 7px; background: #000; color: #FFF; font-family: Arial; font-size: 14px; font-style: normal; font-weight: 700; line-height: 120%; padding: 10px 16px; margin: 0 0 10px; } .recArtTaListi.filters ul li input:checked + label { background-color: #ff9900; } .noResult { display: none; font-weight: 700; } .recArtTaListi.filters ul li { position: relative; display: inline-block; } .recArtTaListi.filters ul li input { display: none; } .colbxxcsInner.set-cols-two_column .articleBox { width: 50%; } .worliconTitle h2 { color: #000; text-align: center; font-size: 28px; font-weight: 400; line-height: 34px; margin: 0 0 42px; } .worliconTitle h2 span { color: #F90; display: block; } .worliconLirow ul { margin: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 18px; justify-content: space-between; padding: 0; } .worliconLirow ul li { width: 48%; position: relative; padding-left: 50px; background-image: url(https://3365575.fs1.hubspotusercontent-na1.net/hubfs/3365575/download/circle-arrow-right.png); background-size: 30px; background-repeat: no-repeat; background-position: center left; color: #000; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; } .worliconLirow ul li a { color: #000; text-decoration: underline; } .worliconLirow ul li a:hover { color: #fa981d; } .worconvidsLeft { padding-right: 115px; width: 64%; } .worconvidsRight { width: 36%; } .worconvidshub { border-radius: 15px; overflow: hidden; } .worconvidsLeft h2 { color: #000; font-size: 28px; font-weight: 700; line-height: 32px; margin: 0 0 24px; } .worconvidsText { color: #000; font-size: 16px; font-weight: 400; line-height: 24px; } .worconvidsText p { margin: 0 0 20px; color: #000; font-size: 18px; font-weight: 400; line-height: 26px; } .worconvidsText p:last-child { margin: 0; } .wordtrywordTops { text-align: center; color: #fff; margin: 0 0 24px; } .wordtryTt { color: #F90; font-size: 23px; font-style: normal; font-weight: 400; line-height: normal; margin: 0 0 3px; } .wordtrysubTt { color: #FFF; font-size: 20px; font-weight: 400; line-height: normal; margin: 0 0 3px; } .wordtrysubTxtt { color: #FFF; font-size: 17px; font-style: normal; font-weight: 400; line-height: normal; } .wordtrywordBtext { text-align: center; color: #fff; } .wordtrywordBtext p { margin: 0 0 4px; color: #FFF; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .wordtrywordBtext { margin: 33px 0 0; } .wordtrywordForm form { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; } .wordtrywordForm form input { background: #fff; border: none; border-radius: 7px; font-size: 17px; padding: 14.5px; line-height: 15px; outline: none; display: inline-block; height: auto; } .wordtrywordForm form .hs_email { margin-bottom: 0; min-width: 30%; order: 1; } .wordtrywordForm form .hs-submit { order: 2; } .wordtrywordForm form .hs-submit input.hs-button { background-color: rgba(255, 153, 0, 1.0); border: 0px solid #FF9900; border-radius: 7px; color: #FFFFFF; padding: 15px 35px; text-transform: none; font-size: 17px; line-height: 1.15; margin: 0; } .wordtrywordForm form .hs_email > label { display: none; } .post-listing.flexwrap { margin: 0 -15px; } .main-blog-section .blog-pagination { margin: 30px 0; text-align: center; display: flex !important; justify-content: center; align-items: center; gap: 10px; } .main-blog-section .blog-pagination a { width: 35px; height: 35px; border: 2px solid #F90; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-weight: 700; font-size: 16px; line-height: normal; transition: all .3s; } .main-blog-section .blog-pagination a.elipses { border: 0; pointer-events: none; } .main-blog-section .blog-pagination a:hover, .main-blog-section .blog-pagination a.active { background-color: #F90; color: #fff; text-decoration: none; } .container { max-width: 1320px; padding: 0 15px; margin: 0 auto; width: 100%; } body.blog.blog-new .page-center { max-width: 1320px; width: 100% !important; } body.blog.blog-new .articleBox { width: 33.33%; } .intervbxTop.flexwrap { justify-content: space-between; -webkit-justify-content: space-between; margin: 0 0 37px; } .intervbxTop.flexwrap .colbxxcsTitle h2 { margin: 0; } .intervbxFill { width: 200px; position: relative; z-index: 1111; } .intervbxFill label { position: relative; padding: 0 40px 10px 0; border-bottom: 2px solid #000; display: block; color: #000; font-size: 18px; font-weight: 700; line-height: 22px; cursor: pointer; margin: 0 0 10px; } .intervbxFill label:before { content: "\f054"; font-family: 'Font Awesome 5 Pro'; position: absolute; right: 10px; } .intervbxFill ul { margin: 0; padding: 17px 23px; list-style: none; border-radius: 7px; background: #FFF; box-shadow: 0px 6px 12px 5px rgba(0, 0, 0, 0.14); display: flex; flex-flow: column; gap: 15px; position: absolute; top: 100%; width: 233px; right: 0; transition: all .3s; opacity: 0; visibility: hidden; } .intervbxFill ul li { cursor: pointer; color: #000; font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px; transition: all .3s; } .intervbxFill ul li:hover, .intervbxFill ul li.is-checked { color: #F90; } .intervbxFill:hover ul { opacity: 1; visibility: visible; } .pagination-events-interv.flexwrap .btn { background-color: #f90; border: 0; border-radius: 7px; color: #fff; margin: 20px 0 0; padding: 15px 40px; } .pagination-events-interv.flexwrap .btn:hover { background-color: #ec8505; } .pagination-events-interv.flexwrap { gap: 20px; justify-content: center; text-align: center; } .articleListiInn h3 { color: #F90; font-size: 26px; font-weight: 700; line-height: 120%; margin: 0 0 33px; } .articleListiOut { display: flex; flex-wrap: wrap; gap: 60px; } .articleListiInn { width: 100%; } .articleListItem a { color: #000; font-size: 20px; font-weight: 700; line-height: 120%; text-decoration: none; } .articleListItem a:hover { color: #fa981d; text-decoration: underline; } .articleListItem { position: relative; margin: 0 0 10px; padding-left: 30px; } .articleListItem:before { content: ""; background-color: #FF9900; width: 12px; height: 12px; position: absolute; left: 0; border-radius: 50%; top: 6px; } .articleListItem:last-child { margin: 0; } .loadMorebt { padding-left: 30px; margin: 20px 0 0; color: #0070ab; font-size: 18px; cursor: pointer; line-height: normal; } .loadMorebt:hover { text-decoration: underline; } @media(min-width: 768px){ .intervbxFill ul { display: flex !important; transform: none !important; height: auto !important; padding: 17px 23px !important; } } @media(min-width: 1440px){ .txtslider-right .slick-list.draggable { min-width: 1280px;} } @media(max-width: 1600px){ .hrlpshape span { width: 900px; height: 900px; left: -190px; } .hrlpshape:before { width: 1100px; height: 1100px; left: -240px; top: -145px; } .hrlpshape:after { width: 1000px; height: 1000px; left: -220px; } } @media screen and (max-height:900px) { .lp-hero-content{ padding: 30px 20px 26px; align-items:start; } .lp-hero h1 {margin: 0 0 10px;} .lpc-top-text { margin: 0 0 30px; font-size: 13px;} body .lpc-form { padding: 20px 20px;} .lp-hero h3 { margin: 0 0 7px;} .lpcf-text { font-size: 14px;} .lpcForm { margin: 20px 0 0;} .lpcForm form label{ font-size: 14px;margin: 0 0 6px;} .lpcForm form .hs-form-field { margin: 0 0 8px;} .lpcForm .actions, .lpcf-bottom { margin: 12px 0 0;} } @media (max-width: 768px) { .mobile-button {width:250px !important; margin:0 auto;} .screen img {display:none;} .cta-overlap {min-height:100px; padding:10px;} } @media (max-width: 1440px){ .lpc-wrap {max-width: 620px;} .lp-hero h1 { font-size: 40px;} .lp-hero-content {align-items:start;} } @media (max-width: 1400px){ .lpc-wrap { max-width: 590px;} .lpc-form { padding: 68px 58px;} } @media (max-width: 1300px){ .lp-hero h1, .lpc-form .submitted-message {font-size:38px;} .lpc-wrap { max-width: 520px;} } @media (max-width: 1160px){ .lp-hero h1, .lpc-form .submitted-message {font-size:32px;} .lp-review-hero { padding:50px 0; } .hrladig-title h1 {font-size:80px;} .hrladig-sec:before {right:10%;} .txtslider-right .slick-list.draggable { min-width: 900px;} .resomenuInn ul li { margin: 0 20px 0 0 !important; } .resomenuInn ul li a { font-size: 20px; line-height: 24px; } .resomenuInn ul { justify-content: left; } #sitefooter .newsletter-social { margin: 20px 0; } .set-cols-two_column .articleBImage img { min-height: 270px !important; max-height: 270px !important; } } @media (max-width: 991px){ body .lpcForm form .multi-container li {min-width:61px;} .lpc-form { padding: 40px 30px;} .lp-hero h3, .lrh-box h3 { font-size: 28px;} .lp-hero-content {padding-top:70px;} .lpcForm form label {font-size:16px;} .lpcForm form .hs-input:not(input[type="checkbox"]), .lpcForm form .hs-input:not(input[type="radio"]), .lpcForm form textarea, .lpcForm form select, .theme-btn a{padding-left:20px;padding-right:20px;} .lp-review-hero { padding: 60px 0; } .lrh-box { margin-left: 0; width: 100%; max-width: 100%; padding: 40px 30px; } .hrladig-sec:before {width: 180px; height: 180px; top: -105.24px;} .txtslider-right { padding-left: 20px; } .softlp-right { padding-left: 32px; } .hrladig-title h1 { font-size: 50px;} .hrladig-title h1 > span {font-size:18px;} .offer-box {padding:40px;} .hrlpshape span { width: 750px; height: 750px; left: -300px; top: -118px; } .hrlpshape:before { width: 800px; height: 800px; left: -270px; top: -115.65px; } .hrlpshape:after { width: 770px; height: 770px; left: -280px; top: -115px; } .hrladig-right .hrladig-img:before { width: 500px; height: 500px; top: -7px; right: -20px; } .hrladig-content { padding: 0px 10px 100px;} .hrladig-content:before {width: 80px; height: 80px;top: -99.56px; left: 70%;} .txtslider-left h2, .softlp-right h2, .offer-box h3 {font-size:28px;} .hrladig-txt {font-size:18px;} .save-top-cont h1 { font-size: 45px; line-height: 54px; } .save-top-text, .save-bott-top-text, .save-bott-oth-text { font-size: 20px; line-height: 30px; font-weight: 400; } .save-bott-top-text h2, .save-bott-oth-text h2 { font-size: 32px; } .foot-inner { justify-content: center; text-align: center; row-gap: 20px; flex-flow: column; } .save-top-text h2 { font-size: 30px; } .ourfeuRight, .ourfeuItem:nth-child(even) .ourfeuRight { width: 100%; padding: 23px 0 0; text-align: left; } .ourfeuLeft, .articleLeft { width: 100%; } .ourfeuImage, .ourfeutopOut h2 { text-align: left; } .ourfeuItem:nth-child(even) { flex-flow: column; } .articleRight { width: 100%; padding: 30px 0 0; text-align: left; } .articleRinn { display: flex; flex-flow: column-reverse; } .recArtTag { padding: 0px 0 20px; } .recArtTag.recArtAuthor { padding: 0px 0 40px; } .colbxxcsInner .articleBox, body.blog.blog-new .articleBox { width: 50%; } body.resources-page .widget-span.widget-type-custom_widget { text-align: left; } .hs-testimonial { padding: 0 2em 1em; } .worconvidsLeft { width: 100%; padding: 0 0 30px; } .worconvidsRight { width: 100%; } } @media (max-width:767px){ .lp-hero-content { width: 100%; padding-top: 26px;min-height:auto; } .lp-hero-img { width: 100%; padding-bottom: 140%; min-height: auto; background-position: center; } .fw-left { width: 100%; } .fw-right { width: 100%; text-align: center; margin: 29px 0 0; } .fw-menu ul li { position: relative; margin-right: 10px; padding-right: 10px; } body .lpcForm form .multi-container li { min-width: 40px;} .lpc-top-text { margin: 0 0 40px;} .lpc-form { padding: 30px 20px;} body .lpcForm form .multi-container li label input+span:before, body .lpcForm form .multi-container li label input+span:after {width:35px;height:35px;} .lp-hero h3 { font-size: 24px;} .hnn-logo a {font-size:16px;} body .lpcForm form .multi-container li label input+span {padding:46px 0 0 0;} .lpcForm .actions { margin: 32px 0 0;} .hrladig-left { width: 100%; padding-left: 0; padding-right: 0;} .hrladig-right { width: 100%; } .softlp-left { width: 100%; margin-left: 0; } .softlp-right { padding-left: 0; width: 100%; margin-top: 30px; } .softlp-sec { padding: 50px 0px 15px; } .txtslider-left { width: 100%; } .txtslider-right { padding-left: 0; width: 100%; padding-top: 10px; } .txtslider-sec { padding-bottom: 50px;} .offer-header h2 {font-size:28px;} .offer-header { padding: 30px 0; } .offer-bg { padding: 60px 0; } .ob-left { width: 100%; padding-right: 0; } .ob-right { width: 100%; margin-top: 30px; text-align: center; } .ob-wrap { max-width: 100%; display: block; } .ob-right img { width: 100%; } .offer-box { padding: 40px 30px;} .offer-bg {background-position: 100% 100%;} .hrladig-sec:before { width: 70px; height: 70px; top: -40px; right: 10px; } .hrladig-title h1 { font-size: 38px; } .hrladig-content { padding: 0px 0px 0px; } .hrladig-title h1 > span { font-size: 16px; line-height: 1.3;} .hrladig-txt {font-size:16px;line-height:1.3;} .hrladig-content:before { width: 50px; height: 50px; top: -54.56px; left: 58%; } .hrladig-sec { padding-top: 60px;} .softlp-left img { width: 100%;} .leftxt{font-size: 16px;} .image-slider { margin-left: -12px;} .save-item { width: 100%; } .save-top-cont h1 { font-size: 36px; line-height: 44px; } .save-top-text, .save-bott-top-text, .save-bott-oth-text { font-size: 18px; line-height: 28px; } .save-top-text h3 { font-size: 22px; } .save-top-text h3 span { font-size: 26px; } .save-wind-over-pp-out { height: 50%; overflow-y: auto; } .save-wind-over-close { top: 2px; right: 2px; } .save-bott-top-text h2, .save-bott-oth-text h2 { font-size: 28px; } .save-top-text, .save-bott-top-text, .save-bott-oth-text { font-size: 16px; line-height: 24px; } .save-bott-oth-btn a { font-size: 22px; line-height: 30px; padding: 12px 20px; } .save-top-text h2 { font-size: 26px; } .onl-logo img { max-width: 270px !important; } .bannerSec:before { background: linear-gradient(180deg, #FFF 20.58%, rgba(255, 255, 255, 0.00) 100%); } .bannerInner h1 { font-size: 35px; line-height: 110%; margin: 0 0 40px; } .resomenuInn ul li { width: 100%; margin: 0 !important; } .resomenuInn ul { row-gap: 30px; } .ourfeutoph { margin: 0 0 36px; } .ourfeutopOut h2 { font-size: 36px; line-height: 42px; width: 100%; } .googlesearch { width: 100%; padding: 30px 0 0; } .ourfeuRight h3 { margin: 0 0 10px; } .ourfeuItem+* { margin: 42px 0 0; } .ctattRight a.btn { min-width: auto; width: 100%; display: block; max-width: 240px !important; margin: 0 auto; } .ctattLeft, .ctattRight { text-align: center; width: 100%; } .ctattInn { row-gap: 30px; } .ctattLeft h3 { font-size: 20px; line-height: normal; max-width: 230px; margin: 0 auto; } .articleTitle h2 { font-size: 36px; line-height: 44px; margin: 0 0 27px; } .articleBox, .colbxxcsInner .articleBox, .colbxxcsInner.set-cols-two_column .articleBox, body.blog.blog-new .articleBox { width: 100%; margin: 0 0 30px; } .colbxxcsSec.spacBG-top .colbxxcsInner { padding: 50px 0 0; } .colbxxcsSec.spacBG-top:before { top: 220px; height: 1380px; } .quizzTitle h2 { font-size: 36px; line-height: 44px; margin: 0 0 48px; } .quizzItem h3 { font-size: 20px; line-height: 24px; padding: 0 100px 15px 0; } .quizzLeft { width: 100%; padding: 0 0 60px; } .quizzRight { width: 100%; } .quizzContent { padding: 18px 0 0; } .quizzRight img { min-height: 216px; } .quizzRight .quizzBtn { display: block; text-align: center; } .quizzLeft .quizzBtn { display: none; } .quizzText h4 { font-size: 18px; line-height: 24px; margin: 0 0 15px; } .quizzBtn a.btn { margin: 37px 0 0; } .worliconTitle h2 { color: #000; text-align: center; font-size: 20px; font-weight: 400; line-height: 22px; max-width: 300px; margin: 0 auto 36px; } .worliconTitle h2 span { margin: 20px 0 0; } .worliconLirow ul li { width: 100%; font-size: 16px; line-height: 24px; background-size: 20px; padding-left: 35px; } .recAliCContent h4, .recAliCContent h4 a { font-size: 14px; line-height: 18px; } .pagination-events li a { padding: 16px; font-size: 16px; line-height: normal; } .paginationjs ul { gap: 15px; } .ourfeuload a.btn { margin: 44px 0 0; padding: 15px 30px; } .main-blog-section .blog-pagination a { width: 30px; height: 30px; font-size: 14px; } .main-blog-section .blog-pagination { margin-bottom: 0; } .colbxxcsLoad a.btn { padding: 15px 25px; } .intervbxFill { width: 100%; margin: 50px 0 0; } .intervbxFill ul { opacity: 1; visibility: visible; width: 100%; position: static; margin: 20px 0 0; display: none; transition: none; } .intervbxFill ul.Open-drop { display: flex; } .intervbxFill ul li { margin: 0 0 10px; } .intervbxFill ul li:hover { color: #000; } .articleListiInn h3 { font-size: 22px; line-height: normal; } .articleListiOut { gap: 30px; } } @media (max-width:350px){ .hnn-logo a { font-size: 14px;} } @media (max-width:300px){ .hnn-logo a { font-size: 12px;} .hrladig-title { padding: 10px 28px; } } /* =============== Landscape phones and smaller devices =============== */ @media (max-width: 479px) { .mobile-button {width:250px !important;} .hs-pricing-table-bottom h6 a.button { float: none !important; } .custom-table-group td { padding-right: 10px; } .custom-table-group{ font-size:12px; } .checkbox-row span.fakelabel span { float: none; } .hs-top-buttons-group a.cta_button { min-width: 226px; margin:5px 0; } .custom-table-group td { padding-bottom: 12px; vertical-align: top; } .hs-blog-post .nav-next, .hs-blog-post .nav-previous { float: left; width: 100%; padding: 5px 0px; } .lrh-circle { width: 35px; height: 35px; min-width: 35px; min-height: 35px; } .lrh-circle:first-letter { font-size: 18px; line-height: 78%; } .lrh-user-info { padding-left: 44px;} .lrh-user-info h1 { font-size: 18px;} body .lpcForm form .multi-container label {font-size:14px;} .hrlpshape span { width: 450px; height: 450px; left: -80px; top: -50px; } .hrlpshape:before { width: 500px; height: 500px; left: -90px; top: -65.65px; } .hrlpshape:after { width: 470px; height: 470px; left: -87px; top: -75px; } .hrladig-img:after {height: 100px; width: 100px; right: -40px; bottom: -18px;} .txtslider-right .slick-list.draggable { min-width: 660px;} } @media (max-width: 400px) { .right-sidebar-form ul.hs-error-msgs.inputs-list label, .footer-container ul.hs-error-msgs.inputs-list label, .custom-free-trial-form ul.hs-error-msgs.inputs-list label { position: relative; } .custom-free-trial-form .hs-form-field { float: none; margin: 0; } .custom-free-trial-form .hs_submit{ display: block; position: relative; float: none; } .custom-free-trial-form form .hs-input { max-width: 100%; width: 100%; } .custom-free-trial-form form{ display:block; } .custom-free-trial-form form .hs-button.primary.large { margin-left: 0; } .custom-free-trial-form ul.hs-error-msgs.inputs-list:after{ left: 7px; top: -8px; z-index: 8; } } @media (max-width: 980px){ .filler{ display: none !important; } .filler + div{ float: none !important; display: inline-block !important; } .filler + div + div{ float: none !important; display: inline-block !important; } } @media (max-width: 517px){ .filler-parent{ padding-top: 55px; } } /* Responsive css rules for landing page cta buttons */ @media (max-width: 970px){ .cta_button{ padding-right: 0px !important; padding-left: 0px !important; } div.widget-type-custom_widget{ width: 146px; display: inline-block; margin: 0 auto; float: none; text-align: center; } #header_buttons > div.row-number-5 > div.row-fluid{ text-align: center; } } /* .body-container-wrapper a { color: #0070ab; } .body-container-wrapper h1, .body-container-wrapper h2, .body-container-wrapper h3, .body-container-wrapper h4, .body-container-wrapper h5, .body-container-wrapper h6 { font-weight:700; } */ .custom-post-content span, .custom-post-content p, .custom-post-content p *, .custom-post-content div, .custom-post-content div * { background-color: transparent !important; }