/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0-beta1
 Requires at least: 5.0
 Tested up to: 6.5.2
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

:root {
    --fa-font-family: 'Font Awesome 7 Free';
}

body { word-break: normal; overflow-x: auto; background-color: #f0f3fa; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fs-xsmall { font-size: .75rem; }
.btn-primary { color: #fff; }
.form-label { font-weight: 600; }
.top-auto { top: auto!important; }
.tooltip { line-height: 1.25; box-shadow: var(--bs-box-shadow); }

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) { background-color: var(--bs-primary); }
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection { border-color: #c6e2a0; box-shadow: 0 0 0 0.25rem rgb(140 196 64 / 25%); }
.select2-container--bootstrap-5 .select2-dropdown { border-color: var(--bs-gray-500); box-shadow: var(--bs-box-shadow); }
.select2-container--bootstrap-5 .select2-selection--multiple { display: flex; align-items: center; min-height: calc(1.75rem + 0.75rem + 2px); padding: .375rem; border-color: var(--bs-gray-500); }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search { display: none !important; }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered { gap: .25rem; }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { margin: 0; padding: 0.25rem .5rem; line-height: 1.2; font-size: .875rem; font-weight: 500; background-color: var(--bs-gray-300); }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { margin-right: .5rem; }

#drop-target-wrap { position: relative; }
#drop-target-wrap > .moxie-shim.moxie-shim-html5 { width: 100%!important; height: 100%!important; }
#drop-target { position: relative; overflow: hidden; margin-bottom: .25rem; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); text-align: center; background-color: #fff; }
#drop-target:not(.image-upload) { padding: 1rem; border: 2px dashed var(--bs-border-color); cursor: pointer; }
#drop-target:not(.image-upload):before { content: "\f03e"; display: block; margin-bottom: .5rem; line-height: 1; font-family: var(--fa-font-family); font-size: 3rem; color: var(--bs-secondary); }
#drop-target.drag-over { border-color: var(--bs-primary); background-color: rgba(var(--bs-primary-rgb),.25); }
#filelist { margin-bottom: .25rem; }
#filelist .file { display: flex; justify-content: space-between; font-size: .875rem; }
#filelist .file-name { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#filelist .remove-file { color: red; cursor: pointer; }
#progress-container { position: relative; width: 100%; margin-bottom: .25rem; overflow: hidden; border-radius: var(--bs-border-radius); background-color: var(--bs-secondary); }
#progress-bar { width: 0; height: 14px; background-color: var(--bs-primary); }
#progress-text { position: absolute; top: 0; width: 100%; text-align: center; line-height: 1; font-size: 12px; color: #fff; }

#masthead .navbar-nav .nav-link { position: relative; display: flex; align-items: center; height: 100%; padding: .5rem 1rem; font-weight: 600; }
#masthead .navbar-nav .nav-link:before { content: ''; position: absolute; bottom: 0; left: 1rem; right: 1rem; height: 3px; transform-origin: right center; transform: scale(0, 1); transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); }
#masthead .navbar-nav .nav-link.active, #masthead .navbar-nav .nav-link.show { color: var(--bs-primary); }
#masthead .navbar-nav .nav-link.active:before, #masthead .navbar-nav .nav-link.show:before, #masthead .navbar-nav .nav-link:hover:before { transform-origin: left center; transform: scale(1, 1); background-color: var(--bs-primary); }
#masthead .navbar-nav .nav-link.dropdown-toggle:after { content: '\f078'; margin-left: .375rem; border: none; font-family: var(--fa-font-family); font-size: .875rem; }

#masthead .navbar-nav .dropdown-menu { margin: 0; padding: 1rem 2rem; border: none; border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius); background-color: var(--bs-light); box-shadow: var(--bs-box-shadow); }
#masthead .navbar-nav .dropdown-menu .dropdown-item { padding: .5rem 0; border-bottom: 1px solid var(--bs-border-color); font-weight: 500; background-color: transparent; transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
#masthead .navbar-nav .dropdown-menu .nav-item:last-child .dropdown-item { border-color: transparent; }
#masthead .navbar-nav .dropdown-menu .dropdown-item.active, #masthead .navbar-nav .dropdown-menu .dropdown-item:hover { border-color: var(--bs-primary)!important; color: var(--bs-primary); }

.login-form .status:empty { display: none; }

.autocomplete-suggestions { display: none; max-width: 500px; max-height: 270px; overflow: hidden; overflow-y: auto; }
.autocomplete-suggestion.selected { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); }
.auto-complete-input { position: relative; border-radius: var(--bs-border-radius); background-color: #fff; }
.auto-complete-input input { position: relative; z-index: 1; padding-left: 2rem; padding-right: 2rem; background-color: transparent; }
.auto-complete-input input::placeholder { color: var(--bs-body-color); opacity: .9; }
.auto-complete-input input:focus { background-color: transparent; }
.auto-complete-icon-left, .auto-complete-icon-right { position: absolute; top: 50%; transform: translateY(-50%); }
.auto-complete-icon-left { left: .65rem; }
.auto-complete-icon-right { right: .5rem; }
.auto-complete-input input:focus + .auto-complete-icon-right { transform: translateY(-50%) rotate(180deg); }

.site-footer a { color: var(--bs-light); }
.site-footer a:not(:hover) { text-decoration: none; }

.woocommerce div.product:after { content: ''; display: block; clear: both; }
.woocommerce div.product .product_meta .posted_in { display: none; }
.woocommerce div.product div.summary, .woocommerce div.product form.cart { margin-bottom: 0; }
.woocommerce .woocommerce-thankyou-order-received { font-size: 1.25rem; font-weight: 600; color: var(--bs-success); }
.woocommerce-order-received .woocommerce ul.order_details { margin: 0 0 1rem; }
.woocommerce ul.order_details li { float: none; border: none; }
.woocommerce ul.order_details li:not(:last-child) { margin-bottom: .5rem; }
.woocommerce-order-received .woocommerce .woocommerce-order-details { margin: 0; }
.woocommerce-order-received .woocommerce .woocommerce-order-details .woocommerce-order-details__title { display: none; }
.woocommerce-order-received .woocommerce .woocommerce-order-details .woocommerce-table--order-details { border-color: var(--bs-secondary); }
.woocommerce-order-received .woocommerce .woocommerce-order-details .woocommerce-table--order-details thead { display: none; }
.woocommerce-order-received .woocommerce .woocommerce-customer-details { display: none; }

.contact-form-button { right: 5%; bottom: 80px;}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 575.98px) {
}

@media (min-width: 576px) {
}

@media (max-width: 767.98px) {    
}

@media (min-width: 768px) {
    .woocommerce div.product div.images { margin-bottom: 0; }
}

@media (max-width: 991.98px) {
}

@media (min-width: 992px) {
    .list-lg-two-cols { columns: 2; gap: 2rem; }
}

@media (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
    .list-xl-two-cols { columns: 2; gap: 2rem; }
}

@media (min-width: 1400px) {
}


/* PRINT CSS
-------------------------------------------------- */
@media print {
    .no-print, #masthead, #footer { display: none !important; }
    body { margin: 0; padding: 0; font-size: 12pt; }
    * { color: black !important; background: none !important; }
    table { border-collapse: collapse; width: 100%; }
    table th, table td { border: 1px solid black; padding: 5px; }
    a { color: black; text-decoration: none; }
    #main .shadow, #main .shadow-sm { box-shadow: none!important; }
}