/*!
Theme Name: Quick Reply
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: quick-reply
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	background:#f8f9fa !important;
}


/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1,h2,h3,h4,h5,h6 {margin:0;}
.is-form-style.is-form-style-3 input.is-search-input {border-radius: 12px 0 0 12px;height:42px !important;}
.is-form-style button.is-search-submit {height: 42px !important; border-radius: 0 12px 12px 0 !important;}
.is-search-icon {line-height: 51px;border-radius: 0 12px 12px 0;height:42px;padding-top: 0px !important;}
div.is-ajax-search-details, div.is-ajax-search-result {background: #fff !important; border: 1px solid #ebe6e7;border-radius: 12px;padding: 10px !important;}
.is-ajax-search-post .is-title a {font-size: 16px !important;color: #1c1d1c;font-weight: 600;}
.is-ajax-result-description {margin-top: 0 !important;}
.icon_item li:hover {background: #bbf7d0;}
.icon_item li:hover a {color: #16a34a;}
.icon_item li svg { stroke: #6B7280; }

/* =========================================================
   WOOCOMMERCE - CART / CHECKOUT / MY ACCOUNT
   Theme Colors
   Primary: #16A34A
   Hover:   #047857
   Text:    #374151
   ========================================================= */


/* ---------------------------------------------------------
   1. GENERAL WOOCOMMERCE TEXT
   --------------------------------------------------------- */

.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-account {
    color: #374151;
}




/* ---------------------------------------------------------
   2. FORM LABELS
   --------------------------------------------------------- */

.woocommerce-cart label,
.woocommerce-checkout label,
.woocommerce-account label {
    display: block;
    margin-bottom: 7px;
    color: #374151;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}
.is-ajax-search label {margin-bottom:0;}

/* Required asterisk */
.woocommerce-checkout label .required,
.woocommerce-account label .required {
    color: #16A34A;
    text-decoration: none;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {border-color:#ccc !important;}
:where(.woocommerce) .select2-container .select2-dropdown, :where(.woocommerce) .select2-container .select2-selection {border-color:#ccc !important;min-height:46px !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {background-color:#16A34A;}
.woocommerce-message, .woocommerce-info {border-top-color: #16A34A;}
.woocommerce-info::before {color: #16A34A;}
.woocommerce-checkout #place_order {width:30% !important;}

/* ---------------------------------------------------------
   3. INPUT FIELDS
   Cart / Checkout / My Account
   --------------------------------------------------------- */

.woocommerce-cart input[type="text"],
.woocommerce-cart input[type="email"],
.woocommerce-cart input[type="tel"],
.woocommerce-cart input[type="number"],
.woocommerce-cart input[type="password"],
.woocommerce-cart input[type="search"],
.woocommerce-cart select,
.woocommerce-cart textarea,

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="search"],
.woocommerce-checkout select,
.woocommerce-checkout textarea,

.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="number"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="search"],
.woocommerce-account select,
.woocommerce-account textarea {
    width: 100%;
    box-sizing: border-box;
    min-height: 46px;
    padding: 11px 14px;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    background-color: #FFFFFF;
    color: #374151;
    font-size: 15px;
    line-height: 1.5;
    outline: none;
    transition: border-color 0.2s ease,
                box-shadow 0.2s ease,
                background-color 0.2s ease;
}


/* Textarea */
.woocommerce-cart textarea,
.woocommerce-checkout textarea,
.woocommerce-account textarea {
    min-height: 120px;
    resize: vertical;
}


/* ---------------------------------------------------------
   4. INPUT PLACEHOLDER
   --------------------------------------------------------- */

.woocommerce-cart input::placeholder,
.woocommerce-cart textarea::placeholder,
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder,
.woocommerce-account input::placeholder,
.woocommerce-account textarea::placeholder {
    color: #9CA3AF;
    opacity: 1;
}


/* ---------------------------------------------------------
   5. INPUT FOCUS
   --------------------------------------------------------- */

.woocommerce-cart input:focus,
.woocommerce-cart select:focus,
.woocommerce-cart textarea:focus,

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus,

.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus {
    border-color: #16A34A;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.12);
}


/* ---------------------------------------------------------
   6. SELECT DROPDOWNS
   --------------------------------------------------------- */

.woocommerce-cart select,
.woocommerce-checkout select,
.woocommerce-account select {
    cursor: pointer;
    appearance: auto;
}


/* ---------------------------------------------------------
   7. MAIN WOOCOMMERCE BUTTONS
   --------------------------------------------------------- */

.woocommerce-cart button.button,
.woocommerce-cart a.button,
.woocommerce-cart input.button,

.woocommerce-checkout button.button,
.woocommerce-checkout a.button,
.woocommerce-checkout input.button,

.woocommerce-account button.button,
.woocommerce-account a.button,
.woocommerce-account input.button {
    display: inline-block;
    padding: 12px 22px;
    border: 1px solid #16A34A;
    border-radius: 6px;
    background-color: #16A34A;
    color: #FFFFFF !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease,
                border-color 0.2s ease,
                color 0.2s ease;
}


/* Button Hover */
.woocommerce-cart button.button:hover,
.woocommerce-cart a.button:hover,
.woocommerce-cart input.button:hover,

.woocommerce-checkout button.button:hover,
.woocommerce-checkout a.button:hover,
.woocommerce-checkout input.button:hover,

.woocommerce-account button.button:hover,
.woocommerce-account a.button:hover,
.woocommerce-account input.button:hover {
    background-color: #047857;
    border-color: #047857;
    color: #FFFFFF !important;
}


/* ---------------------------------------------------------
   8. DISABLED BUTTON
   --------------------------------------------------------- */

.woocommerce-cart button.button:disabled,
.woocommerce-cart button.button.disabled,
.woocommerce-cart input.button:disabled,

.woocommerce-checkout button.button:disabled,
.woocommerce-checkout button.button.disabled,
.woocommerce-checkout input.button:disabled {
    background-color: #D1D5DB;
    border-color: #D1D5DB;
    color: #6B7280 !important;
    cursor: not-allowed;
    opacity: 0.7;
}


/* ---------------------------------------------------------
   9. CART QUANTITY INPUT
   --------------------------------------------------------- */

.woocommerce-cart .quantity .qty {
    width: 80px;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    color: #374151;
    text-align: center;
    background: #FFFFFF;
}

.woocommerce-cart .quantity .qty:focus {
    border-color: #16A34A;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.12);
}


/* ---------------------------------------------------------
   10. CART COUPON FIELD
   --------------------------------------------------------- */

.woocommerce-cart .coupon input.input-text {
    min-height: 46px;
    padding: 11px 14px;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    color: #374151;
}

.woocommerce-cart .coupon input.input-text:focus {
    border-color: #16A34A;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.12);
}


/* ---------------------------------------------------------
   11. CART TOTALS
   --------------------------------------------------------- */

.woocommerce-cart .cart_totals {
    color: #374151;
}

.woocommerce-cart .cart_totals h2 {
    color: #374151;
    font-size: 24px;
    font-weight: 600;
}

.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
    color: #374151;
}

.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
    color: #374151;
    font-weight: 700;
}


/* ---------------------------------------------------------
   12. CHECKOUT HEADINGS
   --------------------------------------------------------- */

.woocommerce-checkout h3,
.woocommerce-checkout h2 {
    color: #374151;
}

.woocommerce-checkout h3 {
    font-size: 20px;
    font-weight: 600;
}


/* ---------------------------------------------------------
   13. CHECKOUT FORM ROW SPACING
   --------------------------------------------------------- */

.woocommerce-checkout .form-row {
    margin-bottom: 18px;
}

.woocommerce-checkout .form-row-wide {
    width: 100%;
}


/* ---------------------------------------------------------
   14. CHECKOUT CHECKBOX / RADIO
   --------------------------------------------------------- */

.woocommerce-checkout input[type="checkbox"],
.woocommerce-checkout input[type="radio"],
.woocommerce-account input[type="checkbox"],
.woocommerce-account input[type="radio"] {
    accent-color: #16A34A;
}


/* ---------------------------------------------------------
   15. CHECKOUT PAYMENT AREA
   --------------------------------------------------------- */

.woocommerce-checkout #payment {
    background: #F9FAFB;
    border-radius: 8px;
    color: #374151;
}

.woocommerce-checkout #payment label {
    color: #374151;
}

.woocommerce-checkout #payment .payment_box {
    background: #F3F4F6;
    color: #374151;
}

.woocommerce-checkout #payment .payment_box::before {
    border-bottom-color: #F3F4F6;
}


/* ---------------------------------------------------------
   16. PLACE ORDER BUTTON
   --------------------------------------------------------- */

.woocommerce-checkout #place_order {
    width: 100%;
    min-height: 50px;
    padding: 13px 24px;
    background-color: #16A34A;
    border-color: #16A34A;
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
}

.woocommerce-checkout #place_order:hover {
    background-color: #047857;
    border-color: #047857;
}


/* ---------------------------------------------------------
   17. MY ACCOUNT NAVIGATION
   --------------------------------------------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #E5E7EB;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 15px;
    color: #374151;
    text-decoration: none;
    transition: all 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: #16A34A;
    background-color: #F0FDF4;
}


/* Active My Account menu */
.woocommerce-account
.woocommerce-MyAccount-navigation
ul li.is-active a {
    color: #16A34A;
    background-color: #F0FDF4;
    font-weight: 600;
}


/* ---------------------------------------------------------
   18. MY ACCOUNT CONTENT
   --------------------------------------------------------- */

.woocommerce-account .woocommerce-MyAccount-content {
    color: #374151;
}

.woocommerce-account .woocommerce-MyAccount-content a {
    color: #16A34A;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
    color: #047857;
}


/* ---------------------------------------------------------
   19. MY ACCOUNT TABLE
   --------------------------------------------------------- */

.woocommerce-account .woocommerce-MyAccount-content table {
    color: #374151;
}

.woocommerce-account .woocommerce-MyAccount-content table th {
    color: #374151;
    font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-content table td {
    color: #374151;
}

.woocommerce-account .woocommerce-MyAccount-content table a.button {
    color: #FFFFFF !important;
}


/* ---------------------------------------------------------
   20. WOOCOMMERCE NOTICES
   --------------------------------------------------------- */

.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error,

.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-error,

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
    color: #374151;
    border-radius: 6px;
}


/* ---------------------------------------------------------
   21. MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .woocommerce-cart button.button,
    .woocommerce-cart a.button,
    .woocommerce-cart input.button,

    .woocommerce-checkout button.button,
    .woocommerce-checkout a.button,
    .woocommerce-checkout input.button,

    .woocommerce-account button.button,
    .woocommerce-account a.button,
    .woocommerce-account input.button {
        min-height: 46px;
        padding: 11px 18px;
    }

    .woocommerce-cart input,
    .woocommerce-cart select,
    .woocommerce-cart textarea,
    .woocommerce-checkout input,
    .woocommerce-checkout select,
    .woocommerce-checkout textarea,
    .woocommerce-account input,
    .woocommerce-account select,
    .woocommerce-account textarea {
        font-size: 16px;
    }

}
.woocommerce-cart .button,
.woocommerce-checkout .button,
.woocommerce-account .button {
    font-family: inherit;
}

.woocommerce-cart input,
.woocommerce-cart select,
.woocommerce-cart textarea,
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-account input,
.woocommerce-account select,
.woocommerce-account textarea {
    font-family: inherit;
}
.woocommerce table.cart td.actions .input-text {width:180px;}