@import url("/resources/global-v2/css/v2/fragments/styled-select.css");

.head_menu {
  min-height:70px;
  background: none;
}

.element-block {
    margin-top: 20px;
    margin-bottom: 10px;
}

.button-block{
    margin-top: 20px;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .element-block{
        width: 50%;
    }

    .button-block{
        width: 50%;
    }
}

@media (max-width: 450px) {
    .element-block{
        width: 100%;
    }
    .button-block{
        width: 100%;
    }
}


/* event row/tile */

.event {
    /*background-color: lightcyan;*/
}

.event-row-block {
    border: 1px solid rgb(240,240,240);
    background-color: rgb(248,248,250);
    padding: 10px;
    padding-right: 30px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .event-row-block {
        max-width: 380px;
        margin: 0 auto;
        padding: 10px;
        margin-bottom: 10px;
    }
}

.event-row {
    min-height: 125px;
}

.event-row-left-block {
    float: left;
    position: relative;
    width: 250px;
    height: 125px;
    text-align: center;
}

.event-row-middle-block {
    margin-left: 10px;
    float: left;
    position: relative;
    height: 125px;
}

@media (min-width: 768px) {
    .event-row-block {
        padding-right: 10px;
    }
    .event-row-left-block {
        width: 190px;
    }
    .event-row-middle-block {
        width: 368px;
    }
}

@media (min-width: 992px) {
    .event-row-block {
        padding-right: 30px;
    }
    .event-row-left-block {
        width: 250px;
    }
    .event-row-middle-block {
        width: 500px;
    }
}

@media (min-width: 1200px) {
    .event-row-block {
        padding-right: 30px;
    }
    .event-row-left-block {
        width: 250px;
    }
    .event-row-middle-block {
        width: 700px;
    }
}


.event-row-right-block {
    margin-left: 10px;
    float: right;
    position: relative;
    width: 150px;
}

.event-row-img {
    max-width: 100%;
    /*height: 100%;*/
    max-height: 100%;
}

.event-row-eventname {
    font-weight: 700;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #445156;
}

.event-row-category {
    font-size: 16px;
    color: #445156;
    font-weight: 700;
    margin-top: 3px;
    margin-bottom: 3px;
}

.event-row-venue {
    color: #445156;

}

.event-row-date {
    font-weight: 700;
    font-size: 20px;
    color: #445156;
    position: absolute;
    bottom: 0px;
}

.btn-eventrow-register, .btn-eventrow-register:focus, .btn-eventrow-register:hover {
    /*background-color: transparent;
    border: 2px solid #445156;
    color: #445156;*/

    background-color: #19719F;
    border: 2px solid #19719F;
    color: white;

    margin-top: 42px;
    min-width: 150px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    padding: 4px 10px;
}

.btn-eventtile-register, .btn-eventtile-register:focus, .btn-eventtile-register:hover {
    background-color: #19719F;
    border: 2px solid #19719F;
    color: white;
    margin-top: 10px;
    min-width: 150px;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    padding: 4px 10px;
}



.event-row-right-price {

    margin-top: 7px;
    text-align: center;
    font-size: 16px;
}

.btn-events-search, .btn-events-search:focus, .btn-events-search:hover {
    color: white;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    background-color: #19719F;
    border: 2px solid #19719F;
}


.event-tile {
    position: relative;
}

.event-tile a{
    text-decoration: none;
}

.event-tile-img-block {
    margin-bottom: 10px;
}

.event-tile-img-block-inner {
    position: relative;
    text-align: center;
}

.event-tile-botblock {
    height: 125px;
    position: relative;
}


.event-tile-date {
    font-weight: 700;
    font-size: 20px;
    color: #445156;
    position: absolute;
    bottom: 0px;
}

.event-tile-price {
    color: black;
    width: 100px;
    background-color: white;
    height: 24px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border: 1px solid black;
    font-size: 16px;
}

/*.hidden-search-acitve{
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
}

@media (max-width: 767px) {
    .hidden-search{
        position: absolute;
        opacity: 0;
        visibility: hidden;
        transition: visibility 0s, opacity 0.5s linear;
    }
}*/

.category-styled-select::before {
    background-color: #19719F;
}