/*
Theme Name: Byvex
Theme URI: https://github.com/byvex/byvex-wordpress-theme
Author: Byvex Team
Author URI: https://byvex.com
Description: A well crafted starter WordPress theme built on top of Bootstrap 5.0.2. We created this theme to fulfill just one goal, "A lightweight theme with less code to remove and ready to use with Bootstrap".
Version: 999999999.999999999.999999999
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: byvex
Tags: blog, custom-background, custom-header, custom-logo, custom-menu, one-column, footer-widgets

Byvex Theme, (C) 2022 Byvex.com
Byvex Theme is distributed under the terms of the GNU GPL
*/

body {
	font-size: 1.125rem;
	font-family: "Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.si {
    display: inline-block;
    height: 1.2em;
    width: 1.2em;
    vertical-align: middle;
    position: relative;
    top: -.0625em;
    text-align: center;
    stroke-width: 0;
    overflow: visible;
}


.shadow-sm {box-shadow:rgba(0,0,0,0.12) 0px 1px 3px, rgba(0,0,0,0.24) 0px 1px 2px !important}

.btn {
    font-size: 1.125rem;
}

.form-control, .form-select {
    background-color: #f3f4f6 !important;
}
.form-control-color {
    height: 2.375rem;
    border-color: #f3f4f6;
}

.text-4xl {font-size:2.25rem}

@media(min-width: 756px){
    .md\:text-5xl {font-size:3rem}
}

#easy-qrcode-preview canvas { display: none; visibility: hidden; }

.py-2\.5 {padding-top:0.75rem !important;padding-bottom:0.75rem !important}



.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* tailwind classes start */
.bg-gray-50 {background-color:#f9fafb !important}
.bg-gray-200 {background-color:#e5e7eb !important}
.bg-gray-800, .bg-dark {background-color:#1f2937 !important}

.text-blue-500 {color:#3b82f6 !important}

.bg-green-500 {background-color:#22c55e !important}

.hidden {display:none !important}
/* tailwind classes end */

/* Dark Mode Start */
.dark .dark\:text-gray-300 {color:#d1d5db !important}
.dark .dark\:bg-gray-700 {background-color:#374151 !important}
.dark .dark\:bg-gray-800 {background-color:#1f2937 !important}
.dark .dark\:bg-gray-900 {background-color:#111827 !important}
.dark .dark\:text-gray-900 {color:#111827 !important}
.dark .dark\:border-gray-900 {border-color:#111827 !important}

.dark .dark\:bg-blue-400 {background-color:#60a5fa !important}
.dark .dark\:text-blue-400 {color:#60a5fa !important}

.dark .dark\:hidden {display:none !important}
.dark .dark\:inline-block {display:inline-block !important}

.dark .form-control,
.dark .form-select {
    background-color:#111827 !important;
    border-color:#6b7280 !important;
    color:#e5e7eb !important;
}
.dark .form-control-color {
    background-color:#111827 !important;
    border-color:#6b7280 !important;
}
/* Dark Mode End */