/*
Theme Name: Teema#8
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: 6.0.147
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
*/

.contactPhone,
.contactEmail,
.contactRole,
.ssb--flex-left-top {
  display: flex;
  align-items: center;
}

.contactPhone svg,
.contactEmail svg,
.contactRole svg,
.ssb--flex-left-top svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.contact-value svg {
  vertical-align: initial;
}

/* General field styling for large, first name, last name, and medium fields */
.wpforms-field-large,
.wpforms-field-name-first,
.wpforms-field-name-last,
.wpforms-field-medium {
    padding: 1rem 0.75rem;
}

/* Reset padding for field rows */
.wpforms-field-row {
    padding: 0;
}

/*
.wpforms-field-required, 
.wpforms-field-required input, 
.wpforms-field-required select, 
.wpforms-field-required textarea {
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.wpforms-field-required:focus, 
.wpforms-field-required input:focus, 
.wpforms-field-required select:focus, 
.wpforms-field-required textarea:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--ast-global-color-1);
    outline: 0;
    box-shadow: 0 0 0 0.1rem var(--ast-global-color-1);
}
    */

/* General styling for wpforms fields */
.wpforms-field input, 
.wpforms-field textarea, 
.wpforms-field select {
  transition: 0.3s all ease-in-out;
  border: var(--bs-border-width) solid var(--bs-border-color);
  background-color: white;
  border-radius: 0.3rem;
  padding: 1rem;
  outline: none !important;
}

/* Hover and focus states for wpforms fields */
.wpforms-field input:hover, 
.wpforms-field textarea:hover, 
.wpforms-field select:hover, 
.wpforms-field input:focus, 
.wpforms-field textarea:focus, 
.wpforms-field select:focus {
  background-color: #ddd !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Submit button styling for any form */
.wpforms-submit {
    transition: 0.2s all ease-in-out;
    border: none;
    padding: 0.5rem 1rem;
    font-weight: bold;
    font-size: 1.5rem;
    border-radius: 50rem;
    color: white;
    background-color: var(--ast-global-color-1);
}

/* Submit button hover effect */
.wpforms-submit:hover {
    background-color: var(--ast-global-color-0) !important;
    color: white !important;
}

#editForm select {
  background-color: lightgray;
  width: auto;
}

.editor_button {
  transition: 0.2s background-color ease-in-out;
  background-color: var(--ast-global-color-1);
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border-radius: var(--bs-border-radius-pill);
  text-decoration: none;
  font-weight: 700;
  text-shadow: 2px 2px 5px black;
  color: #fff;
}

.editor_button:hover {
  background-color: var(--ast-global-color-0);
}


/* 
  Woocommerce module styles commented out due to conflicting w/ existing styles
*/

/* .woocommerce ul#shipping_method li input {
	float: none;
  margin-left: unset;
}
.woocommerce ul#shipping_method li input{
	width: unset;
  height: 3em;
  margin-top: unset;
}
.product .quantity button {
  border: var(--bs-border-width) solid var(--bs-border-color);
}
.navbar-nav .nav-link .cart-count {
    background-color: #dc3545; 
    color: white;
    padding: 2px 6px;
    border-radius: 50%;
    font-size: 0.8em; 
    margin-right: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px; 
    line-height: 1;
}

.navbar-nav .nav-link i {
    margin-right: 5px;
    font-size: 1.2em;
}

a {
    color: var(--color_one);
}

a:hover, a:focus {
    color: var(--color_two);
}

.fa-solid{
	color:#ffff;
}

.btn, .button, input[type="submit"], input[type="button"], .woocommerce button.button {
    background-color: var(--color_one);
    color: var(--color_two);
    border-color: var(--color_one);
}

.btn:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, .woocommerce button.button:hover {
    background-color: var(--color_two);
    color: var(--color_one);
    border-color: var(--color_two);
}

.btn:focus, .button:focus, input[type="submit"]:focus, input[type="button"]:focus, .woocommerce button.button:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(var(--color_one), 0.5);
    border-color: var(--color_one);
    color: var(--color_two);
}


.woocommerce button.button,
.woocommerce div.product form.cart button.button,
.woocommerce a.button,
.woocommerce .card a.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
#place_order{
	background-color: var(--color_two);
    color: #ffff;
    border-color: var(--color_two);
}

.woocommerce button.button:hover,
.woocommerce div.product form.cart button.button:hover,
.woocommerce a.button:hover,
.woocommerce .card a.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
#place_order:hover{
	background-color: var(--color_one);
    color: #ffff;
    border-color: var(--color_one);
}

.wc-breadcrumb .breadcrumb-item:first-child a::before {
	background-color: var(--color_two);
}
.nav-link{
	color: var(--color_one);
}
.nav-link:hover, .nav-link:focus {
  color: var(--color_two);
}
.single_add_to_cart_button .btn-loader, .ajax_add_to_cart .btn-loader {
	background-color: var(--color_two);
	color: #ffff;
}
.form-check-input:checked, #createaccount:checked, #ship-to-different-address input:checked, .woocommerce-checkout #payment ul.payment_methods li input:checked, .woocommerce-SavedPaymentMethods.wc-saved-payment-methods li input:checked, .form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated input:checked, .woocommerce form .form-row .input-checkbox:checked, .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme #rememberme:checked, .woocommerce ul#shipping_method li input:checked {
  background-color: var(--color_two);
  border-color: var(--color_two);
} */

/* Menu, title and content colors*/
/*header.site-header .navbar-menu a, .menu-item a, #arrow-text{
	color: var(--e-global-color-menu);
}
h1, .h1, #hero h1, #hero .h1, h2, .h2, #teenused h2, #about h2, #about .h2, #tood h2, #tood .h2, #testimonials h2, #testimonials .h2, #partners h2, #partners .h2, #news #ssb-stories-heading, #kontakt h2, #kontakt .h2, h3, .h3, h4, .h4, h5, .h5, #teenused h5, .card-title, #about .about-stat-nr, .about-stat-nr {
  color: var(--e-global-color-title);
}
#hero p, #teenused p,  #teenused li, #about p, #testimonials p, #partners a, .bootscore-footer a, #kontakt p, .card-body span, .contact-sortable span, .footer_company_info span, li, footer > div.bootscore-footer.bg-body-tertiary.pt-5.pb-3 > div > div > div > div:nth-child(1) > div a, #offer .offer-description, .entry-content p{
  color: var(--e-global-color-content);
}
footer a, .contactRole span {
  color: var(--e-global-color-content) !important;
}*/
/* Menu, title and content colors END*/

/*yith design changes*/
.yith_ywraq_add_item_browse_message {
  margin-top: 20px;
  margin-bottom: 20px;
}


.yith-ywraq-add-to-quote a, .yith_ywraq_add_item_browse_message a {
  color: var(--color_one);
  background-color: var(--color_two);
  text-decoration: none;
  padding: 10px 10px;
  border-radius: 7px;
}

.yith-ywraq-add-to-quote a:hover, .yith_ywraq_add_item_browse_message a:hover {
  color: var(--color_two);
  background-color: var(--color_one);
}

.related.products {
  border-top: 1px solid var(--bs-border-color);
  padding-top: 25px;
}

input#featuredProducts-limit.slider::before {
  position: relative;
}

#esiletostetud-tooted h2,#esiletostetud-tooted .h2 {
  color: var(--ast-global-color-0);
  font-size: 2.5rem
}

.bootscore-footer a {
  color: var(--ast-global-color-0);
}

.bootscore-footer a:hover {
  color: var(--ast-global-color-1);
}

#kontakt p {
  color: var(--ast-global-color-0);
}