:root {
    --primary: #ea4a66;
    --secondary: #84428c;
    --success: rgb(204,166,101);
    --info: rgb(204,166,102);
    --warning: rgb(206,169,104);
    --danger: rgb(208,172,109);
    --light: rgb(218, 204, 181);
    --dark: rgb(212,178,110);
}

body {
    background-color: var(--light);
    /* background-image: url("/bg.webp"); */
    background-size: cover;
    background-position: fixed;
    font-family: "Oxygen", serif;
    font-weight: 400;
    font-style: normal;
    font-size: normal;
    font-size: 13pt;
}

.bg-contrast { background: #DA4453;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #89216B, #DA4453);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #89216B, #DA4453); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
.title {  font-size: calc(2rem + .6vw); color: var(--secondary); font-weight: bold; padding-top: 2rem; padding-bottom: 2rem;}

h1 {     font-size: calc(2rem + 1.5vw); font-weight: bold; line-height: 1em; color: var(--primary); margin-bottom:2rem; }
h1 small { font-weight: normal; font-size: .6em; line-height: .6em; }

h1, h2, h3, h4, h5 { color: var(--primary); }

.header { 
    background-image: url("/images/Bucharest-1.jpg");
    background-size: cover;
    font-style: normal; 
    padding-bottom: 1rem;
    color: black;
}

.header-container {
    padding: 1rem;
    padding-top: 120px;
    background-color: rgba(240, 240, 240, 0.7);
    min-height: 50vh;
}

.lead, .lead h1 { 
    color: var(--secondary);
    text-shadow: 2px 2px 4px #888;
    font-size: calc(1.375rem + 2vw);;
}
.lead h3 { margin-top: 1rem; }

.content .container {
    margin-top: .5rem;
    background-color: rgba(240,240,240,.9);
}

.container .row { 
    padding: 2rem;
}
.navbar-nav { padding: 20px; }
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    position: relative;
    text-align: right;
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    right: 0; }


footer .container { background-color: rgba(255, 255, 255, .5); }

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: var(--bs-navbar-active-color);
    background-color: var(--light); color: black;
}   
.navbar-nav .nav-link:hover { 
    color: var(--primary);
}


.logo { padding: .5rem; }
.cards { display: flex;}
.lector { text-align: center; width: 200px; }
.lector img { border-radius: 30px; max-height: 140px;}
.lector p { color: var(--secondary)}
.lector p::first-line {
    font-size: 1.4rem;
    font-weight: bold;
  }

.own-btn-dark { background-color: var(--dark); color: #eee; }
.own-btn-dark:hover { background-color: var(--light); }
.own-list { list-style: none; padding-left: 1rem; }

.partners_logo { 
    text-align: center;
}
.partners_logo img {
    max-height: 70px;
    margin: .3rem;
}

.partners_logo_head img {
    max-height: 30px;
    margin: .3rem;
}

.tax-selector { 
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    align-content: stretch;
}

@media (max-width: 800px) {
    .tax-selector {
      flex-direction: column;
    }
    .tax { flex: 100%; width: 100%; }
  }

.tax { 
    flex: 30%;   
    position: relative;
    border: 2px solid #ccc;
    box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);
    padding: 1rem;
    border-radius: 1rem;
    margin: 5px;
    cursor: pointer;
}

.tax.selected { 
    background: -webkit-linear-gradient(to left, #ffdde1, #E5097F);
    background: linear-gradient(to left, #ffdde1, #E5097F);
    border: solid 2px #E5097F;
}

.tax:hover {
    background-image: linear-gradient(to left, #fee, #efe);
}

.tax .item { 
    font-size: 1.1em; font-weight: bold;
}
.tax .valid {
    color: #888;
}
.tax .value { 
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 1.3em;
    font-weight: bold;
}

/* program page */
    .time-col {
        width: 90px;
        font-weight: 600;
        white-space: nowrap
    }

    .break-row {
        background: #f8f9fa
    }

    .dinner-row {
        background: #fff3cd
    }

    .badge {
        font-weight: 500
    }

    .nav-tabs .nav-link {
        font-weight: 600
    }

    .lead small {
        display: block;
        color: #6c757d
    }

    .table thead th {
        border-top: 0
    }