/*
Theme Name: Druthers
Description: Child theme for Avada theme
Author: Adam Laughlin
Author URI: https://laughlinweb.net
Template: Avada
Version: 202404062125h
Text Domain:  Druthers
*/

/*
 * AVADA-RELATED STYLES
 */

/* Make more space for rollover text on homepage featured post cards */
.awb-imageframe-style-dario .awb-imageframe-caption-container {
    padding: 0.5em !important;
}
/* Improve Avada "image" carousel to match "post cards" carousels */
.awb-swiper-button-next, .swiper-rtl .awb-swiper-button-prev, .awb-swiper-button-prev, .swiper-rtl .awb-swiper-button-next {
    width: 60px !important; height: 60px !important;
    font-size: 48px !important;
    background-color: #cc0000 !important;
    /* Bring all swiper buttons down below text */
    top: 90% !important;
}
.awb-swiper {
    padding-bottom: 4rem !important;
}
/* Make all of the menu buttons smaller and equal width */
.awb-menu__i .awb-menu__i_main .fusion-megamenu-icon {
    padding: 0;
}
.awb-menu__i_main {
    padding: 0 !important;
}
.awb-menu__main-li {
    min-width: 110px !important;
}
.awb-menu__main-a_regular {
    padding: calc(var(--awb-items-padding-bottom) + var(--awb-border-bottom)) 0 !important;
}
.awb-menu__open-nav-submenu-hover {
    padding-inline-start: 0.3em !important;
}
/* Edit caption text for homepage header post cards */
.awb-imageframe-style-dario .awb-imageframe-caption .awb-imageframe-caption-text {
    padding: 0;
}
/* Make placeholder text in form fields a little less confusing by fading it out */
input::placeholder {
    color: #cccccc; font-style:italic;
}
.fusion-title-heading {
    word-wrap: break-word;
}
/* For some weird reason, the telegram icon is .03px wider than it should be and it causes the grid to break on very small screens. */
.fusion-social-networks span {
    width: 60px !important;
}
/* Pagination links are too easy to miss - make them bold */
.druthers-single-pagination a {
	font-weight: 700 !important;
}
/* Remove the image "title" (filename) that Avada insists on rendering above every image caption - going to send them a bug report for this one */
.awb-imageframe-caption-title {
	display: none;
}
/* This media query will fix our social popups on devices smaller than 500px */
@media screen and (max-width: 499px) {
    .druthers-social-icons {
        max-width: 130px;
    }
}

/*
 * WOOCOMMERCE-RELATED STYLES
 */

/* Cart counter icon */
.druthers-glyphicons {
    min-width:100px;
}
.druthers-glyphicons.mobile {
    right: 65px !important;
}
.druthers-glyphicons:first-child {
    padding-right: 20px;
}
.druthers-glyphicons a, .druthers-glyphicons a:hover {
    display: inline-block;
    color: #ffffff;
}
.druthers-glyphicons a, .cart-count-text {
    font-size:1rem;
}
.druthers-glyphicons .glyphicon {
    margin-right: 4px;
    color: #ffffff;
    float: left;
}

/* This media query will alter the column spacing on the store page "post cards" */
@media screen and (min-width: 641px) {
    .fusion-post-cards .fusion-grid>.fusion-grid-column {
	    padding-right: var(--awb-column-spacing) !important;
		padding-left: var(--awb-column-spacing) !important;
    }
}
/* Add a margin to the top of Google Pay buttons */
#wc-stripe-payment-request-wrapper {
    padding-top: 10px !important;
}
/* Improve appearance of WooCommerce Featured Products Slider */
.fusion-carousel-title-below-image .fusion-carousel-meta, .fusion-carousel-title-below-image .fusion-carousel-title {
    overflow: hidden;
    word-wrap: break-word;
}
/* Customize appearance of WooCommerce upsell blocks */
section.upsells .product-buttons {
    display: none;
}
/* Customize WooCommerce Add to Cart Button to match Druthers styles  */
.fusion-body .fusion-woo-cart-1 .fusion-button-wrapper .button {
    text-transform: uppercase;
    font-family: 'Inter';
    font-weight: 600;
    font-size: var(--button_font_size, 14px) !important;
    box-shadow: inset 0 1px 0 #fff,0 .15em 0 var(--button_bevel_color),.1em .2em .2em .15em rgba(0,0,0,.3);
}
/* Fix WooCommerce 'Shopping Cart' template to allow faster purchase / better conversion */
    .cart-collaterals .cross-sells {
        order: 3;
        margin-top: 30px; margin-bottom: 0px;
}
/* Fixing Stripe display issues */
#payment .fusion-woo-checkout-payment-tb .woocommerce-checkout-payment ul.wc_payment_methods li>label {
    background-color:none !important;
}
#payment .methods li.woocommerce-SavedPaymentMethods-token label {
    display: block;
}
#payment .methods li.woocommerce-SavedPaymentMethods-new label {
    display: flex;
}
#payment .methods ul.woocommerce-SavedPaymentMethods.wc-saved-payment-methods {
    list-style-type: none;
}
.fusion-woo-checkout-payment-tb .woocommerce-checkout-payment ul.wc_payment_methods li>label:after, .fusion-woo-checkout-payment-tb .woocommerce-checkout-payment ul.wc_payment_methods li>label:before {
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* Better margins for Paypal buttons on Checkout page */
.paypal-buttons-layout-horizontal {
    top: 10px;
}

/*
 * INFOMANIAK NEWSLETTER-RELATED STYLES
 */

form.inf-form {
    display: inline-block;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb {
    background-color: none; padding: 0; margin: 0 auto;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb label, .inf-main_aa404d0d23beec9196ab338818d5e5fb input, .inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-submit, .inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-success p a {
    color: #555555; font-size: 14px;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-success p.msg {
    margin: 0 auto; text-align: center;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb label {
    font-weight: bold;
}
.post .inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-input,
.fusion-no-large-visibility .inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-input input {
    width: 248px;
}
.fusion-footer .inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-input {
    margin: 10px 10px 20px 40px; border: 1px solid black;
}
.fusion-footer .fusion-no-medium-visibility.fusion-no-large-visibility .inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-input {
    width: 195px; margin: 10px 10px 20px;
}
.post .inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-submit,
.fusion-footer .inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-submit {
    margin: 10px 0 20px 0;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-input {
    float: left; margin: 5px 10px; padding-right: 0;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb label {
    display: block;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb input {
    height: 35px; color: #999999; border: 1px solid #E9E9E9; border: none; padding-left: 7px;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-input.inf-error label, .inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-input.inf-error span.inf-message {
    color: #cc0033;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-input.inf-error input {
    border: 1px solid #cc0033;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-input input {
    width: 400px; height: 2.5rem;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-input.inf-error span.inf-message {
    display: block; text-align: center;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-submit {
    text-align: right; float: left; margin-top: 5px;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-submit input{
    background-color: none; color: #ffffff; border: none; font-weight: 600; height: 40px; padding: 7px; text-transform: uppercase; font-size: 18px;
}
.inf-main_aa404d0d23beec9196ab338818d5e5fb .inf-submit input.disabled {
    opacity: 0.4;
}
.inf-rgpd {
    margin: 25px 0px 15px 0px; color:#555555;
}