/*Custom fixes*/
/*Shared*/

footer > div {
    max-width: 1064px;
    margin-left: auto;
    margin-right: auto;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 55px;
    justify-content: space-between;
}
@media only screen and (max-width: 1135px) {
    footer > div {
        align-items: center;
        flex-direction: column;
    }
    body footer {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: auto;
        padding: 25px 0;
    }
}

.row.headers h3 {
    font-size: 1.3em;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .leftwhensmall {
        text-align: left !important;
    }
}
@media only screen and (max-width: 500px) {
    .leftwhensmall {
        text-align: right !important;
        position: relative;
        top: 10px;
        padding-right: 0;
        right: -25px;
    }
}

body .max.centering {
    max-width: 1064px;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}


@media only screen and (min-width: 992px) and (max-width: 1064px) {
    .entry-wrapper {
        max-width: 350px !important;
    }
    .aligntop .entry-wrapper {
        max-width: 275px !important;
    }
    .aligntop2 .entry-wrapper {
        max-width: none !important;
    }
}
@media only screen and (min-width: 930px) and (max-width: 991px) {
    .entry-wrapper {
        max-width: 350px !important;
    }
    .aligntop2 .entry-wrapper {
        max-width: 75% !important;
        margin-left: 12.5%;
    }
}

@media only screen and (max-width: 991px) and (min-width: 900px) {
    .aligntop  .entry-wrapper {
        max-width: 345px !important;
    }
}
@media only screen and (max-width: 900px) and (min-width: 825px) {
    .aligntop  .entry-wrapper {
        max-width: 305px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 824px) {
    .aligntop .entry-wrapper {
        max-width: 275px !important;
    }
}
.aligntop .entry-wrapper {
    align-items: stretch;
}
@media only screen and (min-width: 1501px) {
    .aligntop {
        margin-left: 0;
        margin-right: 0;
        width: 75%;
        padding: 0;
        border: 0;
    }
    .aligntop .entry-wrapper:nth-child(odd), .aligntop .entry-wrapper:nth-child(even) {
        margin-left: 70px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .aligntop .entry-wrapper:nth-child(even) {
        margin-left: 108px;
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .aligntop {
        justify-content: space-between;
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .aligntop .entry-wrapper:nth-child(odd), .aligntop .entry-wrapper:nth-child(even) {
        margin-left: 60px;
    }
}
@media only screen and (min-width: 1350px) and (max-width: 1500px) {
    .aligntop .entry-wrapper {
        max-width: 375px !important;
    }
}
@media only screen and (min-width: 1201px) and (max-width: 1349px) {
    .aligntop .entry-wrapper {
        max-width: 325px !important;
    }
}

@media only screen and (max-width: 767px) {
    .content .aligntop2 .large .header .ranking {
        margin-top: 0;
    }
    .aligntop2 .dates {
        margin-top: 0;
    }
    .col-xs-6.col-m-5.button-push.makethis94onmobile {
        width: 94% !important;
        text-align: right !important;
    }
}
@media only screen and (max-width: 853px) {
    .aligntop2 .entry-wrapper .sub {
        padding-top: 44px;
    }
}
@media only screen and (max-width: 500px) {
    .aligntop2 .funtions i+i+i {
        left: 40px;
        margin-top: 45px !important;
    }
    .content .aligntop2 .large .sub .funtions {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 600px) {
    .aligntop2 .entry-wrapper .sub .user-wrapper {
        position: unset;
        margin: 0 auto 20px auto;
        display: block;
    }
    .content .aligntop2 .large .sub {
        padding-left: 32px;
    }
    .content .aligntop2 .large .header {
        height: 75px;
    }
    .aligntop2 .dates {
        margin-top: -22px;
    }
    .content .aligntop2 .large .header .place-wrapper {
        width: 100% !important;
        display: inline-block !important;
        height: 58px;
        margin-right: 25px;
        padding-top: 0;
        text-align: center;
    }
    .content .aligntop2 .large .header .ranking {
        width: 100% !important;
        display: unset;
        float: right;
        padding-top: 0;
        text-align: right;
        padding-left: 35px;
    }
    .content .aligntop2 .large .sub .funtions {
        margin-top: 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 929px) {
    .entry-wrapper {
        max-width: 275px !important;
    }
    .aligntop2 .entry-wrapper {
        max-width: 75% !important;
        margin-left: 12.5%;
    }
}
.aligntop {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}
.aligntop .entry-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
}
.aligntop .entry-wrapper .image {
    top: 65px;
}
.aligntop .entry-wrapper .sub {
    flex-grow: 1;
}
@media only screen and (max-width: 767px) {
    .aligntop {
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
    }
    .aligntop .entry-wrapper {
        max-width: 420px !important;
    }
}

body .max.centering #vertical-ticker1,
body .max.centering #vertical-ticker2 {
    left: 0 !important;
    float: none;
    flex: 0 0 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

@media only screen and (max-width: 767px) {
    body .max.centering #vertical-ticker2 {
        flex: 0 0 100%;
    }
}

body .content {
    min-height: 825px;
}

body .max.centering #vertical-ticker1 li,
body .max.centering #vertical-ticker2 li {
    margin-left: 0 !important;
}

.entry-wrapper .sub {
    padding-top: 18px;
}
#vertical-ticker1 .entry-wrapper .sub,
#vertical-ticker2 .entry-wrapper .sub {
    height: 98px !important;
    overflow: hidden;
}


@media only screen and (max-width: 1064px) and (min-width: 930px) {
    #vertical-ticker1 .entry-wrapper .sub,
    #vertical-ticker2 .entry-wrapper .sub {
        height: 118px !important;
    }
}
@media only screen and (max-width: 475px) and (min-width: 415px) {
    #vertical-ticker1 .entry-wrapper .sub,
    #vertical-ticker2 .entry-wrapper .sub {
        height: 118px !important;
    }
}

@media only screen and (max-width: 414px) {
    #vertical-ticker1 .entry-wrapper .sub,
    #vertical-ticker2 .entry-wrapper .sub {
        height: 138px !important;
    }
}
@media only screen and (max-width: 929px) and (min-width: 768px) {
    #vertical-ticker1 .entry-wrapper .sub,
    #vertical-ticker2 .entry-wrapper .sub {
        height: 138px !important;
    }
}

.sub {
    padding-right: 10px;
}
@media (min-width: 1199px) {.content-margin-top.max-width.background{padding-left:90px;}}


.custom-padding{padding-left:0px!important;}
@media (max-width: 767px) {

    .place {
        margin-left: 0px !important;
    }
	.content-margin-top.max-width.background {
    padding-left: 0px;
}
}


@media (max-width: 600px) {
    .header.header1 h1 {
        margin-top: 50px;
    }

    .positiontoplogo {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 600px) {
    .fb-like.staysmaller {
        display: inline-block !important;
        position: relative;
        top: 50px;
    }
}

/*Frontpage*/
@media (max-width: 767px) {
    .col-xxs-12.col-xs-12.col-s-4.place {
        margin-left: 0 !important;
        padding-left: 50px;
    }

    .col-xs-6.col-m-5.button-push {
        width: 100% !important;
    }
	
}

@media (max-width: 992px) {
    .fb_iframe_widget {
        left: 0 !important;
        padding-left: 0 !important;
    }

    .top-bar .btn {
        margin-left: 4px !important;
    }
}

.content .large .header {
    min-height: 58px !important;
}


.fa.fa-quote-left.fa-lg {
    margin-left: 5px;
}
.entry-wrapper .sub .fa.fa-quote-right.fa-lg {
    padding-left: 10px;
}
.content-margin-top > p {
    margin-left: -40px !important;
}

/* Profile page header buttons */
.profile-top-bar .button-push {
    text-align: right;
}

.profile-top-bar .button-push .btn {
    display: inline-block;
    width: auto;
    max-width: none;
    margin-left: 10px;
    vertical-align: middle;
}

.profile-top-bar .button-push .btn:first-child {
    margin-left: 0;
}

/* Profile modals: close button + star ratings */
.popup-wrapper .popup-close,
.popup-wrapper .close-icon {
    position: absolute;
    top: 8px;
    right: 10px;
    float: none !important;
    color: #fff !important;
    cursor: pointer;
    z-index: 1003;
    font-size: 28px;
    line-height: 1;
    padding: 2px 8px;
    background: transparent;
    border: none;
}

.popup-wrapper .popup-close {
    font-weight: bold;
}

#repport .review-star-block,
#repport1 .review-star-block {
    text-align: center;
    margin-bottom: 22px;
    overflow: visible;
}

#repport .review-star-block .stars,
#repport1 .review-star-block .stars {
    display: inline-block;
    min-height: 48px;
    min-width: 280px;
    width: auto;
    max-width: 100%;
    overflow: visible;
}

#repport .review-star-block .stars::after,
#repport1 .review-star-block .stars::after {
    content: "";
    display: table;
    clear: both;
}

#repport label.star,
#repport label.star1,
#repport1 label.star,
#repport1 label.star1 {
    color: #ccc !important;
    font-size: 42px !important;
    line-height: 1 !important;
    float: right;
    padding-left: 8px;
}

#repport label.star:before,
#repport label.star1:before,
#repport1 label.star:before,
#repport1 label.star1:before {
    content: '\2606' !important;
    font-family: Arial, sans-serif !important;
    display: inline-block;
}

#repport input.star:checked ~ label.star:before,
#repport input.star1:checked ~ label.star1:before,
#repport1 input.star:checked ~ label.star:before,
#repport1 input.star1:checked ~ label.star1:before {
    content: '\2605' !important;
    color: #efc741 !important;
}

#repport input.star-5:checked ~ label.star:before,
#repport input.star1-5:checked ~ label.star1:before,
#repport1 input.star-5:checked ~ label.star:before,
#repport1 input.star1-5:checked ~ label.star1:before {
    color: #efc942 !important;
}

#repport input.star-1:checked ~ label.star:before,
#repport input.star1-1:checked ~ label.star1:before,
#repport1 input.star-1:checked ~ label.star:before,
#repport1 input.star1-1:checked ~ label.star1:before {
    color: #F62 !important;
}

#repport .review-star-block .rank-text,
#repport1 .review-star-block .rank-text {
    display: block;
    text-align: center;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #fff;
    padding-top: 8px;
}

#repport .review-star-block .rank-text span,
#repport1 .review-star-block .rank-text span {
    display: block;
    font-size: 12px !important;
}

/* Create/edit review form fields */
#repport .form-anmeld-fields,
#repport1 .form-anmeld-fields {
    width: 100%;
}

#repport .form-anmeld-fields select,
#repport1 .form-anmeld-fields select,
#repport .form-anmeld select,
#repport1 .form-anmeld select,
#repport .form-anmeld-fields input[type="text"],
#repport1 .form-anmeld-fields input[type="text"],
#repport .form-anmeld input[type="text"],
#repport1 .form-anmeld input[type="text"],
#repport .form-anmeld-fields textarea,
#repport1 .form-anmeld-fields textarea,
#repport .form-anmeld textarea,
#repport1 .form-anmeld textarea {
    background-color: #fff !important;
    color: #333 !important;
    border: 1px solid #bebebe !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 0 12px 0 !important;
    box-sizing: border-box;
    display: block;
    height: 40px;
    padding-left: 14px;
    padding-right: 36px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 28px auto;
}

#repport .form-anmeld-fields input[type="text"],
#repport1 .form-anmeld-fields input[type="text"],
#repport .form-anmeld input[type="text"],
#repport1 .form-anmeld input[type="text"],
#repport .form-anmeld-fields textarea,
#repport1 .form-anmeld-fields textarea,
#repport .form-anmeld textarea,
#repport1 .form-anmeld textarea {
    background-image: none !important;
    padding-right: 14px;
}

#repport .form-anmeld textarea.textbox-large,
#repport1 .form-anmeld textarea.textbox-large {
    height: auto;
    min-height: 160px;
    padding-top: 10px;
    resize: vertical;
}

#repport .form-anmeld-fields #type,
#repport .form-anmeld-fields #afdeling,
#repport .form-anmeld-fields #underafdeling,
#repport .form-anmeld-fields #area,
#repport .form-anmeld #type,
#repport .form-anmeld #afdeling,
#repport1 .form-anmeld-fields #type,
#repport1 .form-anmeld-fields #afdeling,
#repport1 .form-anmeld-fields #underafdeling,
#repport1 .form-anmeld-fields #area,
#repport1 .form-anmeld #type,
#repport1 .form-anmeld #afdeling {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#repport .form-anmeld-fields .area,
#repport1 .form-anmeld-fields .area {
    width: 100%;
}

#repport .form-anmeld .2row,
#repport1 .form-anmeld .2row,
#repport .form-anmeld-fields,
#repport1 .form-anmeld-fields {
    display: block;
    width: 100%;
}

#repport .form-anmeld select option,
#repport1 .form-anmeld select option {
    color: #333;
    background-color: #fff;
}

#repport .form-anmeld input::placeholder,
#repport .form-anmeld textarea::placeholder,
#repport1 .form-anmeld input::placeholder,
#repport1 .form-anmeld textarea::placeholder {
    color: #808080;
}

/* Profile modals: centered viewport overlay, scroll inside modal only */
body.profile-modal-open {
    overflow: hidden;
}

#repport.popup-wrapper,
#repport1.popup-wrapper,
#my-profile.popup-wrapper,
#change-password.popup-wrapper,
#slet-profil.popup-wrapper,
#slet-anmeldelse.popup-wrapper {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%);
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 !important;
    width: calc(100% - 32px);
    max-width: 600px;
}

/* Sidebar/category selects: white label on bar, black text in open dropdown */
.custom-select option {
    color: #000;
    background-color: #fff;
}

#my-profile .profile-field-btn {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box;
}

#my-profile .profile-remove-photo {
    margin-top: -6px;
}

/* Profile my-page review cards: user name sidebar */
.content .entry-wrapper.large {
    position: relative;
}

.content .entry-wrapper.large .sub {
    position: relative;
    padding-left: 150px;
    padding-top: 27px;
}

.content .entry-wrapper.large .sub .user-wrapper {
    position: absolute;
    left: 0;
    top: 50px;
    width: 140px;
    margin: 0;
    text-align: center;
    font-style: normal;
}

.content .entry-wrapper.large .sub .user-wrapper .user-name,
.content .entry-wrapper.large .sub .user-wrapper .city,
.content .entry-wrapper.large .sub .user-wrapper .count1 {
    background: #fff;
}

.content .entry-wrapper.large .sub .review-content {
    padding-left: 7px;
}

.content .entry-wrapper.large .sub .review-content h4,
.content .entry-wrapper.large .sub .review-content .text,
.content .entry-wrapper.large .sub .review-content .funtions {
    position: relative;
}

.content .entry-wrapper.large .sub .review-content .text p {
    word-break: break-word;
    overflow-wrap: anywhere;
}

.content .entry-wrapper.large .sub .review-content .funtions .review-action-btn {
    background: none;
    border: 0;
    padding: 0;
    margin: 0 8px 0 0;
    cursor: pointer;
    color: inherit;
    vertical-align: middle;
}

.content .entry-wrapper.large .sub .review-content .funtions .review-action-btn:focus {
    outline: 2px solid #0099cc;
    outline-offset: 2px;
}

.content .entry-wrapper.large .image {
    margin: -40px 0 0 -40px;
    left: auto;
    z-index: 2;
}

@media only screen and (max-width: 600px) {
    .content .entry-wrapper.large .sub {
        padding-left: 32px;
    }

    .content .entry-wrapper.large .sub .user-wrapper {
        position: relative;
        left: auto;
        top: auto;
        width: 165px;
        margin: 0 auto 20px;
        display: block;
    }
}