body, h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat,sans-serif;
}
.data-element{
    margin: auto;
    padding-left:10px;
    padding-right:10px;

}
@media(min-width: 320px){
    .data-element {
        max-width: 300px;
    }
}
@media(min-width: 360px){
    .data-element {
        max-width: 350px;
    }
}
@media(min-width: 420px){
    .data-element {
        max-width: 410px;
    }
}
@media(min-width: 570px){
    .data-element {
        max-width: 550px;
    }
}
@media(min-width: 770px){
    .data-element {
        max-width: 750px;
    }
}
@media(min-width: 990px){
    .data-element {
        max-width: 970px;
    }
}
@media(min-width: 1200px){
    .data-element {
        max-width: 1180px;
    }
}
.logo-centered{
    width:201px;
    display: block;
    margin: auto;
    padding-top: 0.8rem;

}
.main-logo-a{
    position: relative;
    margin:auto;
    z-index: 10;
}
.language-block{
    position: absolute;
    top:0;
    width:100%;
}
.language-select{
    padding-top: 0.8rem;
    float: right;
}
.language-select-select{
    background-color: white;
    border-color: #197468;
    border: 1px;
    color: black;
}
.language-select-select:hover{
    background-color: #298478;
    border-color: #197468;

}

.header-top{
    background-color: #234052;
    background-image: url("/static/background.png");
    background-position: bottom -100px center;
}
.header-box{
    overflow: hidden;
}
.t4a-logo-main{
    #display: block;
    #margin: auto;
    #padding-top: 0.8rem;
}
.logo-subtext{
    display: block;
    font-size:0.9rem;
    text-align:center;
    padding-left: 6rem;
    padding-bottom: 0.8rem;
    color: white;
}

.main-image-with-search{
    background-color: #234052;
    background-image: url("/static/background.png");
    height: 15em;
}
.search-box{
    margin: auto;
    padding-top:9.2em;
}
@media(min-width: 320px){
    .search-box {
        width: 300px;
    }
}
@media(min-width:  570px){
    .search-box{
        width: 530px;
        margin: auto;
        padding-top:9.2em;
    }
}
@media(min-width: 770px){
    .search-box{
        width: 600px;
        margin: auto;
        padding-top:9.2em;
    }
}

.search-help{
    color: white;
    padding-top:0.3em;
    font-size: 0.8em;
}
.header-main-menu{
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    overflow: hidden;
}
.header-main-menu a{
    text-decoration: none;
    color: #234052;
    display:block;
}
.header-main-menu-mobile{
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.header-main-menu-mobile a{
    padding-left: 2rem;
    padding-right: 2rem;
    text-decoration: none;
    color: #234052;
    display:block;
}

.content-box{
}
.list-container{
    color: #555555;
}
.list-element{
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #e5e5e5;
}


.footer{
    margin-top: 1em;
    background-color: #330080;
    background-image: url("/static/background.png");
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
.footer a{
    text-decoration: none;
    color: white;
    margin-right: 2em;
    float: right
}
.pull-left{
    float: left;
    margin-right: 2em;
}
.pull-right{
    float: right;
    margin-left: 2em;
}
.main-title{
    color: #555555;
    margin-top: 1.2em;
    font-size: 2em;
}

.single-date{
    font-size: 0.8em;
}

.btn-dark {
    color: #E9EDEF;
    background-color: #4B5F71;
    border-color: #364B5F;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.extra-text{
    margin: auto;
    padding-top:1.8rem;
    color: white;
}
a{
    text-decoration:none;
}
.nice-box-front{
    border: 1px solid #999999;
    height: 120px;
    margin:10px;
    padding:20px;
    text-align:center;
    border-radius: 5px;
    color:#333333;
}
.nice-box-front:hover{
    color:white;
    background-image: url("/static/background.png");
}
.nice-box-icon{
    display:block;
    width: 100%;
    margin-bottom:1.2rem;
}
.nice-box-icon i{
    margin: auto;
    font-size: 2.8rem;
}
.nice-box-icon-hover{
    display:none;
}
.nice-box-front:hover .nice-box-icon{
    display:none;
}
.nice-box-front:hover .nice-box-icon-hover{
    display:block;
}


.main-title-start{
    margin-top:2rem;
    font-size:1.3rem;
    text-align: center;
    color: #555555;
}
.main-subtitle-start{
    font-size:1.1rem;
    text-align: center;
    margin-top:0.3rem;
    color: #555555;
}

.nice-box-front-white{
    border: 1px solid #ffffff;
    color: white;
    height: 120px;
    margin:10px;
    padding:20px;
    text-align:center;
    border-radius: 5px;
}
.extra-text-header{
    text-align:center;
}


@media screen and (max-width: 799px){
    .mobile-size{
        display: block;
    }
    .wide-size{
        display: none;
    }
}
@media(min-width: 800px){
    .mobile-size{
        display: none;
    }
    .wide-size{
        display: block;
    }
}
.btn-success{
    background-color: #124559;
    border-color: #124559;
    color: #ffffff;
}
.btn-success:hover{
    background-color: #ffffff;
    border-color: #124559;
    color: #124559;
}
.btn-success-light {
    background: #26B99A;
    border: 1px solid #169F85;
    color: #ffffff;
}
.form-control{
    border-radius: 0.3rem;
    margin-bottom: 1rem;
}
.login-form-alert{
    border-radius: 0.3rem;
    margin-bottom: 1rem;
    color: white;
    padding: .375rem .75rem;
    background-color: #9f0013;
    border: solid 1px #700411;
}
.front_link{
    color: #234052;
}
.cookie-consent-modal{
    z-index: 100;
    position: fixed;
    bottom: 0;
    background-color: white;
    width: 100%;
}
.cookie-modal-header{
    padding: 1em  2em;
    border-top: solid 1px LightGray;
    border-bottom: solid 1px LightGray;
}
.cookie-modal-body{
    padding: 1em  2em;
}

/* FLAGS */
.flag-symbol{
    width: 16px;
}

/* tags - buttons */
.btn-default-2{
    margin-top: 0.4em;
    border: solid 1px #444444;
}
.btn-default{
    border: solid 1px #444444;
}
/* for parties -details */
.front-data-table{
    margin-top: 1em;
    margin-bottom: 5em;
}
.front-data-table td{
    padding-bottom: 0.9em;
    min-width: 15em;
}

.entry-party-data{
    border-bottom: solid 1px #aaaaaa;
    padding-bottom: 0.5em;
}
.visible-party-data{
    padding-bottom: 0.5em;
}
@media(max-width: 569px){
    .details-button{
        width: 100%;
    }
}

@media(min-width: 570px){
    .party-details-button{
        position: relative;
        float:right;
        top: -2.7em;
    }
}
.details-party-data{
    border-top: dotted 1px #cccccc;
    padding-top: 0.6em;
}
.party-poster{
    max-width: 100%;
}

#user-parties-data{
    margin-top: 2em;
}
.parties_row{
    padding-top: 0.5em;
    min-height: 2em;
    border-bottom: solid 1px #aaaaaa;
    padding-bottom: 0.5em;
}
.modal-2{
    zindex: 1055;
    position: fixed;
    margin: 5em;
    margin-left: 10%;
    padding: 2em;
    left: 0;
    top: 10em;
    width: 80%; /* Full width */
    overflow: auto; /* Enable scroll if needed */
    background-color: #ffffff;
    border:solid #aaaaaa 1px;
    border-radius: 0.5em;
}
.btn-default-3{
    border: solid 1px #444444;
}
.modal-2-buttons{

}
.cancelled_title{
    color: #990000;
    text-decoration-line: line-through;
    padding-bottom: 0.1em;
}
.party_title{
    font-size: 1.2em;
    font-weight: 500;
}
#found-dance-parties{
    margin-top: 1.5em;
}

.breadcrumb-t4a{
    margin-top: 0.5em;
    font-size: 0.9em;
    margin-bottom: 0em;
}
.breadcrumb-t4a a{
    color:#333333;
}

.btn-logout{
    text-decoration: none;
    color: #234052;
    display: block;
}