/*
Theme Name:   LiquidPlanner
Theme URI:    http://LiquidPlanner.com/
Description:  A child theme for WP-Forge
Author:       Michael Ortlieb
Author URI:   http://LiquidPlanner.com/
Template:     wp-forge
Version:      v5.3
License:      GNU General Publiboc License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  liquidplanner
*/

/* Make sure to view the readme.txt file for proper installation. */

@import url("../wp-forge/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* TABLE OF CONTENTS */

/*
GENERAL SETTINGS:
- Fonts
- Font settings (body and elements, fullwidth)
- Remove Hyphens
- Turn Items Off (display: none;)
- Alerts
- Font Awesome Quotes (homepage and product tour)
- prettyPhoto (expand screenshots on Product Tour Verticals)

SEARCH:

SORT:
- Cube portfolio (Resources-Library page)

BLOG:
- widgets
- hubspot email subscribe

HELP ARTICLES:
- wistia videos
- layout
- Knowledge Base

FORMS:
- gravity forms
- buttons
- support search

LIQUIDPLANNER THEME CUSTOMIZATION - ZURB FOUNDATION 5.3
- general settings
- input fields
- panels
- header
- product tour pages
- widgets
- panels
- buttons
- jump navigation (product tour verticals)
- videos page
- blog
- footer
- transitions (navigation fade)
- navigation
- logo bug
- nav dropdown colors
- sign-in
- tabs
- intro panels
- pricing table
- case studies
- newsroom
- brand assets
- magellan (jquery nav)

MEDIA QUERIES:
- Show-for-small-only
- Full width
- Medium query (641px+)
- Large query (768px+)
- Media Query: 850px+
- Media Query: 882px+
- Large query (1025px+)
- query (1180px+)
*/


/* GENERAL SETTINGS */

/* fonts */

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=38e827d0-f927-4c36-94e1-b720ac2ff991");

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=38e827d0-f927-4c36-94e1-b720ac2ff991");
@font-face{
font-family:"Soleil W01_n3";
src:url("fonts/3b94cc03-0ac2-4337-b047-630852fe85de.eot?#iefix") format("eot")
}

@font-face{
font-family:"Soleil W01";
src:url("fonts/3b94cc03-0ac2-4337-b047-630852fe85de.eot?#iefix");
src:url("fonts/3b94cc03-0ac2-4337-b047-630852fe85de.eot?#iefix") format("eot"),url("fonts/71d413d0-7756-4df0-a3cd-3b4f9f04c8f4.woff2") format("woff2"),url("fonts/4f8fefe7-7b0a-44ca-ac95-4aac1c3ab3fc.woff") format("woff"),url("fonts/7c1b6590-123e-47c2-a3bb-86c51a70a525.ttf") format("truetype"),url("fonts/9bea2921-c92f-4f5a-b6a0-8483d88208e8.svg#9bea2921-c92f-4f5a-b6a0-8483d88208e8") format("svg");
font-weight: 300;
font-style: normal;
}

@font-face{
font-family:"Soleil W01_n4";
src:url("fonts/44a32084-e69c-4d2d-9223-6b7e6a9f33fe.eot?#iefix") format("eot")
}

@font-face{
font-family:"Soleil W01";
src:url("fonts/44a32084-e69c-4d2d-9223-6b7e6a9f33fe.eot?#iefix");
src:url("fonts/44a32084-e69c-4d2d-9223-6b7e6a9f33fe.eot?#iefix") format("eot"),url("fonts/6561a656-6f33-48a9-a9b4-c923cacb6769.woff2") format("woff2"),url("fonts/5328f8ac-8b9c-4408-8a29-d1e6a757f7e7.woff") format("woff"),url("fonts/9a4c8beb-5e11-47de-b38d-9a48f8a931d4.ttf") format("truetype"),url("fonts/2b876160-9968-4d99-839f-9c7e4684446e.svg#2b876160-9968-4d99-839f-9c7e4684446e") format("svg");
font-weight: 400;
font-style: normal;
}

@font-face{
font-family:"Soleil W01_n6";
src:url("fonts/d29ac793-87c0-464a-8cc6-8121459c77cb.eot?#iefix") format("eot")
}

@font-face{
font-family:"Soleil W01";
src:url("fonts/d29ac793-87c0-464a-8cc6-8121459c77cb.eot?#iefix");
src:url("fonts/d29ac793-87c0-464a-8cc6-8121459c77cb.eot?#iefix") format("eot"),url("fonts/b6a7e4bd-9d8b-4af3-9cfc-ad6aa8eca691.woff2") format("woff2"),url("fonts/b5ca97db-4d8a-4559-80a2-e7310efdeafe.woff") format("woff"),url("fonts/27d60695-403e-449d-a0c5-4bcd9b14c04e.ttf") format("truetype"),url("fonts/d958d9b6-a28f-48a0-991f-07f4d1bbbd76.svg#d958d9b6-a28f-48a0-991f-07f4d1bbbd76") format("svg");
font-weight: 600;
font-style: normal;
}

@font-face{
font-family:"Soleil W01_n7";
src:url("fonts/e08871cf-c6da-43c8-9e9c-d7bc0a5a1b80.eot?#iefix") format("eot")
}

@font-face{
font-family:"Soleil W01";
src:url("fonts/e08871cf-c6da-43c8-9e9c-d7bc0a5a1b80.eot?#iefix");
src:url("fonts/e08871cf-c6da-43c8-9e9c-d7bc0a5a1b80.eot?#iefix") format("eot"),url("fonts/72f785a5-1060-4b4d-8759-8d20e91712be.woff2") format("woff2"),url("fonts/53496adb-e93b-4a9c-8bf0-a7efa8e71d59.woff") format("woff"),url("fonts/bc4ecbd9-58b6-4bbb-8c76-64ede3f15d08.ttf") format("truetype"),url("fonts/c3ff8bda-ce85-4a4e-be20-f5bd566caa41.svg#c3ff8bda-ce85-4a4e-be20-f5bd566caa41") format("svg");
font-weight: 700;
font-style: normal;
}

@font-face{
font-family:"Soleil W01_i4";
src:url("fonts/72309214-0bd3-4be4-932d-43f692e19904.eot?#iefix") format("eot")
}

@font-face{
font-family:"Soleil W01";
src:url("fonts/72309214-0bd3-4be4-932d-43f692e19904.eot?#iefix");
src:url("fonts/72309214-0bd3-4be4-932d-43f692e19904.eot?#iefix") format("eot"),url("fonts/6f1c7ecb-42ea-4319-9bb7-49e33413d4cb.woff2") format("woff2"),url("fonts/ffccb808-6b31-4200-98fb-54083f171a70.woff") format("woff"),url("fonts/46d2714d-1bce-4806-9c7b-66ccb9e8168c.ttf") format("truetype"),url("fonts/673f8dc2-8496-4a2e-9fbd-afa16095afb1.svg#673f8dc2-8496-4a2e-9fbd-afa16095afb1") format("svg");
font-weight: 400;
font-style: italic;
}

@font-face{
font-family:"Soleil W01_i6";
src:url("fonts/1a9f8037-44a3-4105-9c8b-ae7641c27c45.eot?#iefix") format("eot")
}

@font-face{
font-family:"Soleil W01";
src:url("fonts/1a9f8037-44a3-4105-9c8b-ae7641c27c45.eot?#iefix");
src:url("fonts/1a9f8037-44a3-4105-9c8b-ae7641c27c45.eot?#iefix") format("eot"),url("fonts/b38d8ced-0ff5-4e1b-8b6f-1a9303668204.woff2") format("woff2"),url("fonts/ce473855-5b83-47d3-bc32-97f15f92189b.woff") format("woff"),url("fonts/54cb3dcd-8117-44ba-86a6-84b1644e666b.ttf") format("truetype"),url("fonts/9bd6f7f0-5521-4f00-836c-c5695f963aea.svg#9bd6f7f0-5521-4f00-836c-c5695f963aea") format("svg");
font-weight: 600;
font-style: italic;
}

@font-face{
font-family:"Soleil W01_i7";
src:url("fonts/baec82ce-dad8-49d6-82b0-d667e91e61c1.eot?#iefix") format("eot")
}

@font-face{
font-family:"Soleil W01";
src:url("fonts/baec82ce-dad8-49d6-82b0-d667e91e61c1.eot?#iefix");
src:url("fonts/baec82ce-dad8-49d6-82b0-d667e91e61c1.eot?#iefix") format("eot"),url("fonts/95bbf11e-7801-4908-bee3-0196e43ac959.woff2") format("woff2"),url("fonts/a86d58a6-eee6-4dfb-b183-60f2f3ef5162.woff") format("woff"),url("fonts/d7792f7a-cbe3-48ad-b8a9-e7189caac37e.ttf") format("truetype"),url("fonts/9f8aa359-3c47-4032-ad5b-b16d150aff3c.svg#9f8aa359-3c47-4032-ad5b-b16d150aff3c") format("svg");
font-weight: 700;
font-style: italic;
}

@font-face{
font-family:"Soleil W01_i3";
src:url("fonts/8359c8c7-b1d4-4724-9afc-6566afe4c0b5.eot?#iefix") format("eot")
}

@font-face{
font-family:"Soleil W01";
src:url("fonts/8359c8c7-b1d4-4724-9afc-6566afe4c0b5.eot?#iefix");
src:url("fonts/8359c8c7-b1d4-4724-9afc-6566afe4c0b5.eot?#iefix") format("eot"),url("fonts/f5d9f15d-5b9b-45a6-8908-4d0d285182ed.woff2") format("woff2"),url("fonts/e2b2d3f1-44f7-4967-b379-7c8774c2ca3e.woff") format("woff"),url("fonts/7b629a4c-5ad9-407d-ad7e-f9b8b30142ef.ttf") format("truetype"),url("fonts/3113b051-2f66-4906-ac32-d78cb6879fab.svg#3113b051-2f66-4906-ac32-d78cb6879fab") format("svg");
font-weight: 300;
font-style: italic;
}

/* font settings */

body,
.hs-form input:not([type=image]), .hs-form textarea, .hs-form .email-correction, .hs-form .email-validation, .VS-search div, .VS-search span, .VS-search a, .VS-search img, .VS-search ul, .VS-search li, .VS-search form, .VS-search label, .VS-interface ul, .VS-interface li, .VS-interface, .top-bar-section ul li > a, .top-bar-section .dropdown li a, .pricing-table .title, .pricing-table .price, label {
font-family:'Soleil W01', Arial, sans-serif;
font-style: normal;
font-weight: 300;
-webkit-font-smoothing: subpixel-antialiased;
}

h1, h2, h3, h4, h5, h6, .button, .jumpnav, .tabs dd > a, aside .widget-title, .panel h4.altfont, .pricing li, .panel .altfont a, .trustmarks h3, [data-magellan-expedition] .sub-nav a, p, ul, li, ol {
font-weight: 300;
font-family:'Soleil W01', Arial, sans-serif;
font-style: normal;
}

h1, h2, h3, h4, h5, b, strong {
font-weight: 500;
font-family:'Soleil W01', Arial, sans-serif;
font-style: normal;
}

b, strong {
font-weight: 600;
}

h1, h2, h3, h4, h5 {
line-height: 1.1;
}

body.archive .entry-content {
font-size: 1.1rem;
line-height: 1.6;
}

.fixedwidth {
margin: 0 auto;
padding: 0 1.25rem;
}

.panel .fixedwidth h1 {
margin: 0;
}

.wp-caption .wp-caption-text {
line-height: 1.4;
font-size: 0.85rem;
}

/* remove hyphens */

body, article {
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}

/* turn stuff off */

.breadcrumbs, .comments-area, #snippet-box, span.tags-links, i.fa.fa-tag, .form-allowed-tags, .author-info, div.pp_default .pp_social, .entry-meta-tags .genericon.genericon-tag, .header-info .site-title, .header-info .site-description {
display: none;
}

.site-header {
  padding-top: 0;
}

ins, del {
background: transparent !important;
display: none !important;
}

.home.page .entry-header,
.page-id-11 .entry-header,
.page-id-13 .entry-header,
.page-id-52 .entry-header,
.page-id-70 .entry-header,
.page-id-71 .entry-header,
.page-id-75 .entry-header,
.page-id-78 .entry-header,
.page-id-79 .entry-header,
.page-id-568 .entry-header,
.page-id-572 .entry-header,
.page-id-573 .entry-header,
.page-id-578 .entry-header,
.page-id-574 .entry-header,
.page-id-575 .entry-header,
.page-id-576 .entry-header,
.page-id-577 .entry-header,
.page-id-579 .entry-header,
.page-id-580 .entry-header,
.page-id-581 .entry-header,
.page-id-582 .entry-header,
.page-id-583 .entry-header,
.page-id-996 .entry-header,
.page-id-1530 .entry-header,
.page-id-1570 .entry-header,
.page-id-1891 .entry-header,
.page-id-2883 .entry-header,
.page-id-3270 .entry-header,
.page-id-3876 .entry-header,
.page-id-4080 .entry-header,
.page-id-4122 .entry-header,
.page-id-4306 .entry-header,
.page-id-4330 .entry-header,
.page-id-4634 .entry-header,
.page-id-5473 .entry-header,
.page-id-5474 .entry-header,
.page-id-5475 .entry-header,
.page-id-5476 .entry-header,
.page-id-5477 .entry-header,
.page-id-5480 .entry-header,
.page-id-5538 .entry-header,
.page-id-5539 .entry-header,
.page-id-5540 .entry-header,
.page-id-5541 .entry-header,
.page-id-5542 .entry-header,
.page-id-5543 .entry-header,
.page-id-5544 .entry-header,
.page-id-5671 .entry-header,
.page-id-5719 .entry-header {
display: none;
}

/* alerts */

.alert-box {
background-position: left center;
background-repeat: no-repeat;
background-size: auto 2rem;
background-color: #fff;
border: 0;
text-align: left;
padding-left: 4rem;
color: #505759;
font-size: 1rem;
}

.alert-box.note {
background: transparent url(https://www.liquidplanner.com/wp-content/uploads/alert-note.svg) no-repeat left center scroll;
background-size: 50px 50px;
border-top: 2px solid #fa8d3e;
border-bottom: 2px solid #fa8d3e;
}

.alert-box.tip {
background: transparent url(https://www.liquidplanner.com/wp-content/uploads/alert-tip.svg) no-repeat left center scroll;
background-size: 50px 50px;
border-top: 2px solid #7abd4b;
border-bottom: 2px solid #7abd4b;
}

.alert-box.process {
background: transparent url(https://www.liquidplanner.com/wp-content/uploads/alert-process.svg) no-repeat left center scroll;
background-size: 50px 50px;
border-top: 2px solid #006a94;
border-bottom: 2px solid #006a94;
}

.alert-box.note-alt {
background: #fa8d3e url(https://www.liquidplanner.com/wp-content/uploads/alert-note-alt.svg) no-repeat left center scroll;
background-size: 50px 50px;
border: 2px solid #fa8d3e;
border-radius: 4px;
color: white;
}

.alert-box.tip-alt {
background: #7abd4b url(https://www.liquidplanner.com/wp-content/uploads/alert-tip-alt.svg) no-repeat left center scroll;
background-size: 50px 50px;
border: 2px solid #7abd4b;
border-radius: 4px;
color: white;
}

.alert-box.process-alt {
background: #006a94 url(https://www.liquidplanner.com/wp-content/uploads/alert-process-alt.svg) no-repeat left center scroll;
background-size: 50px 50px;
border: 2px solid #006a94;
border-radius: 4px;
color: white;
}

.alert-box.note-alt a, .alert-box.process-alt a, .alert-box.tip-alt a {
color: white;
text-decoration: underline;
}

@media screen and (max-width: 641px) {

.alert-box.tip, .alert-box.tip-alt,
.alert-box.process, .alert-box.process-alt,
.alert-box.note, .alert-box.note-alt {
    background-position: left center;
    background-size: 60px 60px;
}

}

/* Font Awesome quotes (homepage and product tour) */

.fa-quote-left, .fa-quote-right {
position: absolute;
font-size: 1.66em;
opacity: 0.3;
z-index: 1;
}

.fa-quote-left {
margin-left: -30px;
}

.fa-quote-right {
margin-left: 2px;
}

/* prettyPhoto (expand screenshots on Product Tour Verticals) */

a[rel="prettyPhoto"]:after {
content: "\f002";
font-family: 'FontAwesome';
color: #ddd;
font-size: 18px;
z-index: 2;
position: absolute;
right: 12px;
top: 1px;
background: #505759;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
border-top-right-radius: 0;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    font-family: 'Soleil' !important;
    font-size: 1.4em !important;
   display: none !important;
}

#slb_viewer_wrap .slb_theme_slb_baseline .slb_details .inner {
   display: none !important;
}

/* SORT */

/* Cube portfolio: Resources-Library page */

#cbpw-grid1 .cbp-l-grid-team-name,
#cbpw-grid1 .cbp-l-grid-team-position,
#cbpw-filters1 .cbp-filter-item,
#cbpw-filters1 .cbp-filter-item.cbp-filter-item-active,
#cbpw-filters2 .cbp-filter-item,
#cbpw-filters2 .cbp-filter-item.cbp-filter-item-active {
font-family:'Soleil W01', Arial, sans-serif !important;
}

#cbpw-grid1 .cbp-item {
    height: 300px;
}

/* BLOG */

/* for blog subscriptions */

.subscribe-footer-sidebar-container aside .widget-title,
#field_26_1 label,
#field_25_1 label {
display: none;
}

.subscribe-footer-sidebar-container #input_25_1,
.subscribe-footer-sidebar-container .gform_body,
.subscribe-footer-sidebar-container .gform_footer {
max-width: 28rem;
margin: 0 auto;
}

.subscribe-footer-sidebar-container {
background: #7abd4b;
padding: 4rem 0;
}

.subscribe-footer-sidebar-container #gform_submit_button_25 {
float: right;
margin-top: -37px;
padding: 0.5rem 1.25rem;
margin-bottom: 0;
font-size: 1.3em;
}

.subscribe-footer-sidebar-container aside .widget-title,
.single-post .subscribe-footer-sidebar-container .widget.widget_text .validation_error {
color: white;
text-align: center;
}

.single-post .subscribe-footer-sidebar-container .widget.widget_text .gfield_description.validation_message {
position: absolute;
padding-top: 3px;
color: white;
}

.single-post .widget.widget_text .validation_error {
line-height: 1.4;
margin-bottom: 0.5rem;
color: #900;
}

.single-post .widget.widget_text .gfield_description.validation_message {
color: #900;
}

.subscribe-footer-sidebar-container #gform_confirmation_message_25, .subscribe-footer-sidebar-container h6 {
text-align: center;
color: white;
font-size: 1.4rem;
}

.single-post .widget.widget_text {
border: 1px solid #7abd4b;
background: #fff;
padding: 0;
}

.single-post .subscribe-footer-sidebar-container .widget.widget_text {
border: none;
background: transparent;
}

.single-post .widget.widget_text .textwidget {
padding: 1.25em;
}

.single-post form#gform_25 {
margin: 0;
}

.single-post .widget.widget_text .button {
margin: 0;
width: 100%;
text-transform: uppercase;
font-size: 1.3em;
}

.single-post .subscribe-footer-sidebar-container .widget.widget_text .button {
width: auto;
}

.single-post .widget.widget_text .widget-title {
font-size: 1.75em;
color: white;
text-align: center;
padding: 1em;
background: #7abd4b;
margin: 0;
text-transform: initial;
}

/* end blog subscriptions */

.blog .comments-area, .post .comments-area, .single .comments-area {
display: block;
}

.VS-search .VS-search-box {
border: none;
}

body.single-post.single-format-standard p {
font-size: 1.1rem;
line-height: 1.7;
}

/* widgets */

aside#execphp-3 .execphpwidget {
width: auto;
}

.widget-area aside.widget ul.contributors li {
text-align: center;
margin: 0;
}

.widget-area aside#text-12 {
background: transparent;
color: gray;
padding: 0 0 1.25em;
}

.widget-area aside#text-12 h3 {
color: white;
}

.widget-area aside#text-12 p {
line-height: 1;
margin-bottom: 0;
}

#secondary #text-18 {
background-image: url(/wp-content/uploads/texture-marble.jpg);
background-size: cover;
border: 1px solid #373a36;
}

.widget-area aside#search-3 {
padding: 1.25em 0 0;
}

.widget-area aside#search-2 .row .medium-12.large-12.columns {
padding-left: 0;
padding-right: 0;
}

.widget-area aside#search-3 form {
margin: 0;
}

.widget-area .textwidget li {
margin-left: 0;
}

.hs-form input:not([type=image]), .hs-form textarea {
height: 30px;
margin-bottom: 0;
}

.lp-blogpost {
padding: 2em;
background: white;
border: 1px solid #dadada;
margin-bottom: 2em;
text-align: center;
}

.lp-blogpost h3 {
text-align: center;
margin-top: 0;
}

.lp-blogpost p, .lp-blogpost a.orange.button {
margin-bottom: 0 !important;
}

/* hubspot email subscribe */

.hs-form.stacked .actions {
margin: 0 !important;
padding: 0;
float: left !important;
}

.hs-form .hs-button.primary.large {
height: 40px;
width: 40px;
overflow: hidden;
background: #1690c6 url(/wp-content/uploads/hs_searchbutton.gif) no-repeat center center scroll;
padding: 0;
}

.hs_email.field.hs-form-field {
width: 75% !important;
}

.hs-form .hs-input {
width: 97%;
}

/* HELP ARTICLES */

/* wistia videos */

.wistiaframe {
max-width: 960px;
max-height: 544px;
margin: 0 auto 2em auto;
border: 1px solid #ddd;
}

.wistia_embed {
border: 1px solid #ddd;
}

.entry-content .wistiaframe iframe {
margin-bottom: -3px;
}

/* layout */

.help_articles div.author-info{
display: none;
}

.entry_author_image.alignleft {
float: none;
}

body.blog #wrapper .home-content .featured-post .entry-header-content .entry-meta.author-image-wrapper .author-image,
body.single-post #wrapper .entry-meta .author-meta .author-image,
body.author.archive #wrapper .author-avatar img {
-webkit-border-radius: 6px !important;
-moz-border-radius: 6px !important;
-ms-border-radius: 6px !important;
border-radius: 6px !important;
}

.single-help_articles .entry-content .really_simple_share:first-child, .single-post .entry-content .really_simple_share {
display: none;
}

.single-post .entry-content .really_simple_share:first-child {
display: block;
}

.panel.helparticle {
color: #f6f6f6;
padding: 1em 0.5em;
}

.panel.helparticle form, .panel.helparticle input[type=text], .panel.helparticle input[type=submit] {
padding: 0;
margin: 0;
}

.panel.helparticle a {
color: white;
}

.nav-single {
margin: 0.5em 0 4em;
display: none;
}

.nav-single + .comments-area {
margin: 0 0 1rem;
}

ul.directorypage a {
font-size: 1.3rem;
line-height: 1;
font-weight: 500;
}

.goog-te-gadget {
padding: 0;
margin-top: -3px;
}

.goog-te-gadget-simple .goog-te-menu-value span {
color: black;
}

.single-help_articles .nav-single, .single-help_articles .entry-meta-header {
display: none;
}

.single-help_articles .entry-content img, .help_articles .entry-content img {
margin: 0 1em 1em 0;
}

.single-help_articles footer.entry-meta, .single-post footer.entry-meta {
display: none;
}

.single-post article {
padding-bottom: 0;
}

.single-post #respond form {
margin: 0;
}

.single-post #respond {
margin-top: 1rem;
}

.single-post .panel.blue.text-center h2 {
color: white;
}

/* Knowledge Base */

/* offset jump links so they don't get covered by the nav bar */

:target:before {
  content:"";
  display:block;
  height:60px; /* fixed header height*/
  margin:-60px 0 0; /* negative fixed header height */
}

#hkb .hkb-category .hkb-category__view-all {
display: none !important;
}

.single-ht_kb h1 {
margin-top: 2rem;
}

#hkb .hkb-site-search .hkb-site-search__field.live-search-loading,
#hkb .hkb-site-search .hkb-site-search__field {
background: white !important;
}

#hkb.hkb-searchresults > li .hkb-searchresults__excerpt {
font-size: 0.9em;
margin: 0;
}

#hkb.hkb-searchresults > li .hkb-searchresults__title {
font-size: 1.75rem;
line-height: 1.4;
font-weight: normal;
color: #1690c6;
padding: 0;
}

#hkb.hkb-searchresults > li.hkb-searchresults__article a:before {
left: 15px;
top: 19px;
color: #777779;
}

#hkb.hkb-searchresults > li a {
padding: 0.5rem 1rem;
}

#hkb.hkb-searchresults > li.hkb-searchresults__showall {
background: transparent;
color: white;
margin: 0.5rem 0;
}

#hkb.hkb-searchresults > li.hkb-searchresults__noresults {
color: #777779;
background: transparent;
}

#hkb .hkb-subcats .hkb-subcats__cat:before {
content: "\f115" !important;
}

/* HKB Support Page */

#hkb.hkb-header.supportpage {
background: #323230 url('https://www.liquidplanner.com/wp-content/uploads/liquidplanner-help-center-hero-image.jpg') no-repeat top center scroll;
background-size: cover;
border-bottom: 5px solid #f3ebe5;
padding-bottom: 2.5rem;
}
#hkb.hkb-header.supportpage .hkb-site-search {
margin-bottom: 3.5rem;
}

#hkb.hkb-header.supportpage h1 {
color: white;
font-size: 3.75em;
font-weight: 100;
letter-spacing: -1px;
text-align: center;
line-height: 1;
padding-top: 36%;
margin-top: 0;
}

.fixedwidth.hkb-searchbar {
max-width: 50rem;
}

#hkb .hkb-article__content ul ul li {
list-style: circle;
}

.populararticles h5 {
text-align: center;
color: white;
margin-top: -4.75rem;
margin-bottom: 2rem;
}

.single-ht_kb .subscribe-footer-sidebar-container,
body.tax-ht_kb_category .subscribe-footer-sidebar-container {
display: none !important;
}

.post-type-archive-ht_kb #secondary.widget-area {
padding-top: 2rem;
}

.post-type-archive-ht_kb .widget-area aside.widget,.single-ht_kb .kb-rside aside.widget {
border: 1px solid #7abd4b;
background: white;
margin-bottom: 1rem;
}

.post-type-archive-ht_kb aside .widget-title,.single-ht_kb aside .widget-title {
    font-size: 1.4rem;
    text-transform: initial;
    padding: 1.25rem;
    color: white;
    text-align: center;
    background: #7abd4b;
    margin: -1.2rem -1.15rem 1.25rem;
}

/* FORMS */

/* gravity forms */

.gform_heading {
margin: 0 0 1em 0;
}

.gform_body ul, .gform_body li {
margin: 0;
list-style: none;
}

#gform_fields_2 input[type=text]{
margin: 0 0 .5rem 0;
}

.gfield_description, .instruction {
font-size: 0.875em;
font-style: italic;
margin-bottom: 1.5em;
}

.gfield_label {
font-size: 1.1rem;
}

.gfield_description.validation_message {
color: red;
}

#gform_drag_drop_area_13_14 {
border: 2px dashed #ddd;
padding: 10px 10px 0;
margin-bottom: 10px;
}

.button.gform_button_select_files {
background: #aaa;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
border: 1px solid #ececec;
border-radius: 4px;
background-color: #fff;
box-shadow: none;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  border-color: #1690c6;
  background-color: #fff;
  box-shadow: none;
}


/* buttons and fields */

#input_1_1_3_container, #input_5_1_3_container, #input_6_1_3_container {
float: none;
width: 100%;
margin-right: 0;
}

#input_1_1_6_container, #input_5_1_6_container, #input_6_1_6_container {
float: none;
width: 100%;
}

#input_1_1_3_container label, #input_1_1_6_container label {
font-style: italic;
color: #bbb;
}

#input_1_1_3_container input, #input_1_1_6_container input {
margin: 0;
}

#input_1_4, #input_1_3, #input_1_2, #input_1_7 {
max-width: 48%;
}

.button.tiny {
font-size: .8375rem;
letter-spacing: 0.1px;
}

.button.tiny.cta {
width: 100%;
text-align: center;
}

.postfix.button.tiny {
font-size: 1rem;
}

ul.pagination {
margin-top: 0.5em;
}

textarea {
min-height: 150px;
max-height: 150px;
}

/* support search */

.support {
margin-bottom: 0.5em;
}

/* LIQUIDPLANNER THEME CUSTOMIZATION - ZURB FOUNDATION 5.3 */

/* general settings */

body {
  font-size: 0.9em;
  line-height: 1.5;
  letter-spacing: -0.1px;
  color: #373a36 !important;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  }

#wrapper {
  width: 100%;
  max-width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
  background-color: #363B3C;
  }



h1, h2, h3, h4, h5, .button, .jumpnav, .tabs dd > a {
  line-height: 1.2;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  }

h1 {
  font-size: 2.25em;
}

h1 {
  margin-top: 0.5em;
}

h2 {
  font-size: 1.75em;
}

h3, p.hkb-feedback__title {
  font-size: 1.5em;
  font-weight: 500;
  color: #505759;
}

h4.text-center {
  text-transform: uppercase;
  color: rgb(155,155,155);
  font-size: 2em;
  margin: 1.5em 0;
}

.single-help_articles h4 {
font-size: 1rem;
}

.right { float: left !important; }

.fullwidth {
margin: 0;
}

/* input fields */

input {
line-height: normal;
background: #efefef;
border: 1px solid white;
color: #333;
padding: 10px;
letter-spacing: 0.5px;
text-align: left;
}

/* panels */

.panel, div.row.show-for-small-only {
margin: 0;
}

.panel.green div.row.show-for-small-only {
margin: 0;
}

/* header */

#header {
  padding-top: 0;
  margin-bottom: 0;
}

.sign-in { display: block; padding-right: 10px; padding-top: 5px; }

.top-bar, .top-bar-section ul li { background: transparent; }

.top-bar-section ul li .dropdown li { margin-left: 0; }

.top-bar .toggle-topbar.menu-icon a span::after {
  -webkit-box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
  -moz-box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
  box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
}

.top-bar .toggle-topbar.menu-icon {
  margin-top: -24px;
}

.top-bar, .top-bar.expanded {
  margin: 0px -0.9375em;
}

.top-bar.expanded .toggle-topbar a span:after {
  -webkit-box-shadow: 0 10px 0 1px #1690c6, 0 16px 0 1px #1690c6, 0 22px 0 1px #1690c6;
  -moz-box-shadow: 0 10px 0 1px #1690c6, 0 16px 0 1px #1690c6, 0 22px 0 1px #1690c6;
  box-shadow: 0 10px 0 1px #1690c6, 0 16px 0 1px #1690c6, 0 22px 0 1px #1690c6;
}

.top-bar.expanded .title-area {
  background: transparent;

}

.top-bar-section .has-dropdown > a {
padding-right: 10px !important;
}

.top-bar.expanded .has-dropdown > a:after {
  border-color: transparent transparent transparent #1690c6;
}

.top-bar-section .has-dropdown > a:after  {
  border-color: #1690c6 transparent transparent transparent;
  display: none;
}

.top-bar-section li:not(.has-form) .dropdown a:not(.button) {
color: white;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover:after, .top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a:after {
  border-color: transparent transparent transparent #fff;
}

.header-logo {
margin: 0;
z-index: 100;
position: relative;
display: none;
}

.header-logo img {
max-width: 75%;
}

.row, .contain-to-grid .top-bar {
max-width: 61.25rem;
}

.row .row {
margin: 0;
}

.home.page .entry-header h1 {
  display: none;
  }

.search-results .entry-header h1 {
  display: block;
  }

.row {
background: transparent;
}



/* product tour pages */

.row .zigzag .row {
margin: 3.5em 0;
}

.zigzag img, .hometabs img {
border: 1px solid #ddd;
}

.hometabs h2 {
margin-bottom: 0.5em;
}

.zigzag h3, .zigzag h3 a {
margin-top: 1em;
color: rgb(122,189,75);
}

.zigzag h3 a:hover {
color: #1690c6;
}

h3.zigzag {
color: rgb(122,189,75);
}

.row .row .columns, .navcontainer .columns {
padding-left: 0;
padding-right: 0;
}

/* widgets */

.widget-area aside.widget,.single-ht_kb .kb-rside aside.widget {
padding: 1.25em;
margin: 0 0 2px 0;
background: #f6f6f6;
}

.widget-area aside.widget ul {
margin: 0;
}

.widget-area aside.widget li {
list-style: none;
margin-bottom: 0.5em;
line-height: 1.2rem;
}

aside .widget-title {
font-size: 1.4rem;
text-transform: initial;
}

/* panels */

.panel {
border: none;
}

.panel h4.altfont, .pricing li {
  line-height: 1.4;
  font-size: 1.3rem;
}

.panel .altfont a {
  line-height: 1.6;
  color: #eee;
}

.intro.panel {
margin-bottom: 2.5em;
padding-left: 1.66em;
padding-right: 1.66em;
padding-bottom: 2em;
position: relative;
}

.intro.panel a:hover {
color: white;
}

.intro.panel .button {
margin: 0 2px;
text-transform: uppercase;
font-size: 1.5em;
}

.intro.panel .jumpnav a {
color: #eee;
text-align: center;
font-size: 1.4em;
}

.intro.panel .jumpnav a:hover {
color: white;
}

.intro.panel .jumpnav a img {
margin-bottom: 0.5em;
}

.intro.panel .columns {
padding-left: 0;
padding-right: 0;
}

.benefit.panel.green {
padding: 0;
}

.benefit.panel.green .tabs-content {
padding: 0 1.4em;
}

.benefit.panel .tabs dd.active:after {
  background: white;
  margin: -12px auto 0 auto;
  z-index: 2;
}

.benefit.panel .tabs dd.active a {
color: rgb(122,189,75);
background: white;
}

.benefit.panel .tabs dd > a {
background: white;
color: #1690c6;
}

.benefit.panel .tabs dd {
width: 33%;
border-left: none;
}

.benefit.panel .tabs dd:last-child {
width: 34%;
border-left: none;
}

.panel.green.careers {
padding-bottom: 1.25em;
}

.panel.green.careers h3 {
text-align: left;
margin-top: 0;
}

.panel.green.careers p {
text-align: left;
}

.panel.green.careers a:hover {
color: white;
}

/* buttons */

.button {
  background: #1690c6;
  font-size: 1.3em;
  /* border: 1px solid white; */
  padding: 0.55em 1.5em 0.55em 1.5em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.button.expand {
width: 70%;
}

.button:hover {
  background: #1690c6;
}

.button.green:hover {
  background: rgb(183,221,121);
}

.button.orange:hover {
  background: #faa669;
}

.button.outline {
	background-color: transparent;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
}

.button.outline:hover {
	color: white;
	background-color: rgba(255, 255, 255, 0.1);
}



/* jump navigation (product tour verticals) */

.jumpdown a {
  width: 100%;
}

.jumpnav .button {
  padding: 0.5em;
  width: 100%;
  border-right: none;
  border-bottom: none;
  display: table-cell;
  vertical-align: middle;
}

.jumpnav .columns {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.row .row.jumpnav {
  margin-top: 1em;
}

.jumphelp {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
padding: 0.5em;
text-align: center;
background: #f4f4f4;
}

/* videos page */

.trainingvideos img {
margin: 0 20px 20px 0;
}

/* blog */

.blog .entry-header, .single-post .entry-header {
  display: block;
}

.blog .entry-header h1, .post .entry-header h1 {
font-size: 2.25em;
line-height: 1.2;
margin-bottom: 0.5em;
}

.entry-content {
clear: both;
}

.inline-list > li {
float: none;
margin-left: 1.66em;
}

/* footer */

.footer-bg {
background-color: #505759;
border-top: 5px solid #ececec
}

footer[role="contentinfo"] {
border-top: none;
padding: 4rem 0;
}

footer[role="contentinfo"] a {
color: #ddd;
}

footer[role="contentinfo"] a:hover {
color: white;
text-decoration: underline;
}

footer #ftxt {
background: #1690c6;
padding: 1em;
}

footer .large-8 {
padding: 1.5em 0.4em;
}

footer li.menu-item a,
footer li.menu-item span {
color:white;
font-size: 0.8rem;
text-align: left;
text-transform: uppercase;
}

footer ul#menu-social-items li.menu-item a {
color: #ccc;
}

footer ul#menu-social-items li.menu-item a:hover {
color: #fff;
}

footer li.menu-item .sub-menu a {
color: #ddd;
text-transform: capitalize;
}

footer li.menu-item .sub-menu a:hover {
text-decoration: underline;
color: #fff;
}

footer #ftxt a.button {
color: white;
width: 100%;
font-size: 1.1rem;
padding: 0.5em 0.1em;
}

#menu-social {
float: none;
padding-right: 0;
margin: 0 0 1em 0;
display: inline;
}

#menu-social ul {
padding-left: 0;
}

#menu-social li a::before {
padding: 0;
}

#menu-case-studies li.current-menu-item.active a {
color: #373a36;
}

.privacy {
text-align: center;
margin-top: 2em;
}

.tagline {
background: #1690c6;
margin: 0 auto;
}

.tagline h2 {
color: white;
margin: 0;
text-align: left;
padding: 0.66em 0.8em 0.66em 0.3em;
}

#footer ul li ul, #footer ul li ol {
margin-left: 0;
}

#footer ul.sub-menu {
margin-top: 0;
margin-bottom: 1.25em;
list-style: none;
}

#footer li {
list-style: none;
}

#footer ul {
margin-left: 0;
}

/* transitions (navigation fade) */

a:link, a:hover, a:active, .tabs dd.active:after, .tabs dd.active {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

/* homepage transparency */


/* Transparent Navbar on Homepage */
 .home.page .header-bg, .page-id-9338 .header-bg, .home.page #wrapper,
.home.page .top-bar .name a, .page-id-9338 .top-bar .name a,
.home.page .top-bar, .page-id-9338 .top-bar,
.home.page .contain-to-grid, .page-id-9338 .contain-to-grid,
.home.page .top-bar-section ul, .page-id-9338 .top-bar-section ul,
.home.page .top-bar-section li a, .page-id-9338 .top-bar-section li a,
.home.page .top-bar-section li:not(.has-form) a:not(.button), .page-id-9338 .top-bar-section li:not(.has-form) a:not(.button)
{
/* background: transparent; */
}

.home.page .header-bg, .page-id-9338 .header-bg {
/* border-bottom: none; */
}

.home.page .contain-to-grid.sticky.fixed, .page-id-9338 .contain-to-grid.sticky.fixed,
.home.page .top-bar.expanded, .page-id-9338 .top-bar.expanded {
background: #363B3C;
}

@media (min-width: 61.25em) {

.contain-to-grid .top-bar {
	padding-top: 8px;
}
.contain-to-grid.sticky.fixed, .page-id-9338 .contain-to-grid.sticky.fixed,
.home.page .top-bar.expanded, .page-id-9338 .top-bar.expanded {
background: #363B3C;
}
}


.home.page .top-bar-section li:not(.has-form) a:not(.button):hover, .page-id-9338 .top-bar-section li:not(.has-form) a:not(.button):hover,
.home.page .top-bar-section ul li:hover:not(.has-form) > a, .page-id-9338 .top-bar-section ul li:hover:not(.has-form) > a
 {
/* background: #1690c6; */
}

.home.page .top-bar.expanded .title-area, .page-id-9338 .top-bar.expanded .title-area, .page-id-9338 .top-bar.expanded .title-area, .page-id-9338 .top-bar.expanded .title-area,
.home.page .top-bar.expanded .top-bar-section .left li .dropdown, .page-id-9338 .top-bar.expanded .top-bar-section .left li .dropdown {
/* background: #006a98;
background-color: #006a98; */
}


@media (min-width: 61.25em) {

.home.page .top-bar-section .left li.menu-item-start-my-free-trial a, .page-id-9338 .top-bar-section .left li.menu-item-start-my-free-trial a {
background: #7ABD4B;
}


.home.page .top-bar-section .left li.menu-item-start-my-free-trial a:hover, .page-id-9338 .top-bar-section .left li.menu-item-start-my-free-trial a:hover {
 background: #b7dd79;
}
}


/* navigation */

.top-bar-section ul {
	font-size: 18px;
}

.top-bar-section .left li .dropdown {
  background-color: white;
  background-color: rgba(255,255,255,0.95);
}

.top-bar, .top-bar-section li a, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul, .contain-to-grid {
  background: #363B3C;
}

/* SVG logo */
.top-bar .name .style-svg {
	width: 160px;
	height: 29px;
	display: block;

}
@media only screen and (max-width: 61.25em){
	.top-bar .name .style-svg{
		margin:none;
		height:50px;	}

}



@media (min-width: 61.25em){

.top-bar-section ul.left {
	margin-left:inherit;
	width: 780px;
}



.top-bar-section ul.left li{
	font-size: .75em;
	}

ul.left .nav-left {
	float: left;!important
}

ul.left .nav-right {
	float: right;
	text-decoration: none;

	}


.top-bar-section ul.left .nav-left a {

	text-transform: uppercase;

	}

.top-bar-section ul.left .nav-right a {

	font-weight: 100;

	}


	}

.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) .dropdown a:not(.button)  {
  background: #7abd4b;
}





.top-bar-section > ul > .divider {
  display: none;
}

.top-bar-section ul li > a {
  font-size: 0.8em;
  color: #fff;
  letter-spacing: .07em;
}



.top-bar-section ul .nav-right li > a {
  font-size: 0.8em;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .06em;
}






.top-bar-section .dropdown li a {
  font-size: 0.9em;
  text-transform: initial;
}





.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section ul li:hover:not(.has-form) > a
 {
  	color: #7ABD4B;
  	background: none;
}














/* logo bug */

div.logo {
  display: block;
  width: 40px;
  height: 40px;
  background: transparent url(https://www.liquidplanner.com/wp-content/uploads/liquidplanner-logo.gif) no-repeat center center scroll;
  background-size: contain;
  margin: 2.5em auto;
  position: relative;
  z-index: 100;
}

.home.page div.logo {
  margin: -40px auto -20px auto;
}

.home.page div.logo.altmiddle {
  margin: -20px auto;
}

div.logo.top {
  margin: 2.5em auto -40px auto;
}

div.logo.middle {
  margin: 40px auto -20px auto;
}

div.logo.bottom {
  margin: -40px auto 2.5em auto;
}

/* nav dropdown colors */

.top-bar-section li:not(.has-form) .dropdown a:not(.button) {
  background: #1690c6;
  background: rgba(22,144,198,0.9);
}

.top-bar-section li:not(.has-form) .dropdown a:not(.button):hover {
  background: rgb(122,189,75);
}

.top-bar-section li.active:not(.has-form) .dropdown a:not(.button) {
  color: white;
  background: #505759;
}

.top-bar-section li.active:not(.has-form) .dropdown a:not(.button):hover {
  background: rgb(122,189,75);
}

.sticky.fixed .top-bar .name {
}


.top-bar .name a, .top-bar-section li.active:not(.has-form) a:not(.button) {
  color: white;
  background: transparent;
}


/* sign-in */

.sign-in {
  color: white;
  float: right;
}

.sign-in h4, .sign-in a:hover, .sign-in .button.orange {
  color: white;
}

.sign-in a {
  color: #ddd;
}

.sign-in .button {
  padding: 0.3em 1em;
  font-size: 1em;
  margin-bottom: 0;
}

.sign-in h4 {
  font-size: 1.25em;
  margin-bottom: 0.2rem;
}

/* tabs */

.panel.blue .tabs-content {
  background: #1690c6;
  margin-top: -0.8em;
  padding: 1.25em;
  border-bottom: 1px solid #1690c6;
}

.panel.blue h1 {
margin-top: 0;
}

.customers.panel.blue {
padding: 2.5em;
}

.trustmarks.panel.blue .tabs-content {
  padding: 1.25em 1em 0;
}

.trustmarks.panel.blue h2 {
  padding: 0 0.5em;
  color: white;
}

.trustmarks h3 {
font-size: 1.3em;
line-height: 1.2;
color: white;
}

.trustmarks h5 {
color: white;
}

.pricing-trustmarks li {
padding: 2.25em;
}

.pricing-trustmarks li img {
opacity: 0.75;
}

.home.page .panel.blue {
  padding: 1.66em 0 0;
}

.tabs {
  margin-bottom: 1em !important;
}

.tabs-content .row h3, .panel h3 {
  margin: 0.5em 0;
}

.tabs dd > a {
  background: #1690c6;
  color: white;
  font-size: 1em;
  padding: 0.55em 0.5em 0.55em 0.5em;
  height: 36px;
  position: relative;
  z-index: 20;
}

.trustmarks .tabs dd > a {
  height: 45px;
}

.tabs dd > a:hover {
  background: #1690c6;
}

.tabs dd.active a {
  background: rgb(122,189,75);
  color: white;
}

.tabs dd.active:after {
content: "";
display: block;
z-index: 10;
position: absolute;
left: 50%;
bottom: -20px;
margin-left: -150px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 20px 150px 0 150px;
border-color: #1690c6 transparent transparent transparent;
-moz-transform: scale(.9999);
}

.tabs dd.active:after {
border-color: rgb(122,189,75) transparent transparent transparent;
bottom: -13px;
margin-left: -50px;
border-width: 13px 50px 0 50px;
}

/* intro panels */

.intro.orange:after {
 background: #fa8d3e;
}

.intro.orange {
 color: white;
}

.gray {
  background: #f6f6f6;
}

.intro.panel.gray ul {
  padding: 0;
}

.intro.panel.gray a:hover {
  color: rgb(122,189,75);
}

.intro.panel.gray.casestudies a:hover {
  color: white;
}

.intro.green {
color: white;
}

.intro:after {
}

.panel.blue .tabs {
 margin-bottom: 0 !important;
}

.panel.blue .tabs dd {
 border-left: none;
}

.panel.blue .tabs dd.active:after {
border-color: #1690c6 transparent transparent transparent;
bottom: -8px;
margin-left: -25px;
border-width: 8px 25px 0 25px;
}

.panel.blue .tabs dd.active a {
  background: #1690c6;
}

.panel.blue .tabs dd > a:hover {
  background: #1efc00;
}

.tabs dd {
  width: 20%;
  text-align: center;
  border-left: 1px solid white;
}

.tabs dd:first-child {
  border-left: none;
}

.blue {
  background: #1690c6;
}

.panel.blue h1, .panel.blue h2, .panel.blue h3, .panel.blue h4, .panel.blue h5, .panel.blue h6, .panel.blue p {
}

.intro.panel.blue {
background-color: #f6f6f6;
background: #f6f6f6;
}

.intro.panel.blue h4 {
line-height: 1.4;
margin-bottom: 0.33rem;
font-size: 1.25rem;
margin-top: 0.33rem;
}

.panel {
padding: 2.5em 1em 0;
}

.green {
  background: rgb(122,189,75);
}

.green a {
  color: #eee;
}

.green a.expand:hover {
  color: white;
  text-decoration: underline;
}

.panel.green h5, .panel.green h4, .panel.orange h1, .panel.orange h2, .panel.orange h3, .panel.orange h4, .panel.orange h6, .panel.orange p {
  text-align: left;
  color: white;
}

.panel.green h1, .panel.green h2, .panel.green h3, .panel.green.resources div h4, .panel.green h6, .panel.green p {
  color: white;
  text-align: center;
}

.panel.green.resources {
  padding: 2.5em 1em 1em;
}

.panel.green.resources a:hover {
  color: white;
}

.benefit.panel.green h4, .benefit.panel.green p {
  text-align: left;
}

.orange {
  background: #fa8d3e;
}

/* pricing table */

.pricing-table {
margin-bottom: -1px;
border: none;
}

.pricing-table .title {
background-color: rgb(122,189,75);
color: white;
font-size: 1.2rem;
text-transform: uppercase;
}

.pricing-table .description, .pricing-table .cta-button {
background-color: #f6f6f6;
border-bottom: none;
}

.pricing-table .description {
font-size: 0.8em;
padding: 0 0 0.9375em;
}

.pricing-table .bullet-item {
font-size: 0.8em;
border-top: 1px solid white;
border-right: 1px solid white;
border-bottom: none;
background-color: #f6f6f6;
color: #373a36;
text-align: left;
padding-left: 2.5em;
}

.pricing-table .icon-ok-circle {
color: #78be20;
}

.pricing-table .price {
font-size: 3em;
padding: 0.9375rem 1.25rem 0;
}

.pricing.panel {
background: #f6f6f6;
padding: 2.5em;
}

/* case studies */

.casestudy.photopdf {
float: right;
max-width: 33%;
margin: 0 0 1em 1em;
}

.casestudy.photopdf img {
width: 100%;
}

.casestudy.photopdf .button {
font-size: 0.75em;
padding: 0.5em 1em 0.5em 1em;
}

.casestudy.panel, .casestudy.panel h3, .casestudy.panel h4, .casestudy.panel h5, .casestudy li {
color: white;
}

.casestudy.panel {
padding: 2.5em;
margin: 2.5em 0;
background: rgb(122,189,75);
}

.casestudy.panel a.button {
font-size: 0.75em;
}

.helpcenter .columns {
border-right: 1px solid white;
padding: 2.5em 2.5em 1.5em;
text-align: center;
}

.helpcenter .columns h3 {
color: white;
}

.helpcenter .button.expand {
width: 100%;
}

/* newsroom */

ul.newsroom li {
padding: 0;
}

/* brand assets */

ul.brandassets li {
border: 1px solid #eee;
text-align: center;
}

ul.brandassets li img {
max-height: 125px;
}

/* magellan (jquery nav) */

.sub-nav dd.active a, .sub-nav dd a {
padding: 0;
}

.sub-nav dd a img {
max-width: 66%;
}

[data-magellan-expedition] .sub-nav dd {
margin: 0;
}

[data-magellan-expedition] .sub-nav a {
line-height: 1.2;
color: #1690c6;
font-size: 0.9em;
}

[data-magellan-expedition] .sub-nav a:hover {
color: #00c1d5;
}

.row .row .columns.producttour {
product-left: 0;
product-right: 0;
}

.row.producttour h3 {
text-align: center;
color: rgb(122,189,75);
}

.row.producttour {
text-align: center;
}

.panel.producttour h1 {
margin: 0;
}

.panel.producttour h4 {
line-height: 1.2;
}

/* MEDIA QUERIES */

/* show-for-small-only */

div.row.show-for-small-only .button {
width: 100%;
margin: 0;
}

div.row.show-for-small-only .button:last-child {
margin-bottom: 2.25em;
}

div.row.show-for-small-only p {
margin-bottom: 1px;
}


/* full width */



.contain-to-grid.sticky.fixed .top-bar {
	max-width: 61.25rem;
	margin: 0 auto;
	}

.fixedwidth, header.row, footer.row, .row.tagline {
	max-width: 61.25rem;
	margin: 0 auto;
	}

.sticky.fixed .top-bar .name {
	/* padding-top: 4px;	*/
	}

.contain-to-grid .top-bar, section.container.row article {
	max-width: 100%;
	margin: 0 auto;
	}

section.container.row {
	max-width: 100%;
	}

.columns {
	padding-left: 0;
	padding-right: 0;
	}

.medium-8.large-8.columns {
	padding-right: 1.25em;
	padding-left: 1.25em;
	}

.page-template-page-templatesfull-width-php header.entry-header {
	max-width: 61.25rem;
	margin: 0 auto;
	padding: 0 1.25em;
	}

.search-results .fixedwidth, .single-help_articles .fixedwidth {
	padding-left: 1.25em;
	padding-right: 1.25em;
	}

footer.row .row .columns, h2.text-center, h3.text-center, h4.text-center {
	padding-left: 0.9375em;
	padding-right: 0.9375em; }

.row .row .columns {
padding-left: 0.9375em;
padding-right: 0.9375em;
}


/* medium query, 641px+ */

@media (min-width: 61.25em) {

.top-bar-section .left li .dropdown {
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: white;
  background-color: rgba(255,255,255,0.95);
  -webkit-box-shadow: 0 0 45px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 0 45px rgba(0,0,0,0.25);
  box-shadow: 0 0 45px rgba(0,0,0,0.25);
}

.top-bar-expanded .top-bar-section .left li .dropdown {
background-color: #1690c6;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
  margin-bottom: 7px;
}

.top-bar-section li.active:not(.has-form) .dropdown a:not(.button) {
  margin-bottom: 0;
}

.top-bar-section li:not(.has-form) a:not(.button) {
  padding: 0 10px;
  margin-top: 7px;
  border-radius: 3px;
  line-height: 1.5rem;
}

.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) .dropdown a:not(.button)  {
  background: #7abd4b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 0;
  line-height: 1.5rem;
  padding: 4px 15px;
}

.top-bar-section li.active .dropdown li a:not(.button), .top-bar-section li:not(.has-form) .dropdown a:not(.button) {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-top: 0;
  line-height: 2rem;
  padding: 4px 15px;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  background: rgb(122,189,75);
  color: white;
}

.top-bar-section li .dropdown {
margin-top: 0;
}

.top-bar-section ul li { margin-left: 2px; }

.top-bar-section ul li.menu-item-start-my-free-trial { margin-left: 1em; }

.top-bar-section ul li.menu-item-sign-in {
	margin-left: .5em;}



.top-bar .name {
	height: 15px;
	padding-top: 8px;
}

.top-bar .name a{
	max-width: 160px;
	padding: 0px;

}

.top-bar .name img {
	max-width: 160px;
}


.contain-to-grid .sticky a {
	  max-width: 160px;
}

@media only screen and (min-width: 61.25em)
.top-bar .title-area {

	height:0;
}

.contain-to-grid {
	background-color:#363B3C;
}

@media only screen and (min-width: 61.25em)
.top-bar-section ul {
	font-size:.9em;

}




.contain-to-grid .top-bar, .contain-to-grid sticky .top-bar{
	height: 52px;
}

.zigzag h3 {
margin-top: 0;
}

.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
  color: #505759;
  background: transparent;

}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
color: white;
background-color: #7abd4b;
background: #7abd4b;
}


.contain-to-grid.sticky.fixed .top-bar-section .left li.menu-item-sign-in a, .top-bar-section .left li.menu-item-sign-in a {

    border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
	padding-left: 15px!important;
	padding-right: 15px!important;



}

.top-bar-section .left li.menu-item-sign-in a:hover {

    color: white;
	background-color: rgba(255, 255, 255, 0.1);



}

.contain-to-grid.sticky.fixed .top-bar-section .left li.menu-item-sign-in .top-bar-section .left li.menu-item-sign-in {
	margin-left: 12px;

}







.contain-to-grid.sticky.fixed .top-bar-section .left li.menu-item-start-my-free-trial a, .top-bar-section .left li.menu-item-start-my-free-trial a {
background: #7ABD4B;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 3px;
margin-top: 7px;
color: white!important;
}



.top-bar-section .left li.menu-item-start-my-free-trial a {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 15px!important;
padding-right: 15px!important;
}

.top-bar-expanded .top-bar-section li.menu-item-start-my-free-trial a {
background: #fa8d3e;
}

.top-bar-expanded .top-bar-section li.menu-item-start-my-free-trial a:hover {
background: #faa669;
}

.contain-to-grid.sticky.fixed .top-bar-section .left li.menu-item-start-my-free-trial a:hover, .top-bar-section .left li.menu-item-start-my-free-trial a:hover {
background: #b7dd79;
}

.contain-to-grid.sticky.fixed .top-bar-section .left ul.dropdown li:last-child a:hover {
/* background: #505759; */
}

.top-bar-section .left li li:last-child {
display: block;
}

.casestudy.photopdf .button {
font-size: 1.6em;
}

.sign-in { display: block; }

.sign-in .button {
font-size: 1em;
}



.contain-to-grid, .top-bar-section ul {
  border-bottom: none;
  height: 65px;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover:after, .top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a:after {
  border-color: #fff transparent transparent transparent ;
}

.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button) {
	padding: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
}

.top-bar-section ul li > a {
  font-size: 0.75rem;
}

.top-bar-section .left li:nth-last-child(3) .dropdown {
  right: 0;
  left: auto;
}

.panel.green.resources {
  padding: 2.5em 1.5em 1em;
}

.top-bar-section {
float: right;
}

.top-bar .name a {
line-height: 34px;
}

h1 {
  font-size: 2.5em;
}

h1 {
  margin-top: 0.5em;
}

h2 {
  font-size: 2em;
}

h3, p.hkb-feedback__title {
  font-size: 1.65em;
  font-weight: 500;
  color: #505759;
}

h4.text-center {
  text-transform: uppercase;
  color: rgb(155,155,155);
  font-size: 1.7em;
  margin: 1.5em 0;
}

footer #menu-social ul {
text-align: none;
display: inline;
}

footer #ftxt {
background: #1690c6;
padding: 2.5rem 2.5rem 5rem;
}

footer .large-8 {
padding: 1.5em;
}

.inline-list > li {
float: left;
width: 40%;
}

.trustmarks h3 {
font-size: 1.3em;
}

.trustmarks .tabs dd a:link img {
max-width: 75%;
opacity: 0.75;
}

.trustmarks .tabs dd.active a img, .trustmarks .tabs dd a:hover img {
opacity: 1;
}

.intro.panel {
margin-bottom: 2em;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 2.3em;
}

.right { float: right; }

.tabs dd > a {
}

ul.newsroom li {
padding: 2em;
border-top: 1px solid #ddd;
}

.tagline h2 {
text-align: right;
padding: 0.4em 0.3em 0.2em 0;
}

.home.page .panel.blue {
  padding: 2.5em 0 0;
}

.panel.blue .tabs dd.active:after {
border-color: #1690c6 transparent transparent transparent;
bottom: -20px;
margin-left: -50px;
border-width: 20px 50px 0 50px;
}

.tabs dd > a {
  font-size: 0.8em;
  height: 54px;
}

#input_1_1_3_container, #input_5_1_3_container, #input_6_1_3_container {
float: left;
width: 49%;
margin-right: 5px;
}

#input_1_1_6_container, #input_5_1_6_container, #input_6_1_6_container {
float: right;
width: 50%;
}

li#field_5_2, li#field_1_2, li#field_6_2 {
padding-top: 3em;
}

}

.top-bar .name img {

	max-width: 160px;

}

/* large query, 768px+ */

@media (min-width: 61.25em) {

[data-magellan-expedition] .sub-nav a {
font-size: 0.8em;
}

.header-logo {
margin: 1em 0 0 0;
}

.tabs dd > a {
  font-size: 0.8em;
}

.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button) {
/*padding: 0 10px;*/
}

}

/* Media Query: 850px+ */

@media (min-width: 53.125em) {
.entry-header img.wp-post-image {
margin-right: 1.5rem;
float: left;
max-width: 250px;
}

.top-bar-section ul li > a {
  font-size: 0.9em;
}

}

/* Media Query: 882px+ */
@media (min-width: 55.125em) {



/* large query, 1025px+ */

@media (min-width: 64.063em) {

.top-bar-section ul li > a {
  font-size: 0.9em;
}

.zigzag h3 {
margin-top: 0;
}

.header-logo {
margin: 5.7em 0 -5.7em 0;
}

.row .row.pricing .columns.ptleft {
padding-right: 0;
}

.row .row.pricing .columns.ptright {
padding-left: 0;
}

h4.text-center {
  text-transform: uppercase;
  color: rgb(155,155,155);
  font-size: 1.7em;
  margin: 1.5em 0;
}

.panel {
margin: 0;
}

.inline-list > li {
float: left;
width: 28%;
}

.tabs dd > a {
  font-size: 0.8em;
  height: 36px;
}

h1 {
  font-size: 2.75em;
}

h1 {
  margin-top: 0.5em;
}

h2 {
  font-size: 2.25em;
}

h3, p.hkb-feedback__title {
  font-size: 1.75em;
  font-weight: 500;
  color: #505759;
}

.fixedwidth {
margin: 0 auto;
padding: 0 1.25em;
}

}

/* query, 1180px+ */

@media (min-width: 73.75em) {
	.tabs dd > a {
	  font-size: 0.8em;
	  height: auto;
	}
}


/* blog updates */

@media only screen and (min-width: 40.0625em) {
	body.blog #wrapper .home-content .recent-posts article, .blog .home-content .recent-posts article {
	  min-height: 50em !important;
	}

}

/*hkb overrides */
#hkb .hkb-article-list .hkb-article-list__format-video::before	{
	content:'\f01d' !important;
}

.kb-rside	{
	padding-left:0 !important;
	padding-right:0 !important;
}

.kb-rside #secondary	{
	width:100%;
}

.single-ht_kb .kb-rside aside.widget {
background: #fff;
}

.kb-rside nav ol{
	list-style-type:disc;
}

.kb-rside nav ol li ol{
	list-style-type:circle;
}

.archive .hkb-category__description{
	display: none;
}

.help-desc-headline p {
font-size: 1.75em;
line-height: 1.4;
}




}

@media only screen and (min-width: 61.25em) {

	.sticky-sign-in {
			display: none;

	}
}


	.sticky-sign-in a {
			float: right;
			box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
			padding-left: 15px!important;
			padding-right: 15px!important;
			padding-top: 3px;
			padding-bottom: 3px;
			border-radius: 3px;
			margin-right: 50px;
			margin-top: -2.3rem;
			font-weight: 100;
			transition-property: none;
			line-height: 1.5rem;
			font-size: .75em;
			color:white;
			letter-spacing: 0.648px;

	}
	.sticky-sign-in a:hover{
		color: white;
		transition: all 0.1s linear;
		background-color: rgba(255, 255, 255, 0.1);
	}

/* New Home Page CSS additions */
body.home { padding-top:0 !important; }

/*
.home #wrapper,
.home #wrapper .sticky,
.home #wrapper .sticky .top-bar,
.home #wrapper .sticky .top-bar-section > ul { background-color:#2392d7 !important; }
*/

.home #wrapper,
.home #wrapper .sticky:not(.fixed),
.home #wrapper .sticky:not(.fixed) .top-bar:not(.expanded),
.home #wrapper .sticky:not(.fixed) .top-bar-section > ul { background-color:transparent !important; }

.home #wrapper .sticky:not(.fixed) { position:fixed; left:0; top:0; width:100%; z-index:99; }
.home #wrapper .sticky:not(.fixed) .top-bar { max-width:61.25rem; margin:0 auto; }

.home #wrapper .top-bar-section li:not(.menu-item-start-my-free-trial) a:not(:hover) { background-color:transparent !important; }
.home #wrapper .top-bar.expanded li.menu-item-start-my-free-trial a { background-color:transparent !important; }

.home #wrapper .top-bar.expanded .toggle-topbar a span:after {
    -webkit-box-shadow: 0 10px 0 1px #363B3C, 0 16px 0 1px #363B3C, 0 22px 0 1px #363B3C;
       -moz-box-shadow: 0 10px 0 1px #363B3C, 0 16px 0 1px #363B3C, 0 22px 0 1px #363B3C;
            box-shadow: 0 10px 0 1px #363B3C, 0 16px 0 1px #363B3C, 0 22px 0 1px #363B3C; }

.home .subscribe-footer-sidebar-container { background-color:#2392d7; padding:0; padding-top:0.5rem; }

.home .footer-bg { border-top:none; }

.home .container a.green.outline { border-width:2px; color:rgb(122,189,75); border-color:rgb(122,189,75); }
.home .container a.green.outline:hover { 	background-color: rgba(122,189,75,0.15) }

.home .gridbkgnd { padding:3rem 0; color:#fff;
                   background:#175c88 url(/wp-content/uploads/home/LP-grid.png) repeat top left;
                   background:#175c88 -webkit-image-set(url(/wp-content/uploads/home/LP-grid_2x.png) 2x) repeat top left; background-attachment: fixed; }
.home .gridbkgnd h3 { color:#fff; }

.home .greenlnk { color:rgb(122,189,75) }
.home .greenlnk:hover { color:rgba(122,189,75,0.6) }

.home #projmanslider .owl-item { overflow:hidden; }

.home #projmanslider .owl-prev { left:-10px;  background-image:url(/wp-content/uploads/home/Arrow-left.svg) !important; }
.home #projmanslider .owl-next { right:-10px; background-image:url(/wp-content/uploads/home/Arrow-right.svg) !important; }

.home #projmanslider .owl-page span { background-color:#f2f2f2 !important; margin:0 6px !important; }
.home #projmanslider .owl-page.active span { background-color:#c4c4c4 !important; }

.home .bubble        { position: relative; display:inline-block; padding:0 20px; margin-bottom:30px;
                       background:#fff; border-bottom:#6eaae6 solid 3px;
                       -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

.home .bubble:after  { content:''; position: absolute; display: block; width: 0; z-index: 1;
                       border-color:#fff transparent; border-style:solid; border-width:25px 20px 0;
                       margin-left: -20px; bottom: -24px; left: 50%; }

.home .bubble:before { content:''; position:absolute; display:block; width:0; z-index:0;
                       border-color:#6eaae6 transparent; border-style:solid; border-width:27px 22px 0;
                       margin-left:-22px; bottom:-29px; left:50%; }

.home .subscribe-footer-sidebar-container .widget_text { text-align:center; }
.home .subscribe-footer-sidebar-container .widget-title { display:block; }
.home .subscribe-footer-sidebar-container .gform_heading { display:none; }
.home .subscribe-footer-sidebar-container .gform_body { display:inline-block; width:100%; padding:0 10px; }
.home .subscribe-footer-sidebar-container #input_25_1 { padding-bottom:4px }
.home .subscribe-footer-sidebar-container .gform_footer { display:inline-block; margin:3px 0; }
.home .subscribe-footer-sidebar-container #gform_submit_button_25 { float:none; margin-top:auto; background-color:transparent; border:2px solid #fff; padding:6px 1.25rem; }
.home .subscribe-footer-sidebar-container #gform_submit_button_25:hover { background-color:rgba(255, 255, 255, 0.3); }
.home .subscribe-footer-sidebar-container .validation_error,
.home .subscribe-footer-sidebar-container .gform_fields { color:#fff; }

.home #hp_hero-image>div { padding-bottom:2.5rem; }
.home #hp_hero-cta { width:290px; }
.home #hp_hero-abslptop { max-width:45rem; min-width:18rem; position:absolute; bottom:-5.5rem; left:50%;
                          -webkit-transform:translateX(-50%);
                              -ms-transform:translateX(-50%);
                                  transform:translateX(-50%); }

.home .recentblogs { padding:0 0 1.125rem; }

.home .recentblogs .blogsepline { margin:0 0.9375em;padding-bottom:2.5rem;border-top:1px solid #b2b2b2; }

.home .recentblogs .columns { padding-bottom:1.875rem; }

.home .recentblogs .recentblogtitle { font-size:16px; color:#7abd4b; font-weight:600; }
.home .recentblogs .recentblogtitle img { height:16px; }

.home .recentblogs .small-12 .recentblogtitle { margin-bottom:0; }

.home .recentblogs .blogtitlelink { margin-bottom:8px }
.home .recentblogs .blogtitlelink a { color:#373a36; }
.home .recentblogs .blogtitlelink a:hover { color:#8d8d8d; }

.home .recentblogs .readlink { margin-bottom:0; }

.home .custsize2 { margin-bottom:1rem; }

.home .supportbgblur:before { content:""; position:absolute; overflow:auto; left:0; right:0; top:0; bottom:0; z-index:-1;
                              background: #f5f5f5 url('/wp-content/uploads/home/Support-bg.jpg') no-repeat top center scroll; background-size:cover; background-attachment: fixed;
                              -webkit-filter: blur(10px);
                               -moz-filter: blur(10px);
                                -ms-filter: blur(10px);
                                 -o-filter: blur(10px);
                                    filter: blur(10px); }

@media (min-width: 30em) {
  .home #hp_headline  { font-size:3.35em; }
  .home .custsize1    { font-size:2.75rem; }
  .home .custsize2    { font-size:2.25rem; }
}

@media (min-width: 61.25em) {
  .home #hp_hero-image>div { padding-bottom:7rem; }
  .home #hp_hero-cta { width:400px; }
  .home #hp_hero-abslptop { max-width:45rem; }
}

@media (min-width: 73.75em) {
  .home #hp_hero-image>div { padding-bottom:8rem; }
  .home #hp_hero-abslptop { max-width:50rem; }
}