/*
Theme Name: Visualia ETS
Theme URI: https://visualiaets.it
Author: Matteo Russo
*/

/* ========== Base Styles ========== */
body {
    font-family: 'Mulish';
    font-size: 14px;
}

::placeholder {
    color: #c2c2c2 !important;
    opacity: 1;
    font-size: 14px;
}

b, strong {
    font-weight: 700;
}

.sticky-top {
    top: 20px !important;
}

.text-dark {
    color: rgb(33 37 41) !important;
}

.shadow-bottom-fade {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 20px -20px;
    position: relative;
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) #efefef !important;
}

/* ========== Typography ========== */
.small, small {
    font-size: .785em;
}

.logo {
    font-family: "Playfair Display", serif;
    font-size: 3em;
    letter-spacing: -3px;
}

span.it {
    color: #d2455b;
    font-size: .6em;
    font-style: italic;
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

h1 {
    font-weight: 700;
    font-size: 2.5em;
    margin-top: -5px;
    letter-spacing: -2px;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1.4em;
}

#toc li {
    font-weight: bold;
    text-transform: uppercase;
    font-size: .8em;
}

/* ========== Links ========== */
a {
    color: #3e3e3e;
}

a:hover {
    color: #d2455b;
}

a.nav-link {
    color: #3e3e3e;
    font-family: "Instrument Serif", serif;
    padding-left: 0;
    font-size: 1.5em;
}

a.nav-link:hover {
    color: #d2455b;
}

/* ========== Buttons ========== */
.btn-primary {
    background: #212529 !important;
    border-color: #212529 !important;
    font-family: 'Mulish' !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 0px !important;
    border-radius: 0 !important;
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
    font-size: .8em !important;
}

.btn:hover {
    background: #be2e44;
    border-color: #be2e44;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background: #be2e44;
    border-color: #be2e44;
}

.btn.btn-outline-primary {
    background: #ffffff;
    border-color: #3e3e3e;
    font-family: 'Mulish';
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0px;
    border-radius: 0;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: .8em;
    color: #3e3e3e;
}

/* ========== Search ========== */
.search-wrapper {
    position: relative;
}

.search-wrapper .search-input {
    padding-right: 2.5rem;
}

.search-wrapper .search-icon {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    color: #6c757d;
    cursor: pointer;
    z-index: 2;
}

input.form-control.search-input {
    border-radius: 30px;
    box-shadow: inset 5px 5px 5px #ebebeb;
    border: 1px solid #f5f5f5;
}

i.fas.fa-search {
    color: #cbcbcb;
}

/* ========== Components ========== */
.card-header {
    background: #d2455b;
    color: white;
    font-family: 'Mulish';
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0px;
    font-size: .8em;
    border-bottom: 1px solid #d2455b;
    border-radius: 0 !important;
}

.card {
    border: 1px solid #d2455b;
    border-radius: 0 !important;
}


article.first-notizia img {
    border-radius: 5px;
    height: 250px;
    width: 100%;
    object-fit: cover;
}


article.first-notizia h2 {
    font-size: 2.7em;
    text-align: center;
    font-weight: 700;
    padding: 0 0em;
    font-family: 'Playfair Display';
}

article.first-notizia h3 {
    font-size: 1.1em;
    text-align: center;
    font-weight: 500;
}

/* ========== Offcanvas ========== */
.offcanvas-backdrop.show {
    opacity: .75 !important;
}

.offcanvas-header {
    padding: 1em 2em;
}

.offcanvas-body {
    padding: 0em 2em;
}

hr {
    margin: 2rem 0;
    color: #eee;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: 1;
}

.approfondisci {font-size: .8em;}

.approfondisci a {
    background: #d2455b;
    padding: 2px 5px;
    color: white;
    float: right;
    text-decoration: none;
}

.note li {
    font-size: .9em;
    font-style: italic;
}

img.img-fluid.insidenews {
    height: 275px;
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
}

.note.py-3 {
    margin-bottom: -2em;
}

.table-dark {
    --bs-table-bg: #d2455b !important;
    --bs-table-border-color: #d5566a !important;
}

aside#sidebar-index {
    margin-top: 5em;
}

.list-group-flush>.list-group-item {
    font-weight: 600 !important;
}

img {
    max-width: 100%;
}

@media (max-width: 575.98px) {
  .g-5,
  .gy-5 {
    --bs-gutter-y: 1rem;
  }
}