/*
Theme Name: Raffle Theme
Theme URI: https://github.com/aztic
Author: Jhosevic Castañeda
Author URI: https://github.com/aztic
Description: Theme for Raffle page
Tags: astra
Text Domain: raffle-theme
Version: 1.0.1
Requires at least: 5.0
Requires PHP: 8.1
Template: astra
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: raffle-theme
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
    /* --background: #f5faff; */
    --background: #e5e104;
    --foreground: #592b34;
    --primary: #eab6ea;
    --primary-foreground: #394f66;
    --secondary: #b3e1f9;
    --secondary-foreground: #394f66;
    --accent: #78a4f2;
    --accent-foreground: #394f66;
    --destructive: #f96b6b;
    --destructive-foreground: #394f66;
    --muted: #f3f9fd;
    --muted-foreground: #394f66;
    --card: #f5faff;
    --card-foreground: #394f66;
    --popover: #ffffff;
    --popover-foreground: #59303a;
    --border: #c2d4e6;
    --input: #8ca8ca;
    --ring: #94b0d0;
    --radius: 1rem;

    --main-green: #1f8442;
    --main-green-darker: #186834;
    --secondary-green: #14532a;
    --text-green: #176b37;
    --main-yellow: #e5e104;
    --secondary-yellow: #ffee02;
    --dark-gray: #1F1F1F;
    --white: #ffffff;

    --red: #af0000;
    --dark-red: #9b0000;

    
    --main-section-background: var(--white);
    --secondary-section-background: var(--secondary-green);
    
    --main-color: var(--main-green);
    --main-text-color: var(--text-green);
    --button-background: var(--main-green);
    --hover-button-background: var(--main-green-darker);
    --paragraph-color: black;

    --ast-border-color: black;
    --bs-link-color-rgb: var(--main-text-color);
    --ast-global-color-1: var(--main-text-color);
}

body {
    background-color: var(--main-section-background) !important;
    color: var(--foreground) !important;
}

h1,
h2,
h3 {
    color: var(--main-text-color) !important;
}

p {
    color: var(--paragraph-color) !important;
}

.btn-primary {
    /* background-color: var(--primary);
    color: var(--primary-foreground);
    border-radius: var(--radius);
    border-color: var(--primary) */
    background: #bc2686 !important;
    color: white !important;
    border-radius: unset !important;
    font-weight: bold;
    border: none !important;
    font-size: 1.5rem !important;
}

.btn-primary:hover {
    /* background-color: var(--primary-foreground);
    color: white;
    border-color: var(--primary-foreground); */
    background: #af0000 !important;
    color: white !important;
}

.bg-secondary {
    background-color: var(--secondary);
}

.text-secondary-foreground {
    color: white;
}

.card {
    background-color: var(--card);
    color: var(--card-foreground);
    border-radius: var(--radius);
}

.bg-muted {
    background-color: var(--muted);
}

.text-muted-foreground {
    color: var(--muted-foreground);
}


#ast-scroll-top .ast-icon.icon-arrow svg {
    top: 50% !important;
    transform: translate(-50%, -50%) rotate(180deg) !important;
    left: 40% !important;
}

.ast-container {
    flex-wrap: wrap !important;
}

/** Footer **/
footer .container {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

footer {
	padding-bottom: 15px;
}

footer,
footer > div{
    background-color: var(--main-color) !important;
    color: white !important;
	border: none !important;
	border-top: none !important;
}

footer a {
    color: white  !important;
}

footer nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
footer nav ul li {
    margin-bottom: 5px;
    font-size: 1.2rem;
}
footer nav ul li a{
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}
footer nav ul li a:hover {
    color: #bc2686;
}
.social-media-link {
    display: inline-block;
    margin-right: 1rem;
}
.social-media-link img {
    width: 50px;
    height: 50px,

}

@media(max-width: 500px) {
    .slick-slide {
        height: auto !important;
    }	
}

article.post-1166 {
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 40px;
}

@media(min-height: 900px) {
    footer.post-1166 {
        position: absolute;
        bottom: 0;
        max-width: none;
        width: 100vw !important;
    }
}

.ast-primary-header-bar {
    background-color: var(--main-color);
    color: white;
    border-bottom: none !important;
}

.ast-primary-header-bar .menu-link,
.ast-primary-header-bar a,
.ast-primary-header-bar a:hover,
.ast-primary-header-bar a:visited,
.ast-primary-header-bar a:active,
.ast-primary-header-bar link {
    color: white !important;
    text-decoration: none !important;
}

/** Woocommerce **/
.shop_table thead > tr,
.cart_totals > h2,
.woocommerce-info,
.payment_box.payment_method_bacs{
    background-color: var(--main-color) !important;
    color: white !important;
    border-color: var(--main-section-background);
}

.payment_box.payment_method_bacs p{
    color: white !important;
}

.payment_box.payment_method_bacs:before {
    border-bottom-color: var(--main-color) !important;
}

.woocommerce-info:before {
    color: white;
}

.wc-block-cart-item__wrap {
    color: black;
}
.wc-block-cart-item__wrap .wc-block-components-product-name{
    color: var(--main-color);
    font-weight: bold;
}

button[name=update_cart],
button[name=apply_coupon],
.checkout-button,
input[type=submit].wpcf7-form-control,
.wc-block-cart__submit-container a,
button[name=woocommerce_checkout_place_order] {
    background-color: var(--button-background) !important;
    border-color: var(--button-background) !important;
    color: white;
}

button[name=update_cart]:hover,
button[name=apply_coupon]:hover,
.checkout-button:hover,
input[type=submit].wpcf7-form-control:hover,
.wc-block-cart__submit-container a:hover,
button[name=woocommerce_checkout_place_order]:hover {
    background: var(--hover-button-background) !important;
    border-color: var(--hover-button-background) !important;
}

.woocommerce-order-details__title,
.woocommerce-column__title {
    color: white !important;
    background: var(--main-color) !important;
}

li.menu-item ul.sub-menu li a{
	color: black !important;
}

.wp-block-woocommerce-cart-order-summary-coupon-form-block {
    display: none;
}

.woocommerce-additional-fields > h3,
.woocommerce-additional-fields > .woocommerce-additional-fields__field-wrapper {
	display: none;
}
.woocommerce-form-coupon-toggle {
	display: none;
}


.btn-primary.close-modal-button,
.btn-primary.action {
    margin-top: 40px;
    background: var(--button-background) !important;
    color: white !important;
    border-radius: unset !important;
    font-weight: bold;
    border: none !important;
    font-size: 1.5rem !important;
}

.btn-primary.close-modal-button:hover,
.btn-primary.action:hover {
    background: var(--hover-button-background) !important;
    color: white !important;
}


.wpcf7-response-output {
    display: none !important;
}


/** Custom payment tabs **/
.custom-payment-tabs {
    margin-top: 20px;
    margin-bottom: 32px;
}

.custom-payment-tabs .tabs {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #ddd;
}

.custom-payment-tabs .tabs .tab {
    margin-right: 10px;
    cursor: pointer;
    padding: 10px;
    /* border: 1px solid #ddd; */
    border: none;
    border-bottom: none;
    transition: background-color 0.3s ease;
}

.custom-payment-tabs .tab-contents .tab-title {
    font-size: 1.5em;
}

.custom-payment-tabs .tabs .tab img {
    max-height: 40px;
    border-radius: 10px;
}

.custom-payment-tabs .tabs .tab.active {
    background-color: #f7f7f7;
    border-color: #ddd;
    border-bottom: 2px solid #fff;
}

.custom-payment-tabs .tab-contents {
    border: 1px solid #ddd;
    padding: 15px;
    background: #fff;
}

.custom-payment-tabs .tab-content {
    display: none;
}

.custom-payment-tabs .tab-content.active {
    display: block;
}

.woocommerce-bacs-bank-details {
    display: none;
}