/*
Theme Name: Brodos Telekom Theme
Theme URI: https://yourwebsite.com/brodos-telekom-theme
Author: Dhaval Panchal
Author URI: https://yourwebsite.com
Description: A custom WordPress theme built for Brodos Telekom, optimized for WooCommerce and Elementor.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: brodos-telekom-theme
Tags: custom-theme, brodos, telekom, woocommerce, elementor
*/

/* Footer on bottom CSS */
html,
body {
    min-height: 100vh;
}

body>div[data-mode][data-scheme] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body>div[data-mode][data-scheme]>div[data-bedrock-center] {
    flex: 1;
    width: 100%;
}

.dte-heroes {
    width: 100%;
}

/* ./ Footer on bottom CSS */

.grecaptcha-badge {
    visibility: hidden;
}

.error-message,
.success-message {
    position: relative;
    padding: calc(1.4375rem);
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: var(--ODSTextField-InputField-borderRadius);
}

.error-message {
    color: #721c24;
    /* background-color: #f8d7da; */
    border-color: #721c24;
}

.success-message {
    color: #155724;
    /* background-color: #d4edda; */
    border-color: #155724;
}

.cmplz-message p {
    margin: 0;
}

.cmplz-links.cmplz-documents a {
    font-size: 12px !important;
}

.dte-contact-request .cmplz-placeholder-parent {
    display: flex;
}

.dte-contact-request .cmplz-placeholder-parent .dte-contact-request__map {
    flex: 1;
}

.dte-google-reviews__grid .ODSRatingStarsStatic-HelperText {
    display: none;
}

@media (min-width: 1136px) {
    .dte-contact-person-cards:not(.dte-jobs-entry__contact-card) .dte-contact-person-cards__grid[data-bedrock-grid] {
        grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - 2 * var(--spacing-layout-2)) / 3)));
    }
}

@media (min-width: 768px) {
    .dte-hero__image-wrapper {
        padding-left: calc(50% - 160px);
    }
}

@media (max-width: 767px) {
    .dte-google-reviews__grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}

@media screen and (max-width: 27rem) {
    .ODSTextArea {
        max-width: 100%;
    }
}