/* Site: myio_help (www.valant.io/myio-help/). See ../valant-theme-compat.php

   Restores the responsive heading/text sizes of Salient 16.0.4 for this site.
   Same cause as main.css: the older Salient wrote tablet/phone/small-desktop sizes as exact ratios of the
   desktop size (e.g. phone h2 line-height 43.5px, h1 48.1px). Salient 18.x rewrote them with values rounded
   to whole pixels (44px, 49px), which shifts lines and heights a little on every heading. The rules
   below are the old rules (same selectors, same breakpoints) for exactly the declarations whose value
   changed. `!important` is only where Salient itself uses it (.vc_custom_heading rules). */
@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: 45px;
    line-height: 55.5px;
  }
  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: 40.8px;
    line-height: 49.3px;
  }
  .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: 33.6px;
    line-height: 40.6px;
  }
  .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: 22.1px;
    line-height: 30.6px;
  }
  .nectar-post-grid[data-columns="2"][data-masonry="yes"] > div:nth-of-type(3n+1) h3 {
    font-size: 30.94px;
  }
  .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: 20px;
    line-height: 26px;
  }
  .row .col h6,
  body h6,
  #ajax-content-wrap .nectar-inherit-h6 {
    font-size: 16px;
    line-height: 20px;
  }
}
@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,
  body .featured-media-under-header h1,
  .full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2 {
    font-size: 42px;
    line-height: 51.8px;
  }
  .full-width-content .recent-post-container .inner-wrap h2 {
    line-height: 51.8px;
  }
  .wpb_wrapper h1.vc_custom_heading {
    line-height: 51.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: 38.4px;
    line-height: 46.4px;
  }
  .wpb_wrapper h2.vc_custom_heading {
    font-size: 38.4px !important;
    line-height: 46.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: 20.8px;
    line-height: 28.8px;
  }
  .wpb_wrapper h3.vc_custom_heading {
    font-size: 20.8px !important;
    line-height: 28.8px !important;
  }
  .nectar-post-grid[data-columns="2"][data-masonry="yes"] > div:nth-of-type(3n+1) h3 {
    font-size: 29.12px;
  }
  .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: 20px;
    line-height: 26px;
  }
  .row .col h5,
  body h5,
  #ajax-content-wrap .nectar-inherit-h5 {
    font-size: 14px;
    line-height: 25px;
  }
  .row .col h6,
  body h6,
  #ajax-content-wrap .nectar-inherit-h6 {
    font-size: 16px;
    line-height: 20px;
  }
}
@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,
  body .featured-media-under-header h1,
  .full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2 {
    font-size: 39px;
    line-height: 48.1px;
  }
  .wpb_wrapper h1.vc_custom_heading {
    line-height: 48.1px !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: 36px;
    line-height: 43.5px;
  }
  .wpb_wrapper h2.vc_custom_heading {
    line-height: 43.5px !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: 20.8px;
    line-height: 28.8px;
  }
  .wpb_wrapper h3.vc_custom_heading {
    font-size: 20.8px !important;
    line-height: 28.8px !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: 18px;
    line-height: 23.4px;
  }
  .row .col h5,
  body h5,
  #slide-out-widget-area .nectar-ext-menu-item .inherit-h5,
  #ajax-content-wrap .nectar-inherit-h5 {
    font-size: 14px;
    line-height: 25px;
  }
  .row .col h6,
  body h6,
  #ajax-content-wrap .nectar-inherit-h6 {
    font-size: 16px;
    line-height: 20px;
  }
  body #page-header-bg.fullscreen-header .span_6 span.subheader,
  .overlaid-content .subheader {
    font-size: 11.2px !important;
  }
  body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a,
  #slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li > a,
  body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
    line-height: 24.5px !important;
  }
}
@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: 44.2px;
    line-height: 52.2px;
  }
}
@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: 22.1px;
    line-height: 30.6px;
  }
}
@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: 36.4px;
  }
}
@media only screen and (min-width: 690px) {
  .portfolio-items[data-ps="6"] .wide_tall .work-meta h4 {
    line-height: 42px !important;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
  body #page-header-bg:not(.fullscreen-header) .span_6 span.subheader,
  body .row .col.section-title > span {
    font-size: 14.4px;
  }
}
@media only screen and (min-width: 690px) and (max-width: 999px) {
  body #page-header-bg.fullscreen-header .span_6 span.subheader,
  .overlaid-content .subheader {
    font-size: 12.8px !important;
  }
  body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a,
  #slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li > a,
  body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
    line-height: 31.5px !important;
  }
}

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

/* 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, #676767);
}
.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 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 8px), 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 16 limited the page content to 88% of the screen width on phones (a fixed value in responsive.css).
   Salient 18 reads the width from `--mobile-container-width`, and this site's theme options set it to
   calc(100% - 6%) = 94%, so text lines are wider and wrap differently. Put back the 88%. */
body {
  --mobile-container-width: 88%;
}

/* 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 }` */
  }
}