/*
Theme Name: bootScore
Theme URI: https://bootscore.me/
Author: bootScore
Author URI: https://bootscore.me
Description: A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
Version: 5.3.4
Requires at least: 5.0
Tested up to: 6.4.1
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

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

/* 
All style editing is done via scss/_bscore_custom.scss
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

:root, [data-bs-theme="light"] {
	--bs-font-sans-serif: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, BlinkMacSystemFont, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    --bs-primary-rgb: 118, 172, 217 !important;
	--bs-primary: #76afdc !important;
	--bs-secondary: #20292E !important;
	--bs-secondary-rgb: 32, 41, 46 !important;
	--bs-border-radius: 1rem !important;
	--bs-btn-border-radius: 0.75rem !important;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
}


.btn, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.button.alt:not(a.checkout-button), .woocommerce .card a.button, .woocommerce div.product form.cart button.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, #place_order {
	--bs-btn-padding-x:1rem;
    --bs-btn-padding-y: 0.5rem;
	--bs-btn-border-radius: 0.75rem !important;
	--bs-btn-color: #ffffff;
	--bs-btn-hover-bg: #ffffff;
	--bs-btn-hover-border-color: #ffffff;
	--bs-btn-hover-color: #20292E;
	font-weight: 600;
}

.btn-primary.btn-hover-blue {
    --bs-btn-hover-bg: #91bfe3 !important;
}

body {
	color: #20292E;
	height: 100%;
	overflow-y: scroll;
}

@media (min-width: 1200px) {
	h1, .h1 {
		font-size: 3rem;
	  }
	h2, .h2 {
	  font-size: 2.5rem;
	}
  }

.text-bg-primary {
    color: #20292E !important;
}

.border-solid {
	border-style: solid;
}

.font-weight-light {
	font-weight: 300 !important;
}

header {
	background-position: top right;
    background-attachment: fixed;
    background-size: cover;
}

.do {
	border-bottom: 1px solid #479BAD;
}

.dont {
	border-bottom: 1px solid #DF7670;
}

.hero {
	min-height: 40vh !important;
}

.navbar {
	--bs-navbar-nav-link-padding-x: 0.75rem !important;
	--bs-navbar-toggler-focus-width: 0;
}

.navbar-dark, .navbar[data-bs-theme="dark"] {
    --bs-navbar-color: rgba(255, 255, 255, 1);
    --bs-navbar-hover-color: rgba(255, 255, 255, 1);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.5);
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#footerNav, #footerCopyright {
	font-size: 0.8rem;
}

.footer-logo {
	max-height: 70px;
}

#primaryNav .nav-link {
	position: relative;
	margin: 0.25rem 0.5rem;
}

#footerNav .nav-link {
	position: relative;
	margin: 0.25rem 0.5rem;
	text-align: center;
	padding: 0.5rem;
}

#primaryNav .nav-link::after,
#footerNav .nav-link::after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	width: 0%;
	content: '.';
	color: transparent;
	background: #00DDFF;
	content: "";
	border: 0 !important;
	transition: all .5s;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#primaryNav .nav-link,
	#footerNav .nav-link {
		margin: 0 0.5rem;
	}

	#primaryNav .nav-link::after,
	#footerNav .nav-link::after {
		margin: auto;
	}
}

#primaryNav .nav-link:hover::after,
#primaryNav .nav-link.active::after,
#footerNav .nav-link:hover::after,
#footerNav .nav-link.active::after {
	content: "";
	height: 2px;
	color: #00DDFF;
	width: 100%;
}

.mw_320px {
	max-width:320px !important;
}

.back-to-top {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	--bs-btn-color: #20292E;
	--bs-btn-hover-bg: #435660;
	--bs-btn-hover-border-color: #20292E;
	--bs-btn-hover-color: #ffffff;
}

.rounded {
	overflow: hidden;
}


/* Block Rounded Tag */
.roundTag {
	align-items: center !important;
}

.roundTagTrigger .roundTag {
	align-items: flex-start !important;
}

.roundTag p {
	margin: 0;
}
.roundBadge{
	font-size: 0.75em !important;
    padding: 0.5em 0 !important;
    font-weight: 300 !important;
    border-radius: 50% !important;
    width: 2em !important;
    height: 2em !important;
    line-height: 1em !important;
    text-align: center !important;
    text-overflow: clip !important;
    margin-right: 0.5rem !important;
	color: #20292E !important;
    background-color: #76afdc !important;
}

.d-hover {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
.roundTagTrigger {
	cursor: pointer;
}
.roundTagTrigger:hover .d-hover,
.roundTagTrigger:active .d-hover,
.roundTagTrigger:focus .d-hover {
	opacity: 1 !important;
}







/* Core Styles */

.bg_carbon {
	background-color: #20292E !important;
	color: #ffffff !important;
}

.bg_carbon-b {
	background-color: #435660 !important;
	color: #ffffff !important;
}

.bg_carbon-c {
	background-color: #648190 !important;
	color: #ffffff !important;
}

.bg_stone {
	background-color: #E6E7E8 !important;
}

.bg_stone-b {
	background-color: #F4F4F4 !important;
}

.bg_offWight {
	background-color: #F3F3F6 !important;
}

.bg_keyloop-blue {
	background-color: #76AFDC !important;
	color: #ffffff !important;
}

.bg_keyloop-blue-b {
	background-color: #AED0EA !important;
}

.bg_keyloop-blue-c {
	background-color: #DFECF7 !important;
}

.bg_slate {
	background-color: #3C576B !important;
	color: #ffffff !important;
}

.bg_slate-b {
	background-color: #6289A7 !important;
	color: #ffffff !important;
}

.bg_slate-c {
	background-color: #97B0C4 !important;
	color: #ffffff !important;
}

.bg_teal {
	background-color: #479BAD !important;
	color: #ffffff !important;
}

.bg_teal-b {
	background-color: #6EB4C4 !important;
	color: #ffffff !important;
}

.bg_teal-c {
	background-color: #9ACBD6 !important;
}

.bg_highlight-blue {
	background-color: #00DDFF !important;
}

.bg_highlight-blue-b {
	background-color: #5CE9FF !important;
}

.bg_highlight-blue-c {
	background-color: #ADF4FF !important;
}

.bg_highlight-teal {
	background-color: #00F6D2 !important;
}

.bg_highlight-teal-b {
	background-color: #47FFE3 !important;
}

.bg_highlight-teal-c {
	background-color: #99FFF0 !important;
}

.bg_indigo {
	background-color: #B39CF3 !important;
}

.bg_tail {
	background-color: #DF7670 !important;
}

.bg_beam {
	background-color: #F6E385 !important;
}

.bg_vista {
	background-color: #6C82DD !important;
}

.bg_signal {
	background-color: #E6AC74 !important;
}


.bg_white-stone {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(219,220,222,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(219,220,222,1) 100%);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(219,220,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dbdcde",GradientType=1);
}

.bg_HighlightTeal-HighlightBlue {
	background: rgb(54,243,194);
	background: -moz-linear-gradient(90deg, rgba(54,243,194,1) 0%, rgba(45,210,254,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(54,243,194,1) 0%, rgba(45,210,254,1) 100%);
	background: linear-gradient(90deg, rgba(54,243,194,1) 0%, rgba(45,210,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#36f3c2",endColorstr="#2dd2fe",GradientType=1);
}

.bg_Teal-HighlightTeal {
	background: rgb(61,134,153);
	background: -moz-linear-gradient(90deg, rgba(61,134,153,1) 0%, rgba(54,243,194,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(61,134,153,1) 0%, rgba(54,243,194,1) 100%);
	background: linear-gradient(90deg, rgba(61,134,153,1) 0%, rgba(54,243,194,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d8699",endColorstr="#36f3c2",GradientType=1);
}

.bg_Slate-HighlightBlue {
	background: rgb(46,69,89);
	background: -moz-linear-gradient(90deg, rgba(46,69,89,1) 0%, rgba(45,210,254,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(46,69,89,1) 0%, rgba(45,210,254,1) 100%);
	background: linear-gradient(90deg, rgba(46,69,89,1) 0%, rgba(45,210,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e4559",endColorstr="#2dd2fe",GradientType=1);
}

.bg_Carbon-Slate {
	background: rgb(24,32,34);
	background: -moz-linear-gradient(90deg, rgba(24,32,34,1) 0%, rgba(46,69,89,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(24,32,34,1) 0%, rgba(46,69,89,1) 100%);
	background: linear-gradient(90deg, rgba(24,32,34,1) 0%, rgba(46,69,89,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#182022",endColorstr="#2e4559",GradientType=1);
}

.bg_Slate-KeyloopBlue {
	background: rgb(46,69,89);
	background: -moz-linear-gradient(90deg, rgba(46,69,89,1) 0%, rgba(102,155,209,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(46,69,89,1) 0%, rgba(102,155,209,1) 100%);
	background: linear-gradient(90deg, rgba(46,69,89,1) 0%, rgba(102,155,209,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e4559",endColorstr="#669bd1",GradientType=1);
}

.bg_Teal-KeyloopBlue {
	background: rgb(61,134,153);
	background: -moz-linear-gradient(90deg, rgba(61,134,153,1) 0%, rgba(102,155,209,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(61,134,153,1) 0%, rgba(102,155,209,1) 100%);
	background: linear-gradient(90deg, rgba(61,134,153,1) 0%, rgba(102,155,209,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d8699",endColorstr="#669bd1",GradientType=1);
}

.bg_CarbonText{
	background: rgb(46,69,89);
	background: -moz-linear-gradient(90deg, rgba(46,69,89,1) 0%, rgba(61,134,153,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(46,69,89,1) 0%, rgba(61,134,153,1) 100%);
	background: linear-gradient(90deg, rgba(46,69,89,1) 0%, rgba(61,134,153,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e4559",endColorstr="#3d8699",GradientType=1);
}

.mh-100 {
	min-height: 100px;
}

.divider-container {
	display: flex;
	align-items: flex-end;
	width: 100%;
}

.divider-border {
	flex-grow: 1;
	height: 0.4rem;
	border-top: 1px solid #20292E;
	margin-bottom: 0.25rem;
}

.divider-border-start {
	border-left: 1px solid #20292E;
}

.divider-border-end {
	border-right: 1px solid #20292E;
}

.divider-text {
	padding: 0 1.5rem;
	white-space: nowrap;
	font-size: 1rem; /* Adjust the font size as needed */
}

.btn_arrow{
	width: 4rem;
}

.group:hover .group-hover-scale-x-100 {
    --tw-scale-x: 1;
}
.group:hover .group-hover-scale-110, .group:hover .group-hover-scale-x-100 {
    transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.scale-x-50 {
    --tw-scale-x: .5;
}
.scale-100, .scale-x-50 {
    transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.origin-right {
    transform-origin: right;
}