/* ===================================================================================

* Theme Name: Tekz Child
* Theme URI: https://themexriver.com/wp/tekz
* Author: ThemeXriver
* Author URI: https://themeforest.net/user/themexriver
* Description: IT Solutions & Services WordPress Theme
* Version: 1.0.0
* Template: tekz
* Text Domain: tekz-child
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready
* Tested up to: 6.6
* Requires PHP: 7.4

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of tekz updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/* Keep Tekz header and navigation icons at their intended UI size. */
.tz-header-section i,
.mobile_menu i {
  font-size: 16px;
  line-height: 1;
}

.tz-header-section svg,
.mobile_menu svg {
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
  flex: 0 0 16px;
}

/* Startup Infinity brand palette.
 * Keep these aliases together so Tekz, Elementor and WooCommerce share one
 * source of truth for brand and neutral colors. */
:root {
  --si-primary-blue: #3B82D0;
  --si-dark-blue: #2563A8;
  --si-sky-blue: #67B9F5;
  --si-light-blue: #A9D8FF;
  --si-white: #FFFFFF;
  --si-light-gray: #F5F7FA;
  --si-dark-gray: #4B5563;
  --si-charcoal: #2F3136;

  --main-color: var(--si-primary-blue);
  --main-color-rgb: 59, 130, 208;
  --theme-color: var(--si-primary-blue);
  --base-color: var(--si-primary-blue);
  --heading-color: var(--si-charcoal);
  --pera-color: var(--si-dark-gray);
  --body-color: var(--si-dark-gray);
  --border-color: var(--si-light-blue);

  --bs-primary: var(--si-primary-blue);
  --bs-primary-rgb: 59, 130, 208;
  --bs-link-color: var(--si-primary-blue);
  --bs-link-hover-color: var(--si-dark-blue);

  --e-global-color-primary: var(--si-primary-blue);
  --e-global-color-secondary: var(--si-charcoal);
  --e-global-color-text: var(--si-dark-gray);
  --e-global-color-accent: var(--si-sky-blue);
}

body {
  color: var(--si-dark-gray);
  background-color: var(--si-white);
}

a {
  color: var(--si-primary-blue);
}

a:hover,
a:focus {
  color: var(--si-dark-blue);
}

::selection {
  color: var(--si-white);
  background: var(--si-primary-blue);
}

.elementor .e-button-base,
.elementor-button,
button[type="submit"],
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  color: var(--si-white);
  background-color: var(--si-primary-blue);
  border-color: var(--si-primary-blue);
}

.elementor .e-button-base:hover,
.elementor-button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  color: var(--si-white);
  background-color: var(--si-dark-blue);
  border-color: var(--si-dark-blue);
}