/*
Theme Name: NetFx Child
Theme URI: https://netfx.jwsuperthemes.com
Template: netfx
Author: the JWSThemes team
Author URI: https://jwsuperthemes.com
Description: NetFx is a modern broadband & internet service provider theme which offers a clean layout to help you get started with full ease and flexibility. This theme is compatible with many popular plugins such as Elementor Page Builder and WooCommerce to design and sell from your website. Also, with plugins like Revolution Slider and NetFx Speed Test, you can further develop your website in a memorable way. With this theme, you will get 5+ creative demos to choose from. You can also choose your layout with a combination of pre-built pages, blog layouts, header and footer builder, custom post types, layouts and many extra features.
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 3.2.0
Updated: 2021-11-09 04:13:03
*/

body p,
body a {
  margin-bottom: 0;
}

body {
  line-height: 1.15em;
}

body {
  color: var(--text-color);
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
}
.jws_cart_count,
.shows_cat,
.slick-arrow,
.form-control.active label,
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.jws_mini_cart > .jws-cart-nav a .cart_icon,
.elementor-tab-title a,
.elementor-accordion-icon-opened,
.elementor-accordion-icon-closed,
h1,
h2,
h3,
h4,
h5,
h6,
.primary-color {
  color: var(--primary-color);
}
h1 {
  font-family: var(--font-h1);
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-h1);
  line-height: var(--line-height-h1);
}

h2 {
  font-family: var(--font-h2);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-h2);
  line-height: var(--line-height-h2);
}

h3 {
  font-family: var(--font-h3);
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-h3);
  line-height: var(--line-height-h3);
}

h4 {
  font-family: var(--font-h4);
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-h4);
  line-height: var(--line-height-h4);
}

h5 {
  font-family: var(--font-h5);
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-h5);
  line-height: var(--line-height-h5);
}

h6 {
  font-family: var(--font-h6);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-h6);
  line-height: var(--line-height-h6);
}

.heading-tagline {
  color: var(--accent-color);
  font-family: var(--font-tagline);
  font-size: var(--font-size-tagline);
  font-weight: var(--font-weight-tagline);
  line-height: var(--line-height-tagline);
}
.icon-line
  .elementor-icon-box-wrapper
  .elementor-icon-box-icon
  .elementor-icon {
  fill: var(--primary-color);
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.icon-line .elementor-icon-box-wrapper:before,
.icon-line .elementor-icon-box-wrapper:hover .elementor-icon-box-icon,
.jws-services-element
  .jws_services_layout1
  .jws_services_item
  .jws_services_item_inner:after {
  background: var(--primary-button-background);
}
.jws-post-readmore,
.jws-price-table__fractional-part,
.jws_nav_menu .jws_nav > li > a:hover,
.jws-price-table .jws-price-table__footer .jws-price-footer_detail {
  color: var(--primary-button-background);
}

.elementor-view-default .elementor-icon,
.jws-services-element .jws_services_layout1 .jws_services_item .icon-service {
  color: var(--accent-color);
  fill: var(--accent-color);
  border-color: var(--accent-color);
}
.elementor-menu-list-item:hover a,
p a {
  color: var(--accent-color);
}
.jws-services-element .jws_services_layout2 .jws_services_item .icon-service {
  color: var(--primary-button-background);
  fill: var(--primary-button-background);
}
.jws-entry-title:hover,
.jws-price-table
  .jws-price-table__features-list
  .jws-price-table__feature-inner
  i {
  color: var(--secondary-color);
}
.jws_testimonials_slider_wrap
  .testimonials_slider.slider_layout_layout1
  .testimonial_footer
  .testimonial-image {
  border-color: var(--accent-color);
}

.jws-services-element
  .jws_services_layout1
  .jws_services_item
  .jws_services_item_inner:before {
  background: var(--accent-color);
}
.jws-services-element .jws_services_layout2 .jws_services_item .icon-service,
.elementor-view-stacked .elementor-icon,
.icon-line .elementor-icon-box-icon {
  background: var(--secondary-color);
}
span.rating {
  color: var(--secondary-color);
}
.jws-info-box-icon .main-image svg {
  color: var(--accent-color);
  fill: var(--accent-color);
}
.jws-price-table,
textarea:focus,
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus {
  border-color: var(--secondary-color);
}

//menu
.jws_nav_menu .jws_nav > li > a {
  color: var(--menu-color);
}

.jws_cart_content .jws-cart-panel .jws-cart-panel-product-title,
.jws_cart_content .jws-cart-panel .quantity,
.jws_cart_content .jws-cart-panel .cart_list .cart_empty,
.jws_account .account-menu-dropdown a,
.jws_nav_menu .jws_nav li .sub-menu-dropdown li > a,
.elementor_jws_menu_layout_menu_vertical .jws_nav_menu ul li .bt-sub-menu,
.elementor_jws_menu_layout_menu_vertical .jws_nav_menu ul li a,
.jws-offcanvas-close .jws-offcanvas-close-icon i,
.jws_nav_menu .jws_nav li .sub-menu .bt-sub-menu,
.jws_nav_menu .jws_nav li .sub-menu > li > a {
  color: var(--sub-menu-color);
}
.jws_nav li .sub-menu-dropdown li.current-menu-item > a,
.jws_account .account-menu-dropdown a:hover,
.jws_nav_menu .jws_nav li .sub-menu-dropdown li > a:hover,
.elementor_jws_menu_layout_menu_vertical .jws_nav_menu ul li .bt-sub-menu:hover,
.elementor_jws_menu_layout_menu_vertical .jws_nav_menu ul li a:hover,
.jws-offcanvas-close .jws-offcanvas-close-icon:hover i,
.jws_nav_menu .jws_nav li .sub-menu > li > a:hover {
  color: var(--sub-menu-color-hover);
}
.slick-dots li button::before {
  background: var(--text-color);
}
select,
input:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  )::placeholder {
  color: var(--text-color);
}
.slick-dots li.slick-active button {
  border-color: var(--primary-color);
}
.slick-dots li.slick-active button:before {
  background: var(--primary-color);
}
.slick-arrow:before,
.jws_mini_cart > .jws-cart-nav a .jws_cart_count {
  background: var(--secondary-color);
}
input[type="radio"]:checked,
[type="radio"]:hover {
  border-color: var(--secondary-color) !important;
}

.jws_account .account-menu-dropdown,
.jws_nav_menu .jws_nav li .sub-menu {
  background: var(--sub-menu-background-color);
}
.woocommerce-grouped-product-list-item__quantity a,
.cart-collaterals .cart_totals .checkout-button,
.shop-page .widget.widget_shopping_cart .wc-forward,
.product-item .button,
[type="submit"],
.btn-button {
  font-family: var(--font-button);
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-button);
  line-height: var(--line-height-button);
  transition: color 0.3s, background 0.3s;
  padding: 16px 29px;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  vertical-align: bottom;
  display: inline-block;
  min-width: 170px;
  border: none;
}
.woocommerce-grouped-product-list-item__quantity a,
.cart-collaterals .cart_totals .checkout-button,
.shop-page .widget.widget_shopping_cart .wc-forward.checkout,
.jws-cf7.layout2 .wpcf7 .wpcf7-form .wpcf7-submit,
.product-item .button,
[type="submit"],
.btn-button.btn-primary {
  color: var(--primary-button-color-text);
  background: var(--primary-button-background);
}
.woocommerce-grouped-product-list-item__quantity a:hover,
.cart-collaterals .cart_totals .checkout-button:hover,
.shop-page .widget.widget_shopping_cart .wc-forward.checkout:hover,
.product-item .button:hover,
[type="submit"]:hover,
.btn-button.btn-primary:hover {
  color: var(--primary-button-color-text-hover);
  background: var(--primary-button-background-hover);
}
.shop-page .widget.widget_shopping_cart .wc-forward,
.btn-button.btn-secondary {
  color: var(--secondary-button-color-text);
  background: var(--secondary-button-background);
}
.shop-page
  .widget.widget_shopping_cart
  .wc-forward
  .btn-button.btn-secondary:hover {
  color: var(--secondary-button-color-text-hover);
  background: var(--secondary-button-background-hover);
}
.jws_services_readmore,
.jws-price-table__integer-part,
.jws-price-table__currency {
  color: var(--primary-button-background);
}
/* main color */
.jws-search-form.expand .toggle-search i,
.jws_account .jws_a_icon i,
body
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.widget_product_categories
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder,
.jws-blog-element
  .jws-blog-item
  .jws-post-wap
  .jws-post-content
  .jws-post-category
  a:hover,
.jws_mini_cart > .jws-cart-nav a .cart_text,
.single-blog header .post_cat a:hover,
.jws_mini_cart > .jws-cart-nav a .cart_icon,
.elementor-section .elementor-widget-countdown .elementor-countdown-item,
.jws-ajax-search .search-input::placeholder,
.jws_account .jws_account_text {
  color: var(--primary-color);
}

.elementor-widget-accordion
  .elementor-accordion
  .elementor-accordion-item
  .elementor-tab-title:hover,
.elementor-widget-accordion
  .elementor-accordion
  .elementor-accordion-item
  .elementor-tab-title.elementor-active {
  background: var(--primary-button-background-hover);
}

@keyframes jws-loader {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #17171a,
      1.8em -1.8em 0 0em rgba(23 23 26 / 0.2),
      2.5em 0em 0 0em rgba(23 23 26 / 0.2),
      1.75em 1.75em 0 0em rgba(23 23 26 / 0.2),
      0em 2.5em 0 0em rgba(23 23 26 / 0.2),
      -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2),
      -2.6em 0em 0 0em rgba(23 23 26 / 0.5),
      -1.8em -1.8em 0 0em rgba(23 23 26 / 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.7),
      1.8em -1.8em 0 0em #17171a, 2.5em 0em 0 0em rgba(23 23 26 / 0.2),
      1.75em 1.75em 0 0em rgba(23 23 26 / 0.2),
      0em 2.5em 0 0em rgba(23 23 26 / 0.2),
      -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2),
      -2.6em 0em 0 0em rgba(23 23 26 / 0.2),
      -1.8em -1.8em 0 0em rgba(23 23 26 / 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.5),
      1.8em -1.8em 0 0em rgba(23 23 26 / 0.7), 2.5em 0em 0 0em #17171a,
      1.75em 1.75em 0 0em rgba(23 23 26 / 0.2),
      0em 2.5em 0 0em rgba(23 23 26 / 0.2),
      -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2),
      -2.6em 0em 0 0em rgba(23 23 26 / 0.2),
      -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2),
      1.8em -1.8em 0 0em rgba(23 23 26 / 0.5),
      2.5em 0em 0 0em rgba(23 23 26 / 0.7),
      1.75em 1.75em 0 0em rgba(23 23 26 / 0.2),
      0em 2.5em 0 0em rgba(23 23 26 / 0.2),
      -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2),
      -2.6em 0em 0 0em rgba(23 23 26 / 0.2),
      -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2),
      1.8em -1.8em 0 0em rgba(23 23 26 / 0.2),
      2.5em 0em 0 0em rgba(23 23 26 / 0.5),
      1.75em 1.75em 0 0em rgba(23 23 26 / 0.7), 0em 2.5em 0 0em #17171a,
      -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2),
      -2.6em 0em 0 0em rgba(23 23 26 / 0.2),
      -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2),
      1.8em -1.8em 0 0em rgba(23 23 26 / 0.2),
      2.5em 0em 0 0em rgba(23 23 26 / 0.2),
      1.75em 1.75em 0 0em rgba(23 23 26 / 0.5),
      0em 2.5em 0 0em rgba(23 23 26 / 0.7), -1.8em 1.8em 0 0em #17171a,
      -2.6em 0em 0 0em rgba(23 23 26 / 0.2),
      -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2),
      1.8em -1.8em 0 0em rgba(23 23 26 / 0.2),
      2.5em 0em 0 0em rgba(23 23 26 / 0.2),
      1.75em 1.75em 0 0em rgba(23 23 26 / 0.2),
      0em 2.5em 0 0em rgba(23 23 26 / 0.5),
      -1.8em 1.8em 0 0em rgba(23 23 26 / 0.7), -2.6em 0em 0 0em #17171a,
      -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2),
      1.8em -1.8em 0 0em rgba(23 23 26 / 0.2),
      2.5em 0em 0 0em rgba(23 23 26 / 0.2),
      1.75em 1.75em 0 0em rgba(23 23 26 / 0.2),
      0em 2.5em 0 0em rgba(23 23 26 / 0.2),
      -1.8em 1.8em 0 0em rgba(23 23 26 / 0.5),
      -2.6em 0em 0 0em rgba(23 23 26 / 0.7), -1.8em -1.8em 0 0em #17171a;
  }
}

@media only screen and (max-width: 1440px) {
  body {
    font-family: var(--font-body-laptop);
    font-size: var(--font-size-body-laptop);
    font-weight: var(--font-weight-body-laptop);
    line-height: var(--line-height-body-laptop);
  }

  h1 {
    font-family: var(--font-h1-laptop);
    font-size: var(--font-size-h1-laptop);
    font-weight: var(--font-weight-h1-laptop);
    line-height: var(--line-height-h1-laptop);
  }
  h2 {
    font-family: var(--font-h2-laptop);
    font-size: var(--font-size-h2-laptop);
    font-weight: var(--font-weight-h2-laptop);
    line-height: var(--line-height-h2-laptop);
  }
  h3 {
    font-family: var(--font-h3-laptop);
    font-size: var(--font-size-h3-laptop);
    font-weight: var(--font-weight-h3-laptop);
    line-height: var(--line-height-h3-laptop);
  }
  h4 {
    font-family: var(--font-h4-laptop);
    font-size: var(--font-size-h4-laptop);
    font-weight: var(--font-weight-h4-laptop);
    line-height: var(--line-height-h4-laptop);
  }
  h5 {
    font-family: var(--font-h5-laptop);
    font-size: var(--font-size-h5-laptop);
    font-weight: var(--font-weight-h5-laptop);
    line-height: var(--line-height-h5-laptop);
  }
  h6 {
    font-family: var(--font-h6-laptop);
    font-size: var(--font-size-h6-laptop);
    font-weight: var(--font-weight-h6-laptop);
    line-height: var(--line-height-h6-laptop);
  }

  .woocommerce-checkout .nxl_woo_your_order .cart_item span.product-quantity,
  .woocommerce-checkout .nxl_woo_your_order .cart_item span.product-total span,
  input,
  code {
    font-family: var(--font-paragraph-laptop);
    font-size: var(--font-size-paragraph-laptop);
    font-weight: var(--font-weight-paragraph-laptop);
    line-height: var(--line-height-paragraph-laptop);
  }
  .heading-tagline {
    font-family: var(--font-tagline-laptop);
    font-size: var(--font-size-tagline-laptop);
    font-weight: var(--font-weight-tagline-laptop);
    line-height: var(--line-height-tagline-laptop);
  }
}

@media only screen and (max-width: 1024px) {
  body {
    font-family: var(--font-body-ipadpro);
    font-size: var(--font-size-body-ipadpro);
    font-weight: var(--font-weight-body-ipadpro);
    line-height: var(--line-height-body-ipadpro);
  }

  h1 {
    font-family: var(--font-h1-ipadpro);
    font-size: var(--font-size-h1-ipadpro);
    font-weight: var(--font-weight-h1-ipadpro);
    line-height: var(--line-height-h1-ipadpro);
  }
  h2 {
    font-family: var(--font-h2-ipadpro);
    font-size: var(--font-size-h2-ipadpro);
    font-weight: var(--font-weight-h2-ipadpro);
    line-height: var(--line-height-h2-ipadpro);
  }
  h3 {
    font-family: var(--font-h3-ipadpro);
    font-size: var(--font-size-h3-ipadpro);
    font-weight: var(--font-weight-h3-ipadpro);
    line-height: var(--line-height-h3-ipadpro);
  }
  h4 {
    font-family: var(--font-h4-ipadpro);
    font-size: var(--font-size-h4-ipadpro);
    font-weight: var(--font-weight-h4-ipadpro);
    line-height: var(--line-height-h4-ipadpro);
  }
  h5 {
    font-family: var(--font-h5-ipadpro);
    font-size: var(--font-size-h5-ipadpro);
    font-weight: var(--font-weight-h5-ipadpro);
    line-height: var(--line-height-h5-ipadpro);
  }
  h6 {
    font-family: var(--font-h6-ipadpro);
    font-size: var(--font-size-h6-ipadpro);
    font-weight: var(--font-weight-h6-ipadpro);
    line-height: var(--line-height-h6-ipadpro);
  }
  .woocommerce-checkout .nxl_woo_your_order .cart_item span.product-quantity,
  .woocommerce-checkout .nxl_woo_your_order .cart_item span.product-total span,
  input,
  code {
    font-family: var(--font-paragraph-ipadpro);
    font-size: var(--font-size-paragraph-ipadpro);
    font-weight: var(--font-weight-paragraph-ipadpro);
    line-height: var(--line-height-paragraph-ipadpro);
  }
  .heading-tagline {
    font-family: var(--font-tagline-ipadpro);
    font-size: var(--font-size-tagline-ipadpro);
    font-weight: var(--font-weight-tagline-ipadpro);
    line-height: var(--line-height-tagline-ipadpro);
  }
}

@media only screen and (max-width: 768px) {
  body {
    font-family: var(--font-body-ipad);
    font-size: var(--font-size-body-ipad);
    font-weight: var(--font-weight-body-ipad);
    line-height: var(--line-height-body-ipad);
  }

  h1 {
    font-family: var(--font-h1-ipad);
    font-size: var(--font-size-h1-ipad);
    font-weight: var(--font-weight-h1-ipad);
    line-height: var(--line-height-h1-ipad);
  }
  h2 {
    font-family: var(--font-h2-ipad);
    font-size: var(--font-size-h2-ipad);
    font-weight: var(--font-weight-h2-ipad);
    line-height: var(--line-height-h2-ipad);
  }
  h3 {
    font-family: var(--font-h3-ipad);
    font-size: var(--font-size-h3-ipad);
    font-weight: var(--font-weight-h3-ipad);
    line-height: var(--line-height-h3-ipad);
  }
  h4 {
    font-size: var(--font-size-h4-ipad);
    font-weight: var(--font-weight-h4-ipad);
    line-height: var(--line-height-h4-ipad);
  }
  h5 {
    font-family: var(--font-h5-ipad);
    font-size: var(--font-size-h5-ipad);
    font-weight: var(--font-weight-h5-ipad);
    line-height: var(--line-height-h5-ipad);
  }
  h6 {
    font-family: var(--font-h6-ipad);
    font-size: var(--font-size-h6-ipad);
    font-weight: var(--font-weight-h6-ipad);
    line-height: var(--line-height-h6-ipad);
  }

  .woocommerce-checkout .nxl_woo_your_order .cart_item span.product-quantity,
  .woocommerce-checkout .nxl_woo_your_order .cart_item span.product-total span,
  input,
  code {
    font-family: var(--font-paragraph-ipad);
    font-size: var(--font-size-paragraph-ipad);
    font-weight: var(--font-weight-paragraph-ipad);
    line-height: var(--line-height-paragraph-ipad);
  }
  .heading-tagline {
    font-family: var(--font-tagline-ipad);
    font-size: var(--font-size-tagline-ipad);
    font-weight: var(--font-weight-tagline-ipad);
    line-height: var(--line-height-tagline-ipad);
  }
}

@media only screen and (max-width: 600px) {
  body {
    font-family: var(--font-body-mobile);
    font-size: var(--font-size-body-mobile);
    font-weight: var(--font-weight-body-mobile);
    line-height: var(--line-height-body-mobile);
  }

  h1 {
    font-family: var(--font-h1-mobile);
    font-size: var(--font-size-h1-mobile);
    font-weight: var(--font-weight-h1-mobile);
    line-height: var(--line-height-h1-mobile);
  }
  h2 {
    font-family: var(--font-h2-mobile);
    font-size: var(--font-size-h2-mobile);
    font-weight: var(--font-weight-h2-mobile);
    line-height: var(--line-height-h2-mobile);
  }
  h3 {
    font-family: var(--font-h3-mobile);
    font-size: var(--font-size-h3-mobile);
    font-weight: var(--font-weight-h3-mobile);
    line-height: var(--line-height-h3-mobile);
  }
  h4 {
    font-family: var(--font-h4-mobile);
    font-size: var(--font-size-h4-mobile);
    font-weight: var(--font-weight-h4-mobile);
    line-height: var(--line-height-h4-mobile);
  }
  h5 {
    font-family: var(--font-h5-mobile);
    font-size: var(--font-size-h5-mobile);
    font-weight: var(--font-weight-h5-mobile);
    line-height: var(--line-height-h5-mobile);
  }
  h6 {
    font-family: var(--font-h6-mobile);
    font-size: var(--font-size-h6-mobile);
    font-weight: var(--font-weight-h6-mobile);
    line-height: var(--line-height-h6-mobile);
  }
  .heading-tagline {
    font-family: var(--font-tagline-mobile);
    font-size: var(--font-size-tagline-mobile);
    font-weight: var(--font-weight-tagline-mobile);
    line-height: var(--line-height-tagline-mobile);
  }
}