:root {
    --color-recanto-primary: #455F32;
    --color-recanto-secondary: #FEF0DF;

    --color-recanto-primary-hover: #394c27;
    --color-recanto-secondary-hover: #ecdcce;
}

body {
    background-color: var(--color-recanto-secondary);
    font-size: .85rem;
}

small {
    font-size: 70%;
}

h1 {
    font-size: 1.6rem;
    padding-bottom: 8px;
    color: var(--color-recanto-primary);
    font-weight: 600;
    margin-top: 0;
}
h1::after {
    content: '';
    width: 20%;
    height: 1px;
    background-color: var(--color-recanto-secondary-hover);
    margin-top: 8px;
    display: block;
    border-radius: 5px;
}

h2, h3, h4, h5, h6 {
    color: var(--color-recanto-primary-hover);
    font-weight: 600;
    margin-top: 0;
}

h2 {
    font-size: 1.2rem;
}

.text-recanto-primary {
    color: var(--color-recanto-primary);
}

.text-recanto-primary-e {
    color: var(--color-recanto-primary-hover);
}

.text-recanto-secondary {
    color: var(--color-recanto-secondary);
}

.text-recanto-secondary-e {
    color: var(--color-recanto-secondary-hover);
}

.bg-recanto-primary {
    background-color: var(--color-recanto-primary);
}

.bg-recanto-secondary {
    background-color: var(--color-recanto-secondary);
}

.bg-recanto-primary-e {
    background-color: var(--color-recanto-primary-hover);
}

.bg-recanto-secondary-e {
    background-color: var(--color-recanto-secondary-hover);
}

.p-6 {
    padding: 3.5rem!important
}
.p-7 {
    padding: 4rem!important
}
.p-8 {
    padding: 4.5rem!important
}
.p-9 {
    padding: 5rem!important
}
.p-10 {
    padding: 5.5rem!important
}

.py-6 {
    padding-top: 3.5rem!important;
    padding-bottom: 3.5rem!important;
}
.py-7 {
    padding-top: 4rem!important;
    padding-bottom: 4rem!important;
}
.py-8 {
    padding-top: 4.5rem!important;
    padding-bottom: 4.5rem!important;
}
.py-9 {
    padding-top: 5rem!important;
    padding-bottom: 5rem!important;
}
.py-10 {
    padding-top: 5.5rem!important;
    padding-bottom: 5.5rem!important;
}

.px-6 {
    padding-left: 3.5rem!important;
    padding-right: 3.5rem!important;
}
.px-7 {
    padding-left: 4rem!important;
    padding-right: 4rem!important;
}
.px-8 {
    padding-left: 4.5rem!important;
    padding-right: 4.5rem!important;
}
.px-9 {
    padding-left: 5rem!important;
    padding-right: 5rem!important;
}
.px-10 {
    padding-left: 5.5rem!important;
    padding-right: 5.5rem!important;
}

.mini-lead {
    font-size: 1.05rem;
    font-weight: 300;
}

.form-check-input:checked {
    background-color: var(--color-recanto-primary);
    border-color: var(--color-recanto-primary);
}

.form-control {
    border-color: var(--color-recanto-secondary-hover);
}

#labeTipoPessoa, #labelNome, #labelDocumento, #labelTelefone {
    text-transform: uppercase;
    font-weight: 500;
    font-size: .8rem;
}

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

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

#logo-site-topo {
    height: 5rem;
}

#logo-site-rodape {
    height: 9rem;
}

#logo-reserva {
    height: 16rem;
}

#box-img-recanto {
    background-image: url(../img/box-img-recanto-sede.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    width: 100%;
}

#box-img-recanto h1 {
    text-transform: revert;
    font-weight: normal;
    font-size: 1.6rem;
}

#box-img-reserva {
    background-image: url(../img/box-img-reserva.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    width: 100%;
}