/* Site: main (www.valant.io). See ../valant-theme-compat.php

   Restores the responsive heading/text sizes of Salient 13.0.5.
   Salient 13 computed the tablet/phone/small-desktop heading sizes as exact ratios of the desktop size
   (e.g. h2 32px x 0.7 = 22.4px, line-height 30.1px). Salient 18.x writes the same rules with every value
   rounded up to a whole pixel (23px / 31px), which makes headings and text a pixel or two bigger and wraps
   lines differently on phones. The rules below are the Salient 13.0.5 rules (same selectors, same
   breakpoints) for exactly the declarations whose value changed. Because they load after Salient's dynamic
   CSS and use the same selectors, they win without extra specificity. The `!important` flags are the ones
   Salient itself uses for the .vc_custom_heading rules, which it forces with !important.
   Only the properties that differ are listed. */
@media only screen and (max-width: 1300px) and (min-width: 1000px) {
  body .row .col.section-title h1,
  body h1,
  .full-width-content .recent-post-container .inner-wrap h2 {
    font-size: 40.5px;
    line-height: 48px;
  }
  body h2,
  .single-product div.product h1.product_title,
  .nectar-shop-header .page-title,
  #ajax-content-wrap .nectar-inherit-h2,
  .nectar-category-grid[data-style="mouse_follow_image"][data-h-tag="h2"] .content {
    font-size: 27.2px;
    line-height: 36.55px;
  }
  .row .span_2 h2,
  .row .span_3 h2,
  .row .span_4 h2,
  .row .vc_col-sm-2 h2,
  .row .vc_col-sm-3 h2,
  .row .vc_col-sm-4 h2 {
    font-size: 22.4px;
    line-height: 30.1px;
  }
  .row .span_2 h3,
  .row .span_3 h3,
  .row .span_4 h3,
  .row .vc_col-sm-2 h3,
  .row .vc_col-sm-3 h3,
  .row .vc_col-sm-4 h3,
  .row .col h3,
  body h3,
  #ajax-content-wrap .nectar-inherit-h3,
  .nectar-category-grid[data-style="mouse_follow_image"][data-h-tag="h3"] .content {
    font-size: 18.7px;
    line-height: 28.05px;
  }
  .nectar-post-grid[data-columns="2"][data-masonry="yes"] > div:nth-of-type(3n+1) h3 {
    font-size: 26.18px;
  }
  .row .col h4,
  body h4,
  .woocommerce-cart .product-name a,
  #ajax-content-wrap .nectar-inherit-h4,
  .nectar-category-grid[data-style="mouse_follow_image"][data-h-tag="h4"] .content {
    font-size: 18px;
    line-height: 29px;
  }
}
@media only screen and (max-width: 999px) and (min-width: 690px) {
  body .row .col.section-title h1,
  body h1,
  html body .row .col.section-title.span_12 h1,
  #page-header-bg .span_6 h1,
  #page-header-bg.fullscreen-header .span_6 h1,
  .full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2 {
    font-size: 37.8px;
    line-height: 44.8px;
  }
  .full-width-content .recent-post-container .inner-wrap h2 {
    font-size: 37.8px;
    line-height: 44.8px;
  }
  .wpb_wrapper h1.vc_custom_heading {
    font-size: 37.8px !important;
    line-height: 44.8px !important;
  }
  .col h2,
  body h2,
  .single-product div.product h1.product_title,
  .nectar-shop-header .page-title,
  .woocommerce-account .woocommerce > #customer_login .nectar-form-controls .control,
  .nectar_single_testimonial[data-style="bold"] p,
  #slide-out-widget-area .nectar-ext-menu-item .inherit-h2,
  #mobile-menu .nectar-ext-menu-item .inherit-h2,
  #ajax-content-wrap .nectar-inherit-h2,
  .nectar-category-grid[data-style="mouse_follow_image"][data-h-tag="h2"] .content {
    font-size: 25.6px;
    line-height: 34.4px;
  }
  .wpb_wrapper h2.vc_custom_heading {
    font-size: 25.6px !important;
    line-height: 34.4px !important;
  }
  .row .span_2 h3,
  .row .span_3 h3,
  .row .span_4 h3,
  .row .vc_col-sm-2 h3,
  .row .vc_col-sm-3 h3,
  .row .vc_col-sm-4 h3,
  .row .col h3,
  body h3,
  #slide-out-widget-area .nectar-ext-menu-item .inherit-h3,
  #ajax-content-wrap .nectar-inherit-h3,
  .nectar-category-grid[data-style="mouse_follow_image"][data-h-tag="h3"] .content {
    font-size: 17.6px;
    line-height: 26.4px;
  }
  .wpb_wrapper h3.vc_custom_heading {
    font-size: 17.6px !important;
    line-height: 26.4px !important;
  }
  .nectar-post-grid[data-columns="2"][data-masonry="yes"] > div:nth-of-type(3n+1) h3 {
    font-size: 24.64px;
  }
  .row .col h4,
  body h4,
  #slide-out-widget-area .nectar-ext-menu-item .inherit-h4,
  .nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .cart_list .product-meta a:not(.remove),
  .woocommerce-cart .product-name a,
  #ajax-content-wrap .nectar-inherit-h4,
  .nectar-category-grid[data-style="mouse_follow_image"][data-h-tag="h4"] .content {
    font-size: 16.2px;
    line-height: 26.1px;
  }
  .row .col h5,
  body h5,
  #ajax-content-wrap .nectar-inherit-h5 {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 690px) {
  body .row .col.section-title h1,
  body h1,
  html body .row .col.section-title.span_12 h1,
  body.single.single-post .row .col.section-title.span_12 h1,
  #page-header-bg .span_6 h1,
  #page-header-bg.fullscreen-header .span_6 h1,
  .full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2 {
    font-size: 35.1px;
    line-height: 41.6px;
  }
  .wpb_wrapper h1.vc_custom_heading {
    font-size: 35.1px !important;
    line-height: 41.6px !important;
  }
  .col h2,
  body h2,
  .single-product div.product h1.product_title,
  .nectar-shop-header .page-title,
  .woocommerce-account .woocommerce > #customer_login .nectar-form-controls .control,
  .nectar_single_testimonial[data-style="bold"] p,
  #slide-out-widget-area .nectar-ext-menu-item .inherit-h2,
  #ajax-content-wrap .nectar-inherit-h2,
  .nectar-category-grid[data-style="mouse_follow_image"][data-h-tag="h2"] .content {
    font-size: 22.4px;
    line-height: 30.1px;
  }
  .wpb_wrapper h2.vc_custom_heading {
    font-size: 22.4px !important;
    line-height: 30.1px !important;
  }
  .row .span_2 h3,
  .row .span_3 h3,
  .row .span_4 h3,
  .row .vc_col-sm-2 h3,
  .row .vc_col-sm-3 h3,
  .row .vc_col-sm-4 h3,
  .row .col h3,
  body h3,
  #slide-out-widget-area .nectar-ext-menu-item .inherit-h3,
  #mobile-menu .nectar-ext-menu-item .inherit-h3,
  #ajax-content-wrap .nectar-inherit-h3,
  .nectar-category-grid[data-style="mouse_follow_image"][data-h-tag="h3"] .content {
    font-size: 15.4px;
    line-height: 23.1px;
  }
  .wpb_wrapper h3.vc_custom_heading {
    font-size: 15.4px !important;
    line-height: 23.1px !important;
  }
  .row .col h4,
  body h4,
  #slide-out-widget-area .nectar-ext-menu-item .inherit-h4,
  .nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .cart_list .product-meta a:not(.remove),
  .woocommerce-cart .product-name a,
  #ajax-content-wrap .nectar-inherit-h4,
  .archive.woocommerce .container-wrap > .main-content #sidebar > .header h4,
  .nectar-category-grid[data-style="mouse_follow_image"][data-h-tag="h4"] .content {
    font-size: 16.2px;
    line-height: 26.1px;
  }
  .row .col h5,
  body h5,
  #slide-out-widget-area .nectar-ext-menu-item .inherit-h5,
  #ajax-content-wrap .nectar-inherit-h5 {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 1000px) {
  .ascend .comments-section .comment-wrap.full-width-section > h3#comments,
  .blog_next_prev_buttons[data-post-header-style="default_minimal"] .col h3 {
    font-size: 37.4px;
    line-height: 45.4px;
  }
  #ajax-content-wrap .masonry.classic_enhanced .masonry-blog-item.large_featured h3.title {
    line-height: 49.5px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1500px) {
  body .portfolio-items.constrain-max-cols.masonry-items .col.elastic-portfolio-item h3 {
    font-size: 18.7px;
    line-height: 28.05px;
  }
}
@media only screen and (min-width: 1300px) {
  .nectar-post-grid[data-columns="2"][data-masonry="yes"] > div:nth-of-type(3n+1) h3 {
    font-size: 30.8px;
  }
}
@media only screen and (min-width: 690px) {
  .portfolio-items[data-ps="6"] .wide_tall .work-meta h4 {
    font-size: 30.6px !important;
    line-height: 38.6px !important;
  }
}

/* The big numbers in a "numbers_align" row (e.g. "Millions" on /valant-difference/) are kept at 60px / 25px up
   to 1199px wide by a Salient rule with !important. The phone/tablet h2 rules restored above also use
   !important and have the same specificity, and now load later, so they would win. Repeat the numbers rule
   after them so the original order (numbers rule last) is kept. */
@media only screen and (max-width: 1199px) {
  .numbers_align h2.vc_custom_heading {
    font-size: 60px !important;
    line-height: 25px !important;
  }
}

/* ---------------------------------------------------------------------------------------------------
   Rules Salient 18 dropped or changed compared with the older Salient this site ran before.
   --------------------------------------------------------------------------------------------------- */

/* Salient 13: blockquotes (and the testimonial slider quotes inside them) had half a pixel of
   letter-spacing. Salient 18 removed it. */
blockquote {
  letter-spacing: 0.5px;
}

/* Salient 13/16 sized the name/role line under a testimonial quote at 16px / 22px. Salient 18 dropped that
   rule, so the line picks up whatever size its wrapper has (14px, 18px, ...). */
body .testimonial_slider blockquote span,
.nectar_single_testimonial span {
  font-size: 16px;
  line-height: 22px;
}

/* Salient 13/16: testimonial slider quote text was pure black (rgba(0,0,0,1)). Salient 18 changed it to
   `inherit`, which turns it into the grey body color (#333). */
.testimonial_slider:not([data-style*="multiple_visible"]) blockquote {
  color: rgba(0, 0, 0, 1);
}

/* In dark ("light text") sections the testimonial slider text is white. The rule above has the same
   specificity as Salient's `.light .testimonial_slider blockquote`, which used to come later and win. */
.light .testimonial_slider blockquote {
  color: rgba(255, 255, 255, 0.95);
}

/* Salient 13/16: the job-title line under a testimonial was black at 50% (rgba) with full opacity; light
   sections used white at 45% (slider) / 60% (single). Salient 18 uses `color: inherit` plus `opacity: .6`,
   which gives a slightly different grey. */
.testimonial_slider blockquote .title,
.nectar_single_testimonial .title {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.light .testimonial_slider blockquote .title,
.testimonial_slider[data-style="multiple_visible"][data-color*="-light"] blockquote .title {
  color: rgba(255, 255, 255, 0.45);
}
.span_12.light .nectar_single_testimonial .title {
  color: rgba(255, 255, 255, 0.6);
}

/* Salient 13/16: the label under a milestone number ("Years of Experience") had 0.5px letter-spacing and
   a 25px line-height. Salient 18 dropped both. */
body .nectar-milestone .subject {
  letter-spacing: 0.5px;
  line-height: 25px;
}

/* Salient 13/16: page-header titles (blog post title, page titles) were tightened by 1px of
   letter-spacing. Salient 18 removed the rule. */
.row .col.section-title h1,
.row .col.section-title h2 {
  letter-spacing: -1px;
}

/* Salient 13/16: items in a "fancy list" with 10-25px spacing had line-height 1.5em on each <li>.
   Salient 18 sets 1.3em on the list instead, so the lines sit closer together. */
.main-content .nectar-fancy-ul[data-spacing="10px"] ul li,
.main-content .nectar-fancy-ul[data-spacing="15px"] ul li,
.main-content .nectar-fancy-ul[data-spacing="20px"] ul li,
.main-content .nectar-fancy-ul[data-spacing="25px"] ul li {
  line-height: 1.5em;
}

/* Salient 18 added `.light form label { color: #fff }`. In Salient 13/16 form labels simply inherited the
   color of the form (the Marketo forms set their own dark color), so keep inheriting. */
.light form label {
  color: inherit;
}

/* Salient 18 added `.span_12.light .wpb_text_column a { color: #fff }`, which turns links inside text blocks
   on dark ("light text") sections white. Salient 13/16 left them in the site's link color (accent), and
   `a:hover` fell back to `inherit`. Buttons keep their own colors. */
.span_12.light .wpb_text_column a:not(.nectar-button) {
  color: var(--nectar-accent-color);
}
.span_12.light .wpb_text_column a:not(.nectar-button):hover {
  color: inherit;
}

/* Salient 18 gave the excerpt of the featured-post slider its own size (clamp(16px, 1.1vw, 20px),
   line-height 1.6; 14px on phones). Salient 13/16 had no such rule - the excerpt inherited the body size
   (16px / 27px). */
.nectar-recent-posts-single_featured .excerpt {
  font-size: inherit;
  line-height: inherit;
}

/* Salient 13/16: in the "minimal" testimonial slider each quote had 25px of side padding, a smooth fade/slide
   transition, and the name line was scaled to 80% (with -4px margin). Salient 18 dropped these rules, so
   quotes use the full width, which also changes how the text wraps on phones. */
.testimonial_slider[data-style="minimal"] blockquote {
  padding: 0 25px;
  transition: transform 0.5s, opacity 0.5s;
}
.testimonial_slider[data-style="minimal"] blockquote span:not(.title) {
  transform: scale(0.8);
  margin-bottom: -4px;
}
.testimonial_slider[data-style="minimal"] blockquote .star-rating:not(.title),
.testimonial_slider[data-style="minimal"] blockquote .star-rating-wrap:not(.title) {
  transform: none;
}

/* Salient 18 adds 20px of space under the "minimal" testimonial slider on phones (for its new controls).
   Salient 13/16 had none. */
@media only screen and (max-width: 690px) {
  .testimonial_slider[data-style="minimal"] {
    padding-bottom: 0;
  }
}

/* Salient 13/16: bullet lists ("fancy list" with the dot icon) indented their text by 30px. Salient 18 uses
   calc(6px + 9px) = 15px. */
.nectar-fancy-ul[data-list-icon="dot"] ul li {
  padding-left: 30px;
}

/* Salient 18 puts `data-cfc="true"` on every column that has a custom text color; Salient 13/16 only did so
   for nested ("child_column") columns. The theme rule `.wpb_column[data-cfc="true"] h1..h6 { color: inherit }`
   therefore now also recolors the headings of top-level columns, which used to keep the normal heading color
   (the same as body text). Put that color back for those columns; in dark ("light") sections headings and
   paragraphs are white again (Salient 18 also lets paragraphs inherit the column color there). */
.wpb_column[data-cfc="true"]:not(.child_column) h1,
.wpb_column[data-cfc="true"]:not(.child_column) h2,
.wpb_column[data-cfc="true"]:not(.child_column) h3,
.wpb_column[data-cfc="true"]:not(.child_column) h4,
.wpb_column[data-cfc="true"]:not(.child_column) h5,
.wpb_column[data-cfc="true"]:not(.child_column) h6 {
  color: var(--nectar-page-text-color, #333333);
}
.light .wpb_column[data-cfc="true"]:not(.child_column) h1,
.light .wpb_column[data-cfc="true"]:not(.child_column) h2,
.light .wpb_column[data-cfc="true"]:not(.child_column) h3,
.light .wpb_column[data-cfc="true"]:not(.child_column) h4,
.light .wpb_column[data-cfc="true"]:not(.child_column) h5,
.light .wpb_column[data-cfc="true"]:not(.child_column) h6,
.light .wpb_column[data-cfc="true"]:not(.child_column) p {
  color: var(--nectar-font-light-color, #fff);
}

/* ...but headings inside a nested ("child_column") column that has its own custom color still inherit it,
   exactly as before. */
.wpb_column[data-cfc="true"]:not(.child_column) .child_column[data-cfc="true"] h1,
.wpb_column[data-cfc="true"]:not(.child_column) .child_column[data-cfc="true"] h2,
.wpb_column[data-cfc="true"]:not(.child_column) .child_column[data-cfc="true"] h3,
.wpb_column[data-cfc="true"]:not(.child_column) .child_column[data-cfc="true"] h4,
.wpb_column[data-cfc="true"]:not(.child_column) .child_column[data-cfc="true"] h5,
.wpb_column[data-cfc="true"]:not(.child_column) .child_column[data-cfc="true"] h6,
.wpb_column[data-cfc="true"]:not(.child_column) .child_column[data-cfc="true"] p {
  color: inherit;
}

/* ...and rows with a custom text color (`data-using-ctc`) keep making all their headings inherit it. */
.wpb_row[data-using-ctc="true"] .wpb_column[data-cfc="true"]:not(.child_column) h1,
.wpb_row[data-using-ctc="true"] .wpb_column[data-cfc="true"]:not(.child_column) h2,
.wpb_row[data-using-ctc="true"] .wpb_column[data-cfc="true"]:not(.child_column) h3,
.wpb_row[data-using-ctc="true"] .wpb_column[data-cfc="true"]:not(.child_column) h4,
.wpb_row[data-using-ctc="true"] .wpb_column[data-cfc="true"]:not(.child_column) h5,
.wpb_row[data-using-ctc="true"] .wpb_column[data-cfc="true"]:not(.child_column) h6,
.wpb_row[data-using-ctc="true"] .wpb_column[data-cfc="true"]:not(.child_column) p {
  color: inherit;
}

/* ---- Spacing under headings and text blocks ---------------------------------------------------- */

/* Salient 13/16: headings had 7px of space below them. Salient 18 uses `var(--nectar-heading-bottom-spacing, 8px)`
   (nothing defines the variable on these sites, so it is always 8px). Rules with more specific selectors,
   such as `.row .col h3` (8px), are unchanged and still win. */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 7px;
}

/* WPBakery 9 adds `.vc_do_custom_heading { margin-bottom: .625rem }` to every heading/paragraph made with the
   "Custom Heading" element. WPBakery 6.6 had no such rule, so these used the plain tag margins above
   (7px for headings, none for paragraphs). */
h1.vc_do_custom_heading,
h2.vc_do_custom_heading,
h3.vc_do_custom_heading,
h4.vc_do_custom_heading,
h5.vc_do_custom_heading,
h6.vc_do_custom_heading {
  margin-bottom: 7px;
}
p.vc_do_custom_heading,
div.vc_do_custom_heading {
  margin-bottom: 0;
}

/* WPBakery 9 no longer wraps the content of a Text Block in an inner `.wpb_wrapper` div, so the old rule
   `.wpb_text_column > .wpb_wrapper > :last-child { margin-bottom: 0 }` (still in the theme CSS) no longer
   matches and the last heading/paragraph of every text block gets its own bottom margin (7-10px)
   instead of none. Same rule for the new markup; the class is doubled only to reach the specificity of the
   old rule (0,3,0) so it also beats `body .wpb_text_column h2:last-child` (10px). */
.wpb_text_column.wpb_text_column > :last-child {
  margin-bottom: 0;
}

/* Text blocks pasted from Word are made of <div class="ewa-rteLine"> lines. The theme gives every direct child
   div of a `.wpb_wrapper` 24px of space below (last one none). With WPBakery 9 the text block has no inner
   `.wpb_wrapper` any more, so those lines lost the spacing. Same rule for the new markup. */
.wpb_text_column > div {
  margin-bottom: 24px;
}
.wpb_text_column > div:last-child {
  margin-bottom: 0;
}

/* Salient 13/16 removed the bottom margin of every column inside a full-width-content row on tablets and
   phones (`.vc_row-fluid.full-width-content .col`). Salient 18 limits that to top-level columns
   (`.col:not(.child_column)`), so nested columns keep the 25px phone margin and stacked boxes drift apart. */
@media only screen and (min-width: 1px) and (max-width: 999px) {
  .vc_row-fluid.full-width-content .col.child_column {
    margin-bottom: 0;
  }
}

/* Salient 18 sets the big "vh" size (e.g. `.font_size_7vh`) of the Highlighted Text element on paragraphs too;
   Salient 13/16 only did it for h1-h4. Paragraphs went back to the normal text size. */
@media only screen and (min-width: 1000px) {
  .nectar-highlighted-text[class*="font_size_"] p {
    font-size: inherit;
    line-height: inherit;
  }
}

/* Salient 18 added `.nectar-highlighted-text > :not(:last-child) { margin-bottom: 8px }`; headings inside had
   the normal 7px before. */
.nectar-highlighted-text > h1:not(:last-child),
.nectar-highlighted-text > h2:not(:last-child),
.nectar-highlighted-text > h3:not(:last-child),
.nectar-highlighted-text > h4:not(:last-child),
.nectar-highlighted-text > h5:not(:last-child),
.nectar-highlighted-text > h6:not(:last-child) {
  margin-bottom: 7px;
}

/* Salient 13/16: the text box that slides up on hover in a "hover description" fancy box was limited to 80% of
   the box width. Salient 18 lets it use 100%, which changes where its lines wrap. */
.nectar-fancy-box[data-style="hover_desc"] .hover-content {
  max-width: 80%;
}

/* Salient 18 sets `line-height: 1.3em` on the headings in the left-hand navigation of "scrolling tabs"
   (e.g. the product list on /ehr-solution/). Salient 13 used the normal h3 line-height - the same values as the
   h3 rules above. */
.nectar-scrolling-tabs .scrolling-tab-nav h3 { line-height: 33px; }
@media only screen and (max-width: 1300px) and (min-width: 1000px) {
  .nectar-scrolling-tabs .scrolling-tab-nav h3 { line-height: 28.05px; }
}
@media only screen and (max-width: 999px) and (min-width: 690px) {
  .nectar-scrolling-tabs .scrolling-tab-nav h3 { line-height: 26.4px; }
}
@media only screen and (max-width: 690px) {
  .nectar-scrolling-tabs .scrolling-tab-nav h3 { line-height: 23.1px; }
}

/* Salient 18 added `.wpb_wrapper > .nectar_icon_wrap { margin-bottom: 0 }`. Salient 13/16 gave icons (like any
   other block div in a column) the usual 24px of space below. */
.wpb_wrapper > .nectar_icon_wrap {
  margin-bottom: 24px;
}
.wpb_wrapper > .nectar_icon_wrap:last-child {
  margin-bottom: 0;
}

/* Salient 13/16: the headline of the featured-post slider had 15px above and 50px below. Salient 18 uses
   `.35em` on both sides (about 8-11px), which pulls the excerpt and button up. */
.nectar-recent-posts-single_featured h2 {
  margin: 15px 0 50px 0;
}

/* Salient 13/16: each line (span) of the animated featured-post headline had `margin-bottom: -5px` and sat on
   the text baseline. Salient 18 aligns it to the bottom instead, which makes the headline a few px shorter. */
.nectar-recent-posts-single_featured.multiple_featured .recent-post-container .large-featured-post-title a > span {
  margin-bottom: -5px;
  vertical-align: baseline;
}

/* The "Get a Demo" button in the phone header (markup from the valant header snippet) is a link inside
   .nectar-mobile-only.mobile-header. Salient 18 adds a font rule for that selector (13px, weight 400,
   line-height 1) that is more specific than the button's own rules (16px bold, line-height 0 as in the header). */
.nectar-mobile-only.mobile-header a.valant-mobile-demo {
  font-size: 16px;
  font-weight: 700;
  line-height: 0; /* the header sets 0 here; the button's height comes from its padding */
}

/* Salient 18 sets `line-height: 1.3` on the headline of the featured-post slider (blog page) and on every
   element inside it. Salient 13 used the normal h2 line-height, which is one of the exact ratios below
   (same values as the h2 rules above). */
.nectar-recent-posts-single_featured h2 { line-height: 43px; }
.nectar-recent-posts-single_featured h2 * { line-height: inherit; }
@media only screen and (max-width: 1300px) and (min-width: 1000px) {
  .nectar-recent-posts-single_featured h2 { line-height: 36.55px; }
}
@media only screen and (max-width: 999px) and (min-width: 690px) {
  .nectar-recent-posts-single_featured h2 { line-height: 34.4px; }
}
@media only screen and (max-width: 690px) {
  .nectar-recent-posts-single_featured h2 { line-height: 30.1px; }
}

/* Salient 18 made the category link in the featured-post slider inherit the 16px/20px of its wrapper.
   Salient 13 gave it the theme's 14px / 24px small-text size (same as all other post category links). */
.nectar-recent-posts-single_featured .grav-wrap .text a {
  font-size: 14px;
  line-height: 24px;
}

/* Salient 18 makes the phone-header container a flex row that stretches its items to the tallest one (the 40px phone
   button), so the "Get a Demo" link became 40px tall instead of 24px. */
.nectar-mobile-only.mobile-header a.valant-mobile-demo {
  align-self: center;
}

/* Phones/tablets: the first item of each footer menu keeps its 4px of top padding (as in Salient 13/16). */
@media only screen and (max-width: 999px) {
  .material #footer-outer #footer-widgets .col .widget_nav_menu ul li:first-child {
    padding-top: 4px !important; /* beats the theme's `li:first-child { padding-top: 0 !important }` */
  }
}