/*
Template:       metro
Theme Name:     Metro Child
Theme URI:      https://radiustheme.com/demo/wordpress/themes/metro
Author:         RadiusTheme
Author URI:     https://www.radiustheme.com
Description:    Metro is a clean and modern WordPress Theme for Ecommerce and Online Store. This theme comes with all necessary features and pages for a Ecommerce website.
Version:        1.0
Tags:           two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog
License:        Envato split License
License URI:    https://themeforest.net/licenses/terms/regular
*/

a:hover {
    text-decoration: underline;
}

.contact-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60ch;
    max-width: 100%;
    margin: 0 auto;
}

.form-group {
    width: 100%;
}

.form-group:not(.captcha-text) > * {
    display: block;
}

.shariff {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    left: 0;
}

.ice-flavour-box img {
    height: 5rem;
    width: auto;
    object-fit: contain;
}

.underlined-link .elementor-widget-container .elementor-button-wrapper a {
    padding: 0;
}

.underlined-link a::after {
    content: "";
    display: block;
    width: 20%;
    transition: width 200ms ease-out 100ms;
    padding-top: 0.6rem;
    border-bottom: 2px solid black; /* This creates the border. Replace black with whatever color you want. */
}

.underlined-link a:hover::after {
    width: 100%;
}

.underlined-link a {
    text-decoration: none;
}

.cart-icon-area {
    display: none;
}

input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
    width: 100%;
}

@media (max-width: 990px) {
    .shariff {
        top: auto;
        transform: translateX(-50%);
        left: 95%;
        bottom: 80px;
    }
}

#btn-agb a {
    background: #111;
    color: white;
}

.mean-container .mean-bar {
    border-bottom: none;
}

.header-bgimg .banner:before {
    background-color: rgb(255 255 255 / 50%);
}

.main-breadcrumb a span {
    color: #111;
}

.page-id-1144 .site-content .content-area {
    padding-top: 0;
}