:root {
    --ql-bg-color: #1C1C1C;
    --foot-bg-color: #2A2A2A;
    --ql-white:#FFF;
    --ql-pink:#d04592;
    --ql-grey:#303030;
    --ql-greyvis:#BFBFBF;
    --ql-green:#45D083;
}

body {
    background-color:var(--ql-bg-color);
    color:var(--ql-white);
    font-family:Verdana;
}

a {
    color: var(--ql-white);
    text-decoration:none;
    font-weight:bold;
}

footer {
    padding:1rem 1rem 1rem 1rem;
    margin:2rem 0 0 0;
    background-color:var(--foot-bg-color);
    text-align:center;
}

ul { 
    list-style-type:none;
    padding:0;
    margin:0 0 1rem 0;
}

nav {
    border:0;
    padding:0;
}

h1 {
    font-size:1.5rem;
    font-weight:bold;
    text-transform:none;
    margin:1rem 0 1rem 0;
}

h2,.h2l {
    font-size:1.5rem;
    font-weight:bold;
    text-transform:none;
    margin:1rem 0 1rem 0;
    padding:0;
}

.card {
    background-color:var(--ql-bg-color);
    margin:0 0 1.2rem 0;
    border-bottom:1px solid var(--ql-grey);
    border-radius: 0;
    padding:0 0 1.5rem 0;
}

.card-body {
    margin:0;
    padding:0;
}

.card-title {
    color:var(--ql-white);
    font-size:1.2rem;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space:nowrap !important;
    font-weight:bold;
    margin:0.4rem 0 0 0;
}

.card-img-top {
    object-fit: cover;
    border-radius: 0;
    @media (min-width: 576px) {
	aspect-ratio: 16/9;
    }
    @media (max-width: 575px) {
	height:90px!important;
    }
}

.card-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space:nowrap !important;
    font-size:0.8rem;
    color:var(--ql-white);
}

.cityTop {
    margin-bottom:0.3rem;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space:nowrap !important;
}

.cityTop a {
    color:var(--ql-green);
    font-size:1.6rem;
    line-height:1.6rem;
    @media (max-width: 575px) {
	font-size:1.5rem;
	line-height:1.5rem;
    }
}

.cityTop small {
    color:var(--ql-white);
    display:block;
    font-size:0.8rem;
    line-height:1rem;
}

.feat {
    margin: 1rem 0 0 0;
}

.carousel {
    @media (min-width: 768px) {
	width:85%;
    }
    @media (min-width: 768px) {
	width:75%;
    }
    @media (min-width: 992px) {
	width:65%;
    }
    @media (min-width: 1200px) {
	width:55%;
    }

}

.carousel img {
    aspect-ratio: 16/9;
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    width:2rem;
    height:2rem;
}

.menu {
    line-height:2rem;
    background-color: var(--ql-pink);
    padding:1rem 0 1rem 0;
    width:100%;
}

.menu .toRight {
    float:right;
}

.menu a {
    font-weight: bold;
    font-size: 1.5rem;
    color: var(--ql-white);
}

.menu button {
    font-weight: bold;
    font-size: 1.5rem;
    color: var(--ql-white);
    padding:0;
    background:none;
    border:0;
    outline:0;
}

.menu .qlT {
    overflow: hidden !important;
    white-space:nowrap !important;
}

.menu svg {
    width:1.8rem;
    height:1.8rem;
    fill: var(--ql-white);
    vertical-align:middle;
    margin:0 0 0 1rem;
}

.menu .nope svg {
    fill: var(--ql-grey)!important;
}

.menubt {
    overflow-x: scroll;
    white-space: nowrap;
    margin: 1rem 0 0 0;
}

.menubt a {
    font-weight: bold;
    font-size: 1.6rem;
    color: var(--ql-green);
    margin:0 0.5rem 0 0;
}

.menubt a h1 {
    font-weight: bold;
    font-size: 1.6rem;
    color: var(--ql-white);
}

.menubt svg {
    width:2rem;
    height:2rem;
    fill:#FFF;
    display:inline-block;;
    margin:0;
    padding:0;
}

.curevent,.curevent h1 {
    color: var(--ql-white)!important;
    display: inline;
    text-transform:none;
}

.pubadman {
    width:300px;
    text-align: center;
    margin:0 0 1em 0;
    @media (max-width: 575px) {
	margin:1em 0 1em 0;
    }
}

.pubadman .pubimg {
    background-color:var(--ql-pink);
}

.pubadman a {
    font-size:0.8rem;
}

.nolink {
    text-align:center;
    font-size:0.8rem;
    margin:0 0 1em 0;
    color: var(--ql-greyvis);
}

.bot-small {
    font-size:0.8rem;
    margin:0 0 1em 0;;
    text-align:center;
}

.bot-small a {
    font-weight:normal;
}

.bot-small li {
    display: inline;
    padding:0 0.4rem 0 0;
}

.addE {
    margin: 0 0 1rem 0;
}

.addE svg {
    width:2rem;
    height:2rem;
    fill: var(--ql-green);
}

.addE a b {
    padding:0 0 0 0.6rem;
    vertical-align:middle;
    color:var(--ql-green);
}

.pride a {
    font-weight:bold;
}

.navbar {
    background-color:var(--ql-bg-color)!important;
    margin:0 -5px 0 -5px;
}

.enumL {
    list-style-type:disc;
    padding-left:2em;
}

.otherc {
    margin: 0 0 1rem 0;
}

.Err404 {
    font-size:1.6rem;
    margin:1em 0 1rem 0;
}

.offer {
    margin:2rem 0 0 0;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space:nowrap !important;
}

.edesc {
    word-wrap: break-word;
    line-height:1.4rem;
    margin:2rem 0 2rem 0;
}

.edet {
    display:table-row;
}

.edet i {
    margin: 0 0 .3rem 0.5rem;
    border-left: 1px dotted #8e8d8d;
    width:3rem!important;
    text-align:center;
    display:table-cell;
}

.edet i svg {
    fill: var(--ql-pink);
    width:16px;
    height:16px;
}

.edet .cont {
    display:table-cell;
}

.event {
    margin: 1rem 0 0 0;
}

#searchField2 {
    margin:0;
    border: none;
    outline:none;
    border-radius: 0;
    background-color: var(--ql-white);
    padding: 7px 15px;
    overflow: auto;
    display: inline-block;
    color: var(--ql-green);
    height:2.8em;
    font-size: 1.4em;
    font-weight:bold;
    width: 100%;
    line-height: 2em;
}

input::placeholder {
    color: var(--ql-green);
    font-weight:bold;
}

.addForm button {
    background-color: var(--ql-green);
    color:var(--ql-white);
    padding:0.5em 1em;
    margin:2em 0 1em auto;
    border-radius: 0.4rem;
    display:block;
}

.addForm input,.addForm textarea {
    margin: 0.3rem 0 1rem 0;
}

.sponso {
    line-height:1.6rem;
    margin: 0 0 2rem 0;
}

.sponso svg {
    fill: var(--ql-green);
    width:32px;
    height:32px;
    vertical-align:top;
    margin: 0 1rem 0 0;
}

.fbox {
    text-align:center;
}
.fboxhead {
    background-color:#612B8C;
    color:white;
    font-size:1.6em;
    padding:0.5em 0 0.5em 0;
    margin-bottom:5px;
}
.fboxprice {
    background-color:#612B8C;
    color:white;font-size:1.2em;
}
.fboxtext {
    border-left:1px solid #612B8C;
    border-right:1px solid #612B8C;
    padding:1em;
    font-weight:bold;
}
.fboxpp {
    border-left:1px solid #612B8C;
    border-right:1px solid #612B8C;
    border-bottom:1px solid #612B8C;
    padding-bottom:1em;
}

.fboxext .fboxhead, .fboxext .fboxprice {
    background-color:#4775B9;
}

.fboxext .fboxtext {
    border-left:1px solid #4775B9;
    border-right:1px solid #4775B9;
}

.fboxext .fboxpp {
    border-left:1px solid #4775B9;
    border-right:1px solid #4775B9;
    border-bottom:1px solid #4775B9;
}

.fboxtot .fboxhead, .fboxtot .fboxprice {
    background-color:#62A64F;
}

.fboxtot .fboxtext {
    border-left:1px solid #62A64F;
    border-right:1px solid #62A64F;
}

.fboxtot .fboxpp {
    border-left:1px solid #62A64F;
    border-right:1px solid #62A64F;
    border-bottom:1px solid #62A64F;
}

.pc td {
    border: 2px solid rgb(140 140 140);
    padding:0.4rem;
}

.ical {
    margin: 1rem 0 0 0;
    color:#2B2B2B;
    font-weight:bold;
    padding: 0.4rem 0.8rem;
    border-radius:0.4rem;
    background-color:var(--ql-green);
    border: none;
    text-decoration: none;
}