/*
Theme Name: NetFx
Theme URI: https://netfx.jwsuperthemes.com
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. 
Requires at least: WordPress 4.9.6
Version: 3.0.6
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: netfx
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

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

netfx is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

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);
  }
}