/* FlowForma 2020 News Template */ /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /* 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; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /*****************************************/ /* Start your style declarations here */ /*****************************************/ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: none; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* FONTS */ @font-face { font-family: 'Avenir-Black'; src: url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Black.svg#Avenir-Black') format('svg'); src: url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Black.eot'); src: url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Black.woff2') format('woff2'), url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Black.woff') format('woff'), url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Black.ttf') format('truetype'), url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Black.eot#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; font-display: swap; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'Avenir-Book'; src: url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Book.svg#Avenir-Book') format('svg'); src: url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Book.eot'); src: url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Book.woff') format('woff'), url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Book.ttf') format('truetype'), url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Book.eot#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Avenir-Light'; src: url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Light.svg#Avenir-Light') format('svg'); src: url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Light.eot'); src: url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Light.woff') format('woff'), url('Avenir-Light.ttf') format('truetype'), url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Light.eot#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Avenir-Medium'; src: url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Medium.svg#Avenir-Medium') format('svg'); src: url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Medium.eot'); src: url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Medium.woff') format('woff'), url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Medium.ttf') format('truetype'), url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/fonts/Avenir-Medium.eot#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; font-display: swap; } body { margin: 0; padding: 0; font-family: 'Avenir-Light', sans-serif; line-height: normal; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { text-decoration: none; } .container { width: 80%; margin: 0 auto; } h1, h2, h3, h4, h5, h6 { font-family: 'Avenir-Medium', sans-serif; color: #343434; } p { font-size: 20px; color: #808080; } h1 { font-size:32px; } h2 { font-size: 32px; } h3 { font-size: 28px; } /* UTILITY NAV */ .utility-nav { list-style: none; text-align: right; margin: 0 0 0 0; background: #1C0A2A; opacity: 0.7; height: 46px; padding: 0 10px 0 0; } .utility-nav a { display: inline-block; zoom: 1; font-family: 'Avenir-Medium', sans-serif; font-size: 12px; text-decoration: none; text-transform: uppercase; color: #FFFFFF; line-height: 46px; padding: 0 10px 0 0!important; } .utility-nav > li:not(:last-child) { margin-right: 10px; } .utility-nav > li a:hover { color: #DD078B; } .utility-nav.fixed { position: fixed; top: 0px; width: calc(100% - 30px); } .utility-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { float: left; width: auto; margin-left: 5px; font-size: 11px; line-height: 40px; } .utility-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li { position: relative; } .utility-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child { padding-left: 0px; } .utility-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li .fa { font-size: 10px; top: -5px; line-height: 0; width: 10px; margin-right: 6px; } /* MAIN NAV */ .flowforma-logo img{ position: relative; z-index: 11; margin-left: 30px; z-index: 1000; min-width: 175px; } .menu-wrapper .logo { float: left; } .menu-wrapper { width: 100%; background: transparent; padding: 0 30px; max-width: 100%; box-sizing: border-box; margin-top: 20px; } .menu-container { margin: 0; background: transparent; font-family: 'Avenir-Black', sans-serif; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #FFFFFF; float: right; text-align: right; } .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; position: relative; z-index: 11; } .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { color: #FFFFFF; line-height: 40px; } .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover { color: #DD078B; } .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 10px 10px 30px;; white-space: nowrap; max-width: none; overflow: visible; text-decoration: none; } .menu-container ul.hs-menu-children-wrapper { width: 125%; background: #ededed; padding: 10px; position: absolute; z-index: 99; left: -12.5%; margin: 10px 0 0 0; list-style: none; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 300px; left: auto; padding: 10px 10px; } .menu-container ul.hs-menu-children-wrapper:before { content: ''; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #EDEDED; /*arrow color*/ top: -12px; left: 30px; } .menu-container li.hs-menu-item.hs-menu-depth-2 { text-align: left; } .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { text-transform: none; color: #5a5a5a; padding: 0; margin: 0; width: auto; overflow: visible; top: 50px; } .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { color: #DD078B; } .menu-container li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:after { position: relative; font-family: FontAwesome; content: "\f107"; cursor: pointer; float: right; padding: 2px 20px 0 0; background: transparent; color: #FFFFFF; top: 20px; left: 0px; } @media only screen and (max-width: 1172px) { .menu-container li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:after { display: none; } } .menu-container li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover:after { color: #DD078B; } .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; position: relative; z-index: 11; } .navigation-fixed { top: 0; z-index: 100; position: fixed; width: 100%; background: #FFFFFF; padding: 0 0 0 0; max-width: 100%; box-sizing: border-box; margin-top: 0; height: 83px; border-bottom: 1px solid #E3E3E3; height: 112px; width: 100% !important; } .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { color: #5A5A5A; line-height: 40px; letter-spacing: normal !important; } /*Menu margin*/ .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul ul li a { line-height: 32px; } .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover { color: #26a9e1 !important; /*Menu hover color*/ } .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 10px 10px 30px; white-space: nowrap; max-width: none; overflow: visible; letter-spacing: normal !important; text-decoration: none; font-size: 14px; } .navigation-fixed .menu-container ul.hs-menu-children-wrapper { width: 125%; background: #ededed; padding: 20px; position: absolute; z-index: 99; left: -12.5%; margin: 20px 0 0 0; list-style: none; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 300px; left: auto; padding: 10px 20px; } .navigation-fixed .menu-container ul.hs-menu-children-wrapper:before { content: ''; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #EDEDED; /*arrow color*/ top: -11px; left: 30px; margin-left: -6px; } .navigation-fixed .menu-container li.hs-menu-item.hs-menu-depth-2 { text-align: left; } .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { text-transform: none; color: #5a5a5a; padding: 0; margin: 0; width: auto; overflow: visible; } .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { color: #26a9e1 !important; /*Menu hover color*/ } .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover > div { color: #26a9e1 !important; /*Menu hover color*/ } .navigation-fixed .hs-menu-wrapper.hs-menu-flow-horizontal > 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; top: 32px!important; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible } .navigation-fixed .menu-container li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover:after { color: #26a9e1 !important; /*Menu hover color*/ } .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { text-transform: none; color: #5a5a5a; padding: 0; margin: 0; width: auto; overflow: visible; top: 32px; } .navigation-fixed .menu-container li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:after { position: relative; font-family: FontAwesome; content: "\f107"; cursor: pointer; float: right; padding: 2px 20px 0 0; background: transparent; color: #5A5A5A; top: 20px; left: 0; } .menu-cta .free-trial-cta{ position: relative; float: right; margin-right: 29px; width: 90px; } .menu-cta .free-trial-cta { background: #DD078B; padding: 10px 35px; border: 2px solid #DD078B; color: #FFFFFF; text-decoration: none; top: 9px; font-family: 'Avenir-Black', sans-serif; text-transform: uppercase; } .menu-mobile { display: none; padding: 16px; color: #FFFFFF; } .navigation-fixed .menu-mobile { padding: 16px; color: #DD078B; margin-top: -50px; } .menu-dropdown-icon:before { font-family: FontAwesome; content: "\f107"; cursor: pointer; float: right; padding: 2px 20px 0 0; background: transparent; color: #FFFFFF; } .menu > ul { margin: 0 auto; display: table; list-style: none; padding: 0; position: relative; /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .menu > ul:before, .menu > ul:after { content: ""; display: table; } .menu > ul:after { clear: both; } .menu > ul > li { float: left; color: #FFFFFF; margin: 20px 0 0px 0; padding-bottom: 20px; } .menu > ul > li a { text-decoration: none; padding: 0 40px; display: block; color: #FFFFFF; text-transform: uppercase; } .menu > ul > li a:hover { color: #DD078B; } .menu > ul > li > ul { display: none; width: 125%; background: #ededed; padding: 20px; position: absolute; z-index: 99; left: -12.5%; margin: 20px 0 0 0; list-style: none; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .menu > ul > li > ul:before, .menu > ul > li > ul:after { content: ""; display: table; } .menu > ul > li > ul:after { clear: both; } .menu > ul > li > ul > li { margin: 0; padding-bottom: 0; list-style: none; width: 25%; background: none; float: left; } .menu > ul > li > ul > li a { color: #5a5a5a; padding: .2em 0; width: 95%; display: block; text-transform: none; font-size: 19px; } .menu > ul > li > ul > li hr { height: 2px; width: 30%; float: left; background-color: #fdc600; border: none; } .menu > ul > li > ul > li > ul { display: block; padding: 0; margin: 10px 0 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after { content: ""; display: table; } .menu > ul > li > ul > li > ul:after { clear: both; } .menu > ul > li > ul > li > ul > li { float: left; width: 100%; padding: 10px 0; margin: 0; font-size: 18px; } .menu > ul > li > ul > li > ul > li a { border: 0; text-transform: none; color: #777777; } .menu > ul > li > ul.normal-sub { width: 300px; left: auto; padding: 10px 20px; } .menu > ul > li > ul.normal-sub:before { content: ''; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #EDEDED; /*arrow color*/ top: -12px; left: 30%; margin-left: -6px; } .menu > ul > li > ul.normal-sub > li { width: 100%; } .menu > ul > li > ul.normal-sub > li a { border: 0; padding: 1em 0; } /* Mobile style's */ @media only screen and (max-width: 1172px) { .menu-container { } .logo { max-width: 150px; float: left; margin: 10px 0 0 -10px; } .menu-mobile { display: block; text-align: right; font-size: 32px; padding: 24px 7px 24px 0px; } .menu-dropdown-icon:before { display: block; font-size: 32px; padding: 0.75em 20px 0 0; } .menu > ul { display: none; } .menu > ul > li { width: 100%; float: none; display: block; } .menu > ul > li a { padding: 1.5em; width: auto; display: block; } .menu > ul > li > ul { position: relative; width: 100%; left: 0; } .menu > ul > li > ul.normal-sub { width: 100%; } .menu > ul > li > ul > li { float: none; width: 100%; margin-top: 20px; } .menu > ul > li > ul > li:first-child { margin: 0; } .menu > ul > li > ul > li > ul { position: relative; } .menu > ul > li > ul > li > ul > li { float: left; } .menu .show-on-mobile { z-index: 9999; position: relative; display: block; width: 100%; top: -22px; background-color: #e9e9e9; } .search-box { position: absolute; float: right; top: 54px; right: 47px; } .search-bar { height: 26px; right: 25px; top: 7px; } .search-bar-open { display: block; width: 100px; height: 26px; right: 25px; top: 7px; } .search-icon { padding: 5px; margin-top: 7px; } } .menu .fa-search { padding-right: 10px; } /* FIXED NAV */ .navigation-fixed { top: 0; z-index: 100; position: fixed; width: 100%; } .navigation-fixed .utility-nav { list-style: none; text-align: right; margin: 0 0 0 0; background: #1C0A2A; opacity: 1; height: 46px; padding: 0 10px 0 0; } .navigation-fixed .menu-wrapper { width: 100%; background: #FFFFFF; padding: 10px 30px 10px 30px; max-width: 100%; box-sizing: border-box; margin-top: 0; height: 83px; border-bottom: 1px solid #E3E3E3; } .navigation-fixed .menu-wrapper .menu > ul > li { float: left; color: #5A5A5A; margin: 20px 0 0px 0; padding-bottom: 20px; } .navigation-fixed .menu-wrapper .menu > ul > li a { text-decoration: none; padding: 0 40px; display: block; color: #5A5A5A; text-transform: uppercase; } .navigation-fixed .menu-wrapper .menu-dropdown-icon:before { font-family: FontAwesome; content: "\f107"; cursor: pointer; float: right; padding: 2px 20px 0 0; background: transparent; color: #5A5A5A; } .navigation-fixed .menu-wrapper .free-trial-cta { background: #DD078B; padding: 10px 35px!important; margin-left: 40px; margin-top: -12px; border: 2px solid #DD078B; color: #FFFFFF!important; } .navigation-fixed .menu-wrapper .free-trial-cta:hover { color: #DD078B!important; background: #FFFFFF; border: 2px solid #DD078B; } .navigation-fixed .menu > ul > li > ul.normal-sub > li a { border: 0; padding: 1em 0; } .navigation-fixed .menu > ul > li > ul > li a { color: #5a5a5a; padding: .2em 0; width: 95%; display: block; text-transform: none!important; font-size: 14px; } .slide-in-top { -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } .body-container-wrapper { padding-top: 90px; overflow-x: none; } .hs-content-id-26621537894 .body-container-wrapper { padding-top: 0; } @media only screen and (max-width: 1172px) { .body-container-wrapper { padding-top: 0; overflow-x: none; } } /* SIGN-UP CTA */ .sign-up { background: url('https://2887890.fs1.hubspotusercontent-na1.net/hubfs/2887890/cta-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 125px 0 125px 0; text-align: center; } .sign-up h2, .sign-up h3, .sign-up label { text-align: center; color: #FFFFFF; } .sign-up label { width: 50%; display: block; font-size: 20px; margin: 0 auto 50px auto; } .sign-up fieldset { border: 0px solid #c0c0c0; margin: 0 2px; padding: 0; font-family: 'Avenir-Black', sans-serif; } .sign-up ul { margin: 0; padding: 0; } .sign-up li { list-style-type: none; } .sign-up li label{ font-size: 14px; margin-top: 20px; } .sign-up input[type="email"] { border: 4px solid #FFFFFF; width: 495px; padding: 8px; font-family: 'Avenir-Black', sans-serif; } .sign-up .hs-form-required { display: none; } .sign-up .submit-button { color: #FFFFFF; background: transparent; border: 4px solid #FFFFFF; font-size: 17px; padding: 8px 25px; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Avenir-Black', sans-serif; margin-top: 50px; cursor: pointer; margin-left: -8px; } .sign-up .submit-button:hover { background-color: #DD078B; color: #FFFFFF; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #A1C8E3; } ::-moz-placeholder { /* Firefox 19+ */ color: #A1C8E3; } :-ms-input-placeholder { /* IE 10+ */ color: #A1C8E3; } :-moz-placeholder { /* Firefox 18- */ color: #A1C8E3; } .sign-up input.hs-button.primary.large { color: #FFFFFF; background: transparent; border: 4px solid #FFFFFF; font-size: 17px; padding: 8px 25px; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Avenir-Black', sans-serif; margin-top: 40px; cursor: pointer; margin-left: -8px; } .sign-up input.hs-button.primary.large:hover { background-color: #DD078B; color: #FFFFFF; } /* VIDEO */ .video { padding: 100px 0 100px 0; text-align: center; } .video .span8 { float: none; } .video h2, .sign-up h3, .sign-up p { text-align: center; } .sign-up p { color: #FFFFFF; width: 50%; margin: 0 auto; } .video p { margin: 0 auto 50px auto; width: 80%; } .video .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video .video-wrapper { max-width: 800px; margin: 0 auto; width: 100%; } .video .video-container iframe, .video .video-container object, .video .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*OUR BLOGGERS*/ .our-bloggers { background: #f7f7f7; padding: 50px 0 50px 0; text-align: center; } .our-bloggers img { } .our-bloggers h3 { font-size: 18px; } .our-bloggers h4 { font-size: 17px; font-family: 'Avenir-Light', sans-serif; margin-top: -15px; margin-bottom: 60px; } .bio-modal { padding: 0 30px 0 0 !important; max-width: 600px!important; display: none; } @media screen and (max-width:960px) { .modal { width: 100%!important; height: auto !important; } .bio-modal { padding: 0 0 !important; max-width: 100%!important; display: none; } .bio-image{ height: auto; width: 50% !important; max-width: 200px; margin-left: 0px; } } .bio-modal h3 { font-size: 18px; font-family: 'Avenir-Black', sans-serif; margin-left: 10px; } .bio-modal h4, .bio-modal p { font-size: 17px; font-family: 'Avenir-Light', sans-serif; text-align: left; padding-left: 10px; } .bio-modal h4 { margin-top: -10px; } .bio-modal h4:after { content: " "; display: table; width: 100px; margin: 10px 0; border: 2px solid #dd078b; } .bio-modal img { padding-right: 30px; border-radius: 4px 0 0px 4px; text-align: left; float: left; } .bio-modal .social-icons img { width: auto; height: auto; text-align: left; margin-right: 0; padding-right: 10px; border-radius: 0; } /* MODAL */ .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 1; padding: 20px; box-sizing: border-box; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.75); text-align: center; } .blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .blocker.behind { background-color: transparent; } .modal { display: inline-block; vertical-align: middle; position: relative; z-index: 2; max-width: 853px; min-height: 480px; box-sizing: border-box; width: 50%; background: #fff; padding: 15px 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; text-align: left; } .modal a.close-modal { position: absolute; z-index: 9999; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url("data:image/png;base64,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") no-repeat 0 0; } .modal-spinner { display: none; width: 64px; height: 64px; position: fixed; top: 50%; left: 50%; margin-right: -32px; margin-top: -32px; background: url("data:image/gif;base64,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") #111 no-repeat center center; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; } /* NEWS & EVENTS */ .news-and-events h3 { color: #01567b; font-size: 14px; text-transform: uppercase; } .news-and-events img { width: 100%; } .news-and-events p { font-family: 'Avenir-Black', sans-serif; color: #FFFFFF; font-size: 14px; } .news-and-events p:last-child:after { content: " "; display: block; width: 100px; margin: 20px 0 50px 0!important; border: 2px solid #FFFFFF; } .news-and-events .date { font-family: 'Avenir-Black', sans-serif; color: #FFFFFF; font-size: 14px; margin-bottom: 40px; display: block; } .news-and-events .date i { margin-right: 5px; } .news-and-events-resources{ margin-top: -25px; } .news-and-events-resources h3 { font-size: 18px; font-family: 'Avenir-Black', sans-serif; color: #FFFFFF; margin-top: 0px; } .news-and-events-resources ul { color: #FFFFFF; padding: 0; margin: 0; } .news-and-events-resources ul li{ list-style-type: none; border-bottom: 1px solid #FFFFFF; padding: 10px 0 10px 0; } .news-and-events-resources ul li:after{ list-style-type: none; border-bottom: 1px solid #FFFFFF; } .news-and-events-resources ul li a{ color: #FFFFFF; text-decoration: none; } .news-and-events-resources ul li a span, .highlighted-documents ul li a span{ display: inline-block; /* float: left; */ width: 75%; } .news-and-events-resources ul li a:hover{ color: #9FE2FF; } .news-and-events-resources .fa-chevron-right { float: right; line-height: 20px; } /*.news-and-events-resources ul li a:after{ font-family: FontAwesome; content: "\f054"; }*/ .news-and-events .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .news-and-events .video-wrapper { max-width: 800px; margin: 30px auto 0 auto; width: 100%; } .news-and-events .video-container iframe, .news-and-events .video-container object, .news-and-events .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* BLOG STYLES */ /*.custom-menu-primary .hs-menu-wrapper > ul ul li { background: #ededed !important; }*/ .custom-menu-primary .hs-menu-wrapper > ul ul li a{ font-size: 14px !important; } .hs-blog-post .container { width: 80%; margin: 0 auto 0 auto; } #hs_form_target_blog_subscription .flowforma-blog-post .hs-button.primary.large { background: #dd078b; font-family: "Avenir-Black", sans-serif; font-size: 12px; padding: 10px 0; margin: 4px 0 0 0; min-width: 117px; border: 2px solid #DD078B; } #hs_form_target_blog_subscription .flowforma-blog-post .hs-button.primary.large:hover { background: #FFFFFF; font-family: "Avenir-Black", sans-serif; font-size: 12px; padding: 10px 0; margin: 4px 0 0 0; min-width: 117px; border: 2px solid #DD078B; color: #DD078B; } .flowforma-blog-post .blogPostBottom a:hover { color: #DD078B !important; } .flowforma-blog-post input.hs-button.primary { background: #dd078b; font-family: "Avenir-Black", sans-serif !important; font-size: 12px !important; padding: 10px 0 !important; margin: 4px 0 0 0 !important; min-width: 180px !important; border: 2px solid #DD078B !important; } .flowforma-blog-post .section.post-footer { margin-bottom: 60px; } .flowforma-blog-post a.hs-button.primary { color: #DD078B; } .flowforma-blog-post .hs-error-msgs { list-style: none; margin: 0 0 10px; padding: 0 0 0 10px; font-size: 12px; color: #1C0A2A; letter-spacing: normal; } body input[type="text"]:focus, body input[type="email"]:focus, body textarea:focus { background: rgba(221, 7, 139, 0.3) !important; } body input[type="radio"]:checked + span:before, body input[type="checkbox"]:checked + span:before { background: #DD078B !important; } .flowforma-blog-post a:hover { color:#DD078B !important; } .post-body a { color: #DD078B !important; } .blogPostBottom a:hover { color: #DD078B !important; } /* FOOTER */ .footer { background: #41205A; color: #FFFFFF; padding-top: 20px; padding-bottom: 20px; font-size: 14px; font-family: 'Avenir-Light', sans-serif; line-height: normal; } .footer p { color: #FFFFFF; font-size: 14px; } .footer h3 { color: #FFFFFF; font-size: 18px; } .footer .social-icons { margin-top: 10px; float: left; width: 100%; margin-bottom: 20px; } .footer .social-icons img { width: 24px; height: auto; float: left; margin-right: 10px; margin-bottom: 10px; } .footer .links { border-right: 1px solid #7A638C; border-left: 1px solid #7A638C; text-align: left; min-height: 200px; padding-bottom: 70px; padding-left: 10px; } @media only screen and (max-width: 767px) { .footer .links { border-right: 0px solid #7A638C; border-left: 0px solid #7A638C; padding-left: 0px; } } .footer .links ul { padding: 0; margin: 20px 0; } .footer .links ul > li { list-style-type: none; text-align: left; font-size: 14px; } .footer .links ul > li a{ color: #FFFFFF; text-decoration: none; } .footer .links ul > li a:hover{ color: #DD078B; } .footer form { margin: 30px 0 0 0; } .footer fieldset { border: 0px solid #c0c0c0; margin: 0 2px; padding: 0; font-family: 'Avenir-Black', sans-serif; } .footer input[type="email"] { border: 4px solid #FFFFFF; width: 100%; padding: 5px; font-family: 'Avenir-Black', sans-serif; margin: 10px 0; } .footer input[type="email"]:focus { border: 4px solid #F7F4F9 !important; width: 100%; padding: 5px; font-family: 'Avenir-Black', sans-serif; margin: 10px 0; background: #F7F4F9 !important; text-indent: 0px!important; color: #A1C8E3; } .footer .submit-button { color: #FFFFFF; background: transparent; border: 4px solid #FFFFFF; font-size: 14px; padding: 8px 25px; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Avenir-Black', sans-serif; cursor: pointer; margin-left: -8px; } .footer .submit-button:hover { background-color: #DD078B; color: #FFFFFF; } .footer .hs-error-msgs { color: #FFFFFF; letter-spacing: normal; } .footer form ul { margin: 0; padding: 0; } .footer form li { list-style-type: none; padding: 0; margin: 0; } .footer input.hs-button.primary.large { color: #FFFFFF; background: transparent; border: 4px solid #FFFFFF; font-size: 13px; padding: 8px 25px; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Avenir-Black', sans-serif; margin-top: 13px; cursor: pointer; margin-left: 0px; margin-bottom: 10px; } .footer input.hs-button.primary.large:hover { background-color: #DD078B; color: #FFFFFF; } .footer .bottom-border { border-bottom: 1px solid #7A638C; } .footer-container-wrapper { margin-bottom: -20px; } .footer .hs-form-field > label { display: block; margin-bottom: 5px; color: #FFFFFF; } .footer .input { background: #FFFFFF; border-radius: 2px; } @media screen and (max-width:768px) { .footer .bottom-border { border-bottom: 0px solid #7A638C; } } .sub-footer { margin-top: 30px; } .sub-footer img { width: auto; margin-right: 15px; margin-bottom: 15px; float: left; } .sub-footer .company-info { text-align: right; display: block; } .span5.newsletter-sign-up{ text-align: left; margin-left: 10px; } @media screen and (max-width:768px) { .sub-footer .company-info { text-align: center; display: block; } .sub-footer img { float: none; } .sub-footer { margin-top: 30px; text-align: center; } } /* ========================================================================== Custom Menu Primary ========================================================================== */ .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child a { background: #DD078B; margin-top: 9px; padding: 0 20px; margin-right: 27px; color: #FFFFFF; margin-left: 30px; } .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child a:hover { background: #FFFFFF; color: #DD078B; } .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a{ background: transparent; border: none; } .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child a { background: #DD078B; margin-top: 7px; padding: 0 20px; margin-right: 27px; color: #FFFFFF; border: 2px solid #DD078B; } .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child a:hover { background: #FFFFFF; color: #DD078B; border: 2px solid #DD078B; } .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a{ background: transparent; border: none; } /* 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: none !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 { display:block; } } /* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */ /** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ .mobile-trigger, .child-trigger{ display: none; /* Hide button on Desktop */ } @media (max-width: 1172px){ /* Variables ========================================================================== */ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* * Menu Reset * * Remove styling from desktop version of custom-menu-primary. Place any * additional CSS you want removed from the mobile menu in this 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:#ffffff; } /* Toggle Button ========================================================================== */ .mobile-trigger{ display: inline-block !important; /* Show button on mobile */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 17px; /* Position Button at right of screen */ right: 10px; /*******************************************/ width: auto; /* Button width */ height: auto; /* Button height */ padding: 8px; background: #ffffff; /* Background color */ border: 1px solid #1F0D2D; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #1F0D2D; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ color:#ffffff; background-color: #1F0D2D; border-color: transparent; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ color:#ffffff; background-color: #1F0D2D; 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: #1F0D2D; /* 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: #ffffff; /* Icon color */ } /* Child Toggle Button ========================================================================== */ .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:#ffffff; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ } /* Menu Styles on Mobile Devices ========================================================================== */ .custom-menu-primary.js-enabled{ position: relative; padding-top: 44px; /* Makes room for button */ margin: 10px 0 10px 0; top: -68px; background: #1F0D2D; height: 62px; float: left; width: 100%; z-index: 299; } /* 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: 15px; /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 0; } .custom-menu-primary .hs-menu-wrapper{ background-color:#1F0D2D; /* Menu background color set off global menuColorMobile variable */ 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: 22px; /* Font size of top level list items */ line-height: 45px; 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); /* Adds transparent dark highlights to top of top level list items */ top: 20px; } .custom-menu-primary .hs-menu-wrapper > ul li a{ padding: 0 10px; color:#ffffff; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#ffffff; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .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 */ } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul li:last-child a { background: transparent; padding: 0; margin: 0; } /* FIX NAV STYLES */ @media only screen and (max-width: 1172px) { .navigation-fixed { position: relative; } .navigation-fixed .custom-menu-primary.js-enabled{ position: relative; padding-top: 44px; /* Makes room for button */ margin: 10px 0 10px 0; top: -68px; background: #FFFFFF; height: 62px; float: left; width: 100%; z-index: 999; } .navigation-fixed .custom-menu-primary .hs-menu-wrapper { background-color: #FFFFFF; width: 100%; } .navigation-fixed .child-trigger i, .navigation-fixed .child-trigger i:after { width: 10px; height: 1px; background-color: #26a9e1; /*Menu hover color*/ display: block; } .menu-container ul.hs-menu-children-wrapper:before { content: ''; display: none; } .navigation-fixed .menu-container ul.hs-menu-children-wrapper:before { content: ''; display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > 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; top: 0px!important; width: 100%; margin-top: -5px; } .navigation-fixed .hs-menu-wrapper.hs-menu-flow-horizontal > 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; top: 0px!important; width: 100%; } .navigation-fixed .custom-menu-primary .hs-menu-wrapper > ul { background: #FFFFFF; top: 20px; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 20px !important; padding-bottom: 20px; } .menu-container ul.hs-menu-children-wrapper { width: 125%; background: #58267f; padding: 20px; position: absolute; z-index: 99; left: -12.5%; margin: 20px 0 0 0; list-style: none; border-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 300px; left: auto; padding: 10px 20px; } .custom-menu-primary .hs-menu-wrapper > ul ul li { background: transparent; border: none; } .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { color: #FFFFFF; } .child-trigger i, .child-trigger i:after { width: 10px; height: 1px; background-color: #dd078b; display: block; } .navigation-fixed .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { border-bottom: 1px dotted #26a9e1; /*Menu hover color*/ } .navigation-fixed .utility-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { border-bottom: none; } .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child { border: none; } .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child a { background: #dd078b; display: inline-block; padding: 10px 20px; white-space: nowrap; color: #FFFFFF; margin: 0; width: 100% !important; } .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child a { background: #dd078b; display: inline-block; padding: 10px 20px; white-space: nowrap; color: #FFFFFF; margin: 0; width: 100% !important; } } /*! HubSpot COS Site Search Created by Stefen Phelps - https://stefenphelps.com/ ---------------------------------------------- */ .search-results-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.9); opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0s 0.5s; z-index: 99999999; } .search-activated .search-results-overlay { opacity: 1; visibility: visible; transition: opacity 0.5s; } .search-results-overlay .overlay-close { position: absolute; right: 1em; top: 1em; overflow: hidden; border: 0; color: #fff; z-index: 100; background: none; font-size: 2em; text-transform: uppercase; cursor: pointer; } .search-results-wrapper .search::-webkit-input-placeholder { color: #fff; } .search-results-wrapper .search:-moz-placeholder { color: #fff; } .search-results-wrapper .search::-moz-placeholder { color: #fff; } .search-results-wrapper .search:-ms-input-placeholder { color: #fff; } .search-results-wrapper { max-width: 800px; margin: 3em auto 1em auto; padding: 0 3em; height: calc(100vh - 4em); } .search-results-wrapper .search { width: 100%; padding: 0.5em; background: none; border: 0 none; border-bottom: 2px solid #fff !important; color: #fff; outline: 0; font-size: 1.5em; font-family: 'Avenir-Black', sans-serif; } .search-results-wrapper .search:valid:not(:placeholder-shown) { border: 0 none !important; border-bottom: 2px solid #fff !important; } .search-results { margin: 2em 0 0 0; padding: 0; height: calc(100% - 4.4em); position: relative; overflow-y: auto; } .search-results li { list-style: none; margin-bottom: 1em; font-size: 2em; padding: 1em; background: #fff; line-height: 1; } .search-results span { font-size: 1rem; display: block; margin-top: 0.75em; } /* GRADIENT BACKGROUNDS */ /* blue */ .background-blue { background: rgb(38, 169, 224); /* Old browsers */ background: -moz-linear-gradient(top, rgba(38, 169, 224, 1) 0%, rgba(48, 49, 140, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(38, 169, 224, 1) 0%, rgba(48, 49, 140, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(38, 169, 224, 1) 0%, rgba(48, 49, 140, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#26a9e1', endColorstr='#30318d', GradientType=0); /* IE6-9 */ padding: 40px 0 40px 0; } /* blue horizontal gradient*/ .background-blue-horizontal-gradient { background: rgb(38, 169, 224); /* Old browsers */ background: -moz-linear-gradient(left, rgba(101, 45, 144, 1) 0%, rgba(48, 49, 141, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(101, 45, 144, 1) 0%, rgba(48, 49, 141, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(101, 45, 144, 1) 0%, rgba(48, 49, 141, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#652d90', endColorstr='#30318d', GradientType=0); /* IE6-9 */ padding: 40px 0 40px 0; } /* blue into green */ .background-blue-green { background: rgb(38, 169, 224); /* Old browsers */ background: -moz-linear-gradient(top, rgba(38, 169, 224, 1) 0%, rgba(98, 186, 70, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(38, 169, 224, 1) 0%, rgba(98, 186, 70, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(38, 169, 224, 1) 0%, rgba(98, 186, 70, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#26a9e1', endColorstr='#5fbe48', GradientType=0); /* IE6-9 */ padding: 15px 0 50px 0; } /* pink into purple */ .background-pink { background: rgb(221, 7, 139); /* Old browsers */ background: -moz-linear-gradient(top, rgba(221, 7, 139, 1) 0%, rgba(100, 56, 144, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(221, 7, 139, 1) 0%, rgba(100, 56, 144, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(221, 7, 139, 1) 0%, rgba(100, 56, 144, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dd078b', endColorstr='#652d90', GradientType=0); /* IE6-9 */ padding: 15px 0 20px 0; } /* orange into pink */ .background-orange-pink { background: rgb(221, 7, 139); /* Old browsers */ background: -moz-linear-gradient(top, rgba(248, 156, 28, 1) 0%, rgba(221, 7, 139, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(248, 156, 28, 1) 0%, rgba(221, 7, 139, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(248, 156, 28, 1) 0%, rgba(221, 7, 139, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f89c1d', endColorstr='#dd078b', GradientType=0); /* IE6-9 */ padding: 15px 0 50px 0; } .blog-search .hs-form .input { position: relative; } .blog-search .hs-form .hs-button { position: absolute; top: -50px; right: 2px; font-size: 32px; border: none; background: none; color: #DD078B; } .blog-search .hs-form .hs-button:hover { opacity: .8 !important; background: none !important; } .blogSidebar .input { position: relative; } .backround-grey { background: #39464e; } /* RSS LISTING MODULE OVERRIDES */ .module-span.module-type-rss_listing { margin-top: 30px; } .hs-rss-item.hs-with-featured-image .hs-rss-item-text { width: 67%; float: left; /* padding-right: 20px; */ box-sizing: border-box; } .hs-rss-item img { width: 100% !important; background: #FFFFFF !important; border-radius: 4px; height: auto; } .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { display: inline-block; width: 33%; } /* ========================================================================== Drop Shadow ========================================================================== */ .drop-shadow { float: left; -webkit-box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.22); -moz-box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.22); box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.22); border: 2px solid white; } /* ========================================================================== Forms ========================================================================== */ /* All Global Forms ========================================================================== */ /* Form Field */ body .hs-form-field { margin-bottom: 12px; } /* Button */ body .hs-button.primary, { color: #FFFFFF; background: transparent; border: 4px solid #FFFFFF; font-size: 16px; padding: 8px 25px; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Avenir-Black', sans-serif; margin-top: 50px; cursor: pointer; margin-left: -8px; } a { color:#26a9e1; } body .hs-button.primary:hover, body input[type="submit"]:hover, body input[type="button"]:hover { background-color: #DD078B; color: #FFFFFF;} body .hs-button.primary:focus, body input[type="submit"]:focus, body input[type="button"]:focus {background-color:#FFFFFF; background-image:none; -webkit-box-shadow:inset 0px 0px rgb(71,156,255), 0px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:inset 0px 0px rgb(71,156,255), 0px 0px 0px rgba(0, 0, 0, 0.3); color:#DD078B; border: 3px solid #DD078B; } .body-container-wrapper select { min-height: 50px; } body .hs-form-field > label { display: block; margin-bottom: 5px; color: #000; } .hs-error-msgs.inputs-list { color: #ff0000; line-height: 20px; margin: 0; padding: 5px 0 0 10px !important; } /* One Line Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { width: 100%; font-family: ; font-size: 16px; min-height: 40px; border:1px solid #ebecee; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 40px; padding:2px 10px 2px 20px; display:block; background-color: rgba(255, 255, 255, 0); color: #444444; } /* Separate Styles for Multiple Line Inputs */ body textarea { line-height: 22.4px; padding-top: 8px; color: white; } /* Separate Styles for Drop Downs */ body select { color:#b5b3b3; background: transparent; } /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; color: #39464e; } /* Required */ body input:focus:required:invalid, body textarea:focus:required:invalid, body select:focus:required:invalid {color:#39464e;} /* Placeholder Text */ ::-webkit-input-placeholder { /* Webkit Browsers */ color: #fff; opacity: 1; } :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1; } ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; } :-ms-input-placeholder { /* IE10 */ color: #fff; opacity: 1; } /* Multi Column Form ========================================================================== */ /* Multiple Selection Inputs */ body form.hs-form fieldset { max-width: none; } body form.hs-form fieldset .hs-form-field { padding: 0 15px 0 0; } body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } @media (max-width: 400px) { body form.hs-form fieldset .hs-form-field { padding: 0; } body form.hs-form fieldset.form-columns-3 .hs-form-field, body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* ========================================================================== Buttons ========================================================================== */ /* All Global Buttons (Excluding CTAs) ========================================================================== */ body .hs-button.primary, body input[type="submit"], body input[type="button"] { color: #FFFFFF; background: transparent; border: 4px solid #FFFFFF; font-size: 16px; padding: 8px 25px; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Avenir-Black', sans-serif; margin-top: 50px; cursor: pointer; margin-left: -8px; line-height: normal; letter-spacing: inherit; } body .hs-button.primary:hover, body input[type="submit"]:hover, body input[type="button"]:hover { background-color: #DD078B; color: #FFFFFF; } /* Centering Values ========================================================================== */ .center-values { display: flex; justify-content: center; } @media only screen and (max-width: 769px) { .center-values { display: inline-block; justify-content: center; } } .topStrip::after { display: none; } .postItem .ListingImage::before { content: ""; width: 100%; height: 100%; left: 0px; bottom: 0px; position: absolute; opacity: 0.5; z-index: 1; background: rgb(23, 72, 89); transition: all 0.4s ease; } .postItem .ListingImage:after { display: none; } .postItem .ListingImage:before { background: #555555!important; } .postFilter ul { list-style: none; padding: 10px 0 15px; text-align: center; } .postFilter ul li a { display: block; padding: 10px; color: #666666; text-decoration: none; text-transform: uppercase; line-height: 1; } .postFilter ul li a { background-color: #FFFFFF !important; color: #dd078b; font-family: "Avenir Black", sans-serif !important; } .postFilter ul li a.active, .postFilter ul li a:hover { background-color: #dd078b !important; color: #fff; font-family: "Avenir Black", sans-serif !important; } .module-type-post_filter ul li a:after { left: -2px; position: relative; font-size: 13px; top: -1px; content: "\f054"; font-family: FontAwesome; } .blogSidebar form a.hs-button { position: absolute; width: 40px; height: 40px; font-size: 16px; font-family: "Avenir Black", sans-serif !important; color: #FFFFFF; background-color: #dd078b; line-height: 40px; text-align: center; top: 0px; right: 0px; cursor: pointer; min-width: 0px; padding: 0px; } /** * Tooltip Styles */ /* Base styles for the element that has a tooltip */ [data-tooltip], .tooltip { position: relative; cursor: pointer; } /* Base styles for the entire tooltip */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; } /* Show the entire tooltip on hover and focus */ [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Base styles for the tooltip's directional arrow */ .tooltip:before, [data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; } /* Base styles for the tooltip's content area */ .tooltip:after, [data-tooltip]:after { z-index: 1000; padding: 8px; width: 160px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); font-size: 13px; line-height: 1.2; } /* Directions */ /* Top (default) */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after { bottom: 100%; left: 50%; } [data-tooltip]:before, .tooltip:before, .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #000; border-top-color: hsla(0, 0%, 20%, 0.9); } /* Horizontally align top/bottom tooltips */ [data-tooltip]:after, .tooltip:after, .tooltip-top:after { margin-left: -80px; } [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, .tooltip-top:hover:before, .tooltip-top:hover:after, .tooltip-top:focus:before, .tooltip-top:focus:after { -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); transform: translateY(-12px); } /* Left */ .tooltip-left:before, .tooltip-left:after { right: 100%; bottom: 50%; left: auto; } .tooltip-left:before { margin-left: 0; margin-right: -12px; margin-bottom: 0; border-top-color: transparent; border-left-color: #000; border-left-color: hsla(0, 0%, 20%, 0.9); } .tooltip-left:hover:before, .tooltip-left:hover:after, .tooltip-left:focus:before, .tooltip-left:focus:after { -webkit-transform: translateX(-12px); -moz-transform: translateX(-12px); transform: translateX(-12px); } /* Bottom */ .tooltip-bottom:before, .tooltip-bottom:after { top: 100%; bottom: auto; left: 50%; } .tooltip-bottom:before { margin-top: -12px; margin-bottom: 0; border-top-color: transparent; border-bottom-color: #000; border-bottom-color: hsla(0, 0%, 20%, 0.9); } .tooltip-bottom:hover:before, .tooltip-bottom:hover:after, .tooltip-bottom:focus:before, .tooltip-bottom:focus:after { -webkit-transform: translateY(12px); -moz-transform: translateY(12px); transform: translateY(12px); } /* Right */ .tooltip-right:before, .tooltip-right:after { bottom: 50%; left: 100%; } .tooltip-right:before { margin-bottom: 0; margin-left: -12px; border-top-color: transparent; border-right-color: #000; border-right-color: hsla(0, 0%, 20%, 0.9); } .tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-right:focus:before, .tooltip-right:focus:after { -webkit-transform: translateX(12px); -moz-transform: translateX(12px); transform: translateX(12px); } /* Move directional arrows down a bit for left/right tooltips */ .tooltip-left:before, .tooltip-right:before { top: 3px; } /* Vertically center tooltip content for left/right tooltips */ .tooltip-left:after, .tooltip-right:after { margin-left: 0; margin-bottom: -16px; } .pricing-features ul { padding: 0; margin: 0 0 50px 0; } .pricing-features li { padding: 0; margin: 0 0 10px; list-style-type: none; text-align: center; } .pricing-features .tooltip-right { } .container-fluid .row-fluid .page-center, .container-fluid .row-fluid .wrapper { max-width: 80%; } .span12.module-span.module-type-cell.footer { padding-top: 0; } .span12.module-span.module-type-global_group.footer { padding: 0; } .blog-section { font-family: 'Avenir Light', sans-serif; } .module-type-blog_comments .hs-button.primary, .module-type-blog_comments input[type="submit"], .module-type-blog_comments input[type="button"] { cursor: pointer; -webkit-appearance: none; font-family: 'Avenir Black',sans-serif; font-size: 16px; text-decoration: none !important; background-color: #dd078b; } body .hs-button.primary, body input[type="submit"] { cursor: pointer; -webkit-appearance: none; font-family: 'Avenir Black',sans-serif; font-size: 16px; text-decoration: none !important; background-color: #dd078b; } input[type="text"] { font-family: 'Avenir Light', sans-serif; } .blogSidebar form input.hs-input { padding: 0; } .sidebarRss .hs-rss-item { margin-top: 15px; padding-top: 20px; border-top: 1px solid #d4d4d4; margin-bottom: 0; height: auto; } .aboutBlogPost a:hover { color: #dd078b; } textarea { line-height: 22.4px; padding-top: 8px; color: #555555 !important; } body input[type="text"]:focus, body input[type="email"]:focus, body textarea:focus { background: rgba(153, 153, 153, 0.23) !important; } .blogSidebar form a.hs-button, .blogSidebar form input.hs-button { position: absolute; width: 40px; height: 40px; font-size: 16px; font-family: "Avenir Black", sans-serif !important; color: #FFFFFF; background-color: #dd078b; line-height: 40px; text-align: center; top: 0px; right: 0px; cursor: pointer; min-width: 0px; padding: 0px; } .blogSidebar form a.hs-button:hover, .blogSidebar form input.hs-button:hover { background-color: #174859; opacity: 1; color: #dd078b; } .blogSidebar a:not(.filter-expand-link):hover { color: #dd078b; } .blocker { z-index: 300; } .hs_cos_wrapper_type_blog_subscribe input.hs-button.primary.large { width: auto; position: relative; top: 0; margin: -15px 0 0 0; padding: 0px 10px; height: auto; background: #DD078B; color: #FFFFFF; border: 2px solid #DD078B; } .hs_cos_wrapper_type_blog_subscribe input.hs-button.primary.large:hover { background: #FFFFFF; color: #DD078B; border: 2px solid #DD078B; } .blogPagination li.active a, .blogPagination li a:hover { background:#DD078B; color:#fff; } .flowforma-logo { margin-top: 9px; } .postItem .ListingImage a.readMore { text-align: center; } .postItem .listingContent h3 { letter-spacing: 0.025em; font-weight: 600; line-height: 1.3; font-size: 16px; } .blogSection { padding-top:0; } .section.post-body p { font-size: 18px; line-height: 1.4; font-family: 'Avenir-Book', sans-serif; } .post-body ul li { width: auto; margin-left: 5px; font-size: 18px; line-height: 1.4; font-family: 'Avenir-Book', sans-serif; } .post-body a { font-weight: bold; color:#dd078b; } .ListingfeaturedImage { padding: 0px 25px 25px 0px; float: left; } .hs_cos_wrapper_type_post_filter .block h3 { text-align: center; font-size: 16px; font-family: 'Avenir-Book', sans-serif; } .listingBody p { font-size: 15px; font-family: 'Avenir-Book', sans-serif; } .postFilter { letter-spacing: normal; margin-top: 40px; font-family: 'Avenir-Book', sans-serif; } .span12.module-span.module-type-blog_content { padding-right: 2%; } .form-columns-2 .hs-form-field { width: 47% !important; float: left; } /* Corners */ .rcorners { border-radius: 20px 0px 0px 20px; background: #39464e; padding: 20px; } .rcornersall { border-radius:20px; padding:25px; } .rcornersright { border-radius: 0px 20px 20px 0px; background: #39464e; padding: 20px; } .blogSidebar form input.hs-input { padding: 0 5px; font-size: 13px; } b, strong { font-weight: bold; } .body-container > b { font-weight: normal; } .postItem:hover .ListingImage a.readMore { opacity: 1; background: #41205A; color: #FFFFFF; } .hs-content-id-4987190294 .team-member { height: 250px; overflow: hidden; } .our-bloggers .flipper { height: 250px; overflow: hidden; max-height: 250px; } .center-table { margin: 0 auto; text-align: center; } .usp-back, .usp-front { -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; } .responsive-table { width: 100%; overflow-y: scroll; } table.custom-table td span { word-break: break-word; } @media(max-width: 767px) { table.custom-table td { font-size: 8px; } } //**TESTIMONIAL FOR OUR CUSTOMERS PAGE**//   .demo{ background: #f8f8f8; } .testimonial{ margin: 0 20px 40px; } .testimonial .testimonial-content{ padding: 35px 25px 35px 50px; margin-bottom: 35px; background: #fff; border: 1px solid #fcfcfc; position: relative; } .testimonial .testimonial-content:after{ content: ""; display: inline-block; width: 20px; height: 20px; background: #fff; position: absolute; bottom: -10px; left: 22px; transform: rotate(45deg); } .testimonial-content .testimonial-icon{ width: 50px; height: 45px; background: #26a9e1; text-align: center; font-size: 22px; color: #fff; line-height: 42px; position: absolute; top: 37px; left: -19px; } .testimonial-content .testimonial-icon:before{ content: ""; border-bottom: 16px solid #1e86b2; border-left: 18px solid transparent; position: absolute; top: -16px; left: 1px; } .testimonial .description{ font-size: 18px; font-style: normal; color: #39464e; line-height: 23px; margin: 0; } .testimonial .title{ display: block; font-size: 16px; font-weight: 700; color: #39464e; text-transform: capitalize; letter-spacing: 1px; margin: 0 0 5px 0; } .testimonial .post{ display: block; font-size: 14px; color: #39464e; } .owl-theme .owl-controls{ margin-top: 20px; } .owl-theme .owl-controls .owl-page span{ background: #ccc; opacity: 1; transition: all 0.4s ease 0s; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ background: #dd078b; } //**testimonials on Our Customers page**// .owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center} .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} /*HS SUPPORT ALIGNING BOXES */ .test{ margin-left:0%; } @media screen and (max-width: 767px) { .test{ margin-left:0; } } /*END HS SUPPORT */ @media screen and (max-width: 1290px){ .navigation-fixed .menu-container .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { padding: 10px 10px 10px 5px; } } /* ========================================================================== FlowForma overrides ========================================================================== */ .blogv2 header > div { float: none !important; } .menu ul ul { margin-top: 0; } .hs-custom-form a { color: inherit; } .header-container-wrapper .row-fluid [class*="span"] { min-height: 0; } @media (min-width: 1280px) { .header-container-wrapper .row-fluid [class*="span"] { min-height: 0; } } @media (min-width: 768px) and (max-width: 1139px) { .header-container-wrapper .row-fluid [class*="span"] { min-height: 0; } } .padding-top-50 { padding-top: 50px; } .background-grey { background-color: #f7faff; } body .container-fluid { padding-right: 0; padding-left: 0; } .row-fluid [class*="span"].widget-type-raw_html { min-height: 0; } .hs-menu-wrapper > ul > li:nth-child(2) > ul.hs-menu-children-wrapper { width: auto; columns: 2; -webkit-columns: 2; -moz-columns: 2; } .hs-menu-wrapper > ul > li:nth-child(2) > ul.hs-menu-children-wrapper > li { margin-right: 10px; } @media screen and (max-width: 630px) { .hs-menu-wrapper > ul > li:nth-child(2) > ul.hs-menu-children-wrapper { columns: 1; -webkit-columns: 1; -moz-columns: 1; } } .cbp-wrapper, .cbp-wrapper .cbp-item { background-color: #f7faff; } .cbp-wrapper .cbp-item-off { display: none; } .ff-trial-button a { background: #dd078b; padding: 0 20px; color: #fff; border: 2px solid #dd078b; display: inline-block; font-size: 14px; text-transform: uppercase; line-height: 40px; font-weight: 400; font-family: 'Avenir-Black',sans-serif; } .ff-trial-button a:hover { background: #fff; color: #26a9e1; border: 2px solid #dd078b; } .row-fluid .span1.flowforma-logo { width: 14.529914530000001%; } .header-container-wrapper .header-container .ff-trial-button { display: none; position: relative; z-index: 1000; float: right; margin: 7px 100px 0 10px; width: 130px; box-sizing: border-box; } @media(max-width: 1172px) { .header-container-wrapper .header-container .ff-trial-button { display: inline-block !important; } } @media (max-width: 767px) { .row-fluid .span1.flowforma-logo { float: left; } } @media (max-width: 480px) { .header-container-wrapper .header-container .ff-trial-button { margin: 7px 65px 0 10px; } } @media (max-width: 420px) { .header-container-wrapper .header-container .ff-trial-button { width: 100px; margin: 7px 55px 0 10px; } .ff-trial-button a { padding: 0 5px; } } @media (max-width: 380px) { .flowforma-logo img { margin-left: 15px; } } .content-cards-container .content-cards-card-button-inner-wrapper { z-index: 98; } [id^="hs_cos_wrapper_module_"] .breadcrumb-main { background: none !important; padding-left: 0 !important; } [id^="hs_cos_wrapper_module_"] .breadcrumb-main li.breadcrumb-listing:first-child { margin-left: 0 !important; } .hero-slider-img { padding: 20px 0 !important; } [id^="hs_cos_wrapper_module_"] .hero-slider-element .hero-slider-main .inner-content { flex-basis:70% !important; -moz-flex-basis:70% !important; -webkit-flex-basis:70% !important; -o-flex-basis:70% !important; } [id^="hs_cos_wrapper_module_"] .hero-slider-element .hero-slider-main .hero-slider-img { flex-basis:30% !important; -moz-flex-basis:30% !important; -webkit-flex-basis:30% !important; -o-flex-basis:30% !important; } @media (max-width:1599px) { [id^="hs_cos_wrapper_module_"] .hero-slider-element .hero-slider-main .inner-content { flex-basis:60% !important; -moz-flex-basis:60% !important; -webkit-flex-basis:60% !important; -o-flex-basis:60% !important; } [id^="hs_cos_wrapper_module_"] .hero-slider-element .hero-slider-main .hero-slider-img { flex-basis:40% !important; -moz-flex-basis:40% !important; -webkit-flex-basis:40% !important; -o-flex-basis:40% !important; } } @media (max-width:1199px) { [id^="hs_cos_wrapper_module_"] .hero-slider-element .hero-slider-main .inner-content { flex-basis:50% !important; -moz-flex-basis:50% !important; -webkit-flex-basis:50% !important; -o-flex-basis:50% !important; } [id^="hs_cos_wrapper_module_"] .hero-slider-element .hero-slider-main .hero-slider-img { flex-basis:50% !important; -moz-flex-basis:50% !important; -webkit-flex-basis:50% !important; -o-flex-basis:50% !important; } } [id^="hs_cos_wrapper_module_"] .hero-slider-element .hero-slider-main .inner-content { flex-basis:70% !important; -moz-flex-basis:70% !important; -webkit-flex-basis:70% !important; -o-flex-basis:70% !important; } [id^="hs_cos_wrapper_module_"] .hero-slider-element .hero-slider-main .hero-slider-img { flex-basis:30% !important; -moz-flex-basis:30% !important; -webkit-flex-basis:30% !important; -o-flex-basis:30% !important; } @media (max-width:1599px) { [id^="hs_cos_wrapper_module_"] .hero-slider-element .hero-slider-main .inner-content { flex-basis:60% !important; -moz-flex-basis:60% !important; -webkit-flex-basis:60% !important; -o-flex-basis:60% !important; } [id^="hs_cos_wrapper_module_"] .hero-slider-element .hero-slider-main .hero-slider-img { flex-basis:40% !important; -moz-flex-basis:40% !important; -webkit-flex-basis:40% !important; -o-flex-basis:40% !important; } } @media (max-width:1199px) { [id^="hs_cos_wrapper_module_"] .hero-slider-element .hero-slider-main .inner-content { flex-basis:50% !important; -moz-flex-basis:50% !important; -webkit-flex-basis:50% !important; -o-flex-basis:50% !important; } [id^="hs_cos_wrapper_module_"] .hero-slider-element .hero-slider-main .hero-slider-img { flex-basis:50% !important; -moz-flex-basis:50% !important; -webkit-flex-basis:50% !important; -o-flex-basis:50% !important; } } .footer .container .links { border-right: none; border-left: none; } .blog-section .toc { transition: all 0.2s ease-out; position: fixed; right: 90px; width: 205px; flex: none; top: 126px; } .table-of-content__tocbot-ti{ position:relative; } .table-of-content__tocbot__wrapper{ max-width:100%; } .table-of-content__tocbot__wrapper ul,.table-of-content__tocbot__wrapper li{ margin:0; padding:0; display: block; } .toc.sticky{ position: fixed; left: 10px; } .table-of-content__tocbot-el { transition: max-height 0.3s ease-out, opacity 0.3s ease-out; overflow-y: auto; } .table-of-content__tocbot-el > .toc-list { overflow: hidden; position: relative; } .table-of-content__tocbot-el > .toc-list li { list-style: none; } .table-of-content__tocbot-el .toc-list { margin: 0; padding-left: 10px; } .table-of-content__tocbot-el a.toc-link { color: currentColor; display:block; height: 100%; padding:5px 0; } .table-of-content__tocbot-el .is-collapsible { max-height: 1000px; overflow: hidden; transition: all 300ms ease-in-out; } .table-of-content__tocbot-el .is-collapsed { max-height: 0; } .table-of-content__tocbot-el .is-position-fixed { position: fixed !important; top: 0; } .table-of-content__tocbot-el .is-active-link { font-weight: 700; } .table-of-content__tocbot-ti{ margin-top:20px; font-weight: 700; margin-bottom: 10px; display: flex; } .table-of-content__tocbot-el .toc-link::before { content: " "; display: inline-block; height: inherit; left: 0; margin-top: -5px; position: absolute; width: 2px; } .toc .is-active-link::before { background-color: #26a9e1; } .table-of-content__mm{ display: none; width: 30px; height: 30px; position: absolute; top: 0; right: -20px; justify-content: space-around; flex-direction: column; background-color: rgb(var(--accentColorOneRGB), .5); padding: 6px; border-radius: 4px; z-index:10; } .table-of-content__mm.sticky{ position: fixed; top: 110px; right: 0; } .table-of-content__mm span{ transition: all .25s ease; width: 100%; height: 2px; background: #fff; display: block; } .table-of-content__mm.active span:first-child{ transform: translateY(4px) rotate(45deg); } .table-of-content__mm.active span:last-child{ transform: translateY(-5px) rotate(-45deg); } .table-of-content__tocbot__wrapper.active{ left: 0px; } .hs-placeholder{ display: block; font-family: Helvetica Neue,Helvetica,Arial,sans-serif!important; font-size: 14px; text-align: center; background-color: #f5f8fa!important; margin: 2px 1px; border: 1px dashed #516f90; outline: 1px dashed #fff; padding: 20px!important; text-align: left!important; font-size: 14px!important; font-style: normal!important; } .hs-placeholder >*{ display: block; box-sizing: border-box; padding: 12px 0; line-height: 3; margin: 1px; width: calc(100% - 2px); text-shadow: 0 -1px 0 hsla(0,0%,100%,.5); } h2.placeholder__title { font-size: 14px!important; font-weight: 700; margin-bottom: 10px!important; padding: 0!important; line-height: initial!important; } p.placeholder__description{ color: #7c98b6; padding: 0!important; margin: 0!important; line-height: 1.6!important; } p.placeholder__description a{ font-size: 14px!important; font-weight:bold; } @media (max-width: 767px){ .ac__anima{ position:absolute; width:60px; height:100%; right: -15px; top: 50%; transform: translateY(-50%); } .sticky .ac__anima{ right: 5px; } .ac__anima_wp{ display: block; position: relative; width: 100%; height: 100%; z-index: 1; -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.8; } .ac__anima_wp::after,.ac__anima_wp::before{ content: ""; display: block; position: absolute; top: 55%;; width: 14px; height: 2px; z-index: 1; background: #000; -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); } .ac__anima_wp::after { -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(-40deg) scaleY(1.1); transform: rotate(-40deg) scaleY(1.1); left: 50%; border-radius: 0 0.5px 0.5px 0; } .ac__anima_wp::before { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(40deg) scaleY(1.1); transform: rotate(40deg) scaleY(1.1); right: 50%; border-radius: 0.5px 0 0 0.5px; } .table-of-content__tocbot-ti.active .ac__anima_wp{ -webkit-transform: translateY(-8px); transform: translateY(-8px); } .table-of-content__tocbot-ti.active .ac__anima_wp::before{ -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotate(-40deg) scaleY(1.1); transform: rotate(-40deg) scaleY(1.1); } .table-of-content__tocbot-ti.active .ac__anima_wp::after{ -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotate(40deg) scaleY(1.1); transform: rotate(40deg) scaleY(1.1); } } .blog-section [class^="table-of-content"] > .toc-list { overflow: hidden; position: relative; } .blog-section .toc-list .toc-link { position: static; font-family: 'Avenir-Book', sans-serif; padding: 5px 0; } .blog-section .toc-list .toc-link:before { margin-top: -6px; } @media (max-width:1399px) { .blog-section .toc { width: 150px; } } @media (max-width:992px) { .blog-section .toc { display: none; } } .banner-with-card .banner-with-card-container .banner-with-card-course-2:hover { -webkit-box-shadow: none; box-shadow: none; } .banner-with-card .banner-with-card-container .banner-with-card-course-2 { max-width: 600px; } .banner-with-card .banner-with-card-container .banner-with-card-left-column { align-self: unset; padding-top: 90px; } @media (max-width:1199px) { .banner-with-card .banner-with-card-container .banner-with-card-left-column { padding-top: 30px; } } .banner-with-card .banner-with-card-left-column .banner-with-card-description-wrapper { max-width: none; } .banner-with-card .banner-with-card-container .banner-with-card-intro1-course { -webkit-box-pack: unset; -webkit-justify-content: unset; -ms-flex-pack: unset; justify-content: unset; } @media(min-width: 768px) { .banner-with-card .banner-with-card-container .banner-with-card-col-md-6 { width: 50% } } .content-cards .button { display: none; } .tabber-with-navigation-bar .tabber-with-navigation-bar-tabber-top-sec { width: 100%; } .tabber-with-navigation-bar .tabber-with-navigation-bar-tabber-top-sec-wrap { width: 100%; max-width: 950px; } .review-card .review-photo img { width: 100px !important; height: 100px !important; } .banner-with-card { overflow: visible; } .banner-with-card .banner-with-card-bottom-shape { bottom: -1px; } .slick-slider .slick-dots li button { font-size: unset; line-height: normal; } .slick-slider .slick-dots li button h5 { font-size: 32px; line-height: normal; } .hs_cos_wrapper a.zelda { background: #f89c1d; } .auto_tabs__card_link { display: none !important; } body > b { font-weight: unset; } .price-option .hs-cta-embed { float: none !important; }