/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

:root {
  --wpforms-button-background-color: #1c23ba !important;
  --primary-color: #8acf7c;
  --primary-color-hover: #a0e093;
  --secondary-color: #f0a354;
  --secondary-color-hover: #efb275;
}
.elementor-element,
.elementor-lightbox {
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-horizontal-gap: 0;
}
::selection {
  background-color: rgb(31 3 131 / 15%);
}
body {
  overflow-x: hidden;
  font-family: Arial;
}
#page {
  overflow-x: hidden;
}

input[type="text"],
input[type="number"],
select {
  width: 100%;
  background: var(--primary-color);
  color: #000;
  border: 0;
  border-radius: 6px;
  padding: 0.5em 1em;
  margin-right: 20px;
}

select {
  appearance: none;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 8.85" class="as-svgicon as-svgicon-chevrondown as-svgicon-base as-svgicon-chevrondownbase" role="img" aria-hidden="true" width="35px" height="35px"><path fill="none" d="M0 0h35v35H0z"></path><path fill="none" stroke="%23000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.25" d="M15 1.13L8.5 7.72 2 1.13"></path></svg>');
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 98%;
}

input[type="file"]::file-selector-button {
  padding: 0.5em 1em;
  border-width: 0;
  border-radius: 6px;
  background-color: var(--primary-color);
  color: #000;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  margin-right: 1em;
  font-weight: bold;
}
input[type="file"]:hover {
  border-color: #888;
}
input[type="file"]:hover::file-selector-button {
  background-color: var(--primary-color-hover);
}

button {
  padding: 0.5em 1em;
  border-width: 0;
  border-radius: 6px;
  background-color: var(--secondary-color);
  color: #000;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  margin-right: 1em;
  font-weight: bold;
}

button:focus,
button:hover {
  background-color: var(--secondary-color-hover);
  color: #000;
}

button {
  margin-top: 6px;
}

.table-wrapper::-webkit-scrollbar {
  display: none;
}
.table-wrapper {
  overflow-y: hidden;
  overflow-x: scroll;
  width: 100%;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
