/*
Theme Name: CRS Support
Author: Ruben
Author URI: 
Description: CRS support
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: crs
Tags: CRS
*/

:root {
    --bs-primary: #00c1de;
    --bs-primary-rgb: 0, 192, 221;

    --bs-dark: #241f21;
    --bs-dark-rgb: 36, 31, 33;

    --bs-body-font-family: 'Roboto', var(--bs-font-sans-serif);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00a1b9;
    --bs-btn-hover-border-color: #0093aa;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0093aa;
    --bs-btn-active-border-color: #00a1b9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.letterspacing {
    letter-spacing: 0.00625rem;
}

.form-control::placeholder {
    color: #adadad;
}

header img#logo {
    max-width: 15rem;
    max-height: 15rem;
    width: 100%;
}

.lang-item {
    list-style: none;
}

/* Verberg standaard vlag */
.lang-item img {
    display: none;
}

/* NL */
.lang-item-nl a {
    background-image: url('/wp-content/themes/crs-support/images/icons/Padel_Icoon-Nederlands.svg');
}

/* EN */
.lang-item-en a {
    background-image: url('/wp-content/themes/crs-support/images/icons/Padel_Icoon-Engels.svg');
}

/* DE */
.lang-item-de a {
    background-image: url('/wp-content/themes/crs-support/images/icons/Padel_Icoon-Duits.svg');
}

/* Algemene styling */
.lang-item a {
    display: inline-block;
    width: 2.63rem;
    height: 2.63rem;
    background-size: auto;
}

.bg-support {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Perfect size */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

.w-stretch {
    width: stretch;
}