/*
Theme Name: Garage Raignault
Theme URI: https://hugo-posnic.fr
Template: twentytwentyfour
Author: Hugo Posnic
Author URI: https://hugo-posnic.fr
Version: 1.0.1709282675
Updated: 2024-03-01 08:44:35

*/

:root {
    --main-color: #ffcc2c;
}

/* Top Header */

.custom-header a:where(:not(.wp-element-button)) {
    text-decoration: none;
}

.custom-header a:where(:not(.wp-element-button)):hover {
    text-decoration: underline;
}

/* Header */


.wp-block-navigation a:where(:not(.wp-element-button)):hover, 
.wp-block-navigation .current-menu-item a:where(:not(.wp-element-button)) {
    text-decoration: underline;
    text-decoration-color: var(--main-color);
    text-decoration-thickness: 3px;
    text-decoration-skip-ink: none;
    text-underline-offset: 8px;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    border-radius: 10px;
    font-size: 0.9em;
}

.wp-block-navigation .wp-block-navigation-item {
    background-color: transparent;
}

.wp-block-navigation .wp-block-navigation-item__label {
    overflow-wrap: normal;
    white-space: nowrap;
}


/* Forms */

input, textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    outline: 0;
}

input:focus, textarea:focus {
    border-color: var(--main-color);
}

input[type="submit"] {
    width: auto;
    padding: 10px 20px;
    background-color: var(--main-color);
    border-color: var(--main-color);
    font-weight: bold;
    cursor: pointer;
}

/* Home */

.column-featured-image img {
    width: 100%; /* Allow the image to grow in width */
    height: 100%; /* Allow the image to grow in height */
    object-fit: fill;
}

/* Services */

.service {
    padding: 40px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.service img {
    border-radius: 10px;
}

.service h3 {
    display: block;
    margin-bottom: 40px !important;
}

/* Listing */

.rtcl-price-unit-total {
    display: none !important;
}

.rtcl-listing-meta-data .listing-type {
    display: none !important;
}

.badge.rtcl-badge-new {
    background-color: var(--main-color);
}

/* Responsive */

@media only screen and (max-width: 600px) {
    .custom-header {
        display: none !important;
    }
}