/*
 Theme Name:   Moedrehjaelpen (frivillig)
 Theme URI:    http://moedrehjaelpen.dk
 Description:  Moedrehjaelpen Frivillig
 Author:       Moedrehjaelpen
 Author URI:   http://moedrehjaelpen.dk
 Template:     moedrehjaelpen
 Version:      1.0.0
 Text Domain:  moedrehjaelpen
*/

/* Hide header triangle */
.container-wrapper--title--subbrand--article--bottom {
    display: none;
}

.container-wrapper--header--subbrand.container-wrapper--header--subbrand--article {
    background-color: #f0f0f0 !important;
    color: #002d49 !important;
}

.container-wrapper--title--subbrand.container-wrapper--title--subbrand--article {
    background-color: #f0f0f0 !important;
}

.moed-breadcrumb.subbrand_article a {
    color: #002d49 !important;
    background: url(resources/images/breadcrumb/breadcrumb-arrow-dark.png) no-repeat left;
    background-size: 17px 7px;
    padding-left: 28px;
}

.container-wrapper--title--subbrand.container-wrapper--title--subbrand--article h1 {
    color: #002d49 !important;
}

.container-wrapper--title--subbrand.container-wrapper--title--subbrand--article p {
    color: #002d49 !important;
}

.container-wrapper--header--subbrand .header--subbrand .header--subbrand--support .header--subbrand--support-link--arrow {
    margin-right: 0 !important;
}

.container-wrapper--header--subbrand.container-wrapper--header--subbrand--article .header--subbrand--mobile--mh-link {
    background-color: #e9e9ea !important;
}



.container-wrapper--title--subbrand.container-wrapper--title--subbrand--frontpage h1 {
    color: rgb(0,45,73) !important;
}

.container-wrapper--title--subbrand.container-wrapper--title--subbrand--frontpage {
    background: #f0f0f0 !important;
}

.container-wrapper--title--subbrand.container-wrapper--title--subbrand--frontpage p {
    color: inherit !important;
    width: 100%;
}

.container-wrapper--title--subbrand.container-wrapper--title--subbrand--frontpage h1 {
    width: 100% !important;
}

@media screen and (min-width: 992px) {
    .container-wrapper--title--subbrand.container-wrapper--title--subbrand--frontpage p {
        width: 100% !important;
    }
}

@media screen and (max-width: 767px) {
    body.subbrand-frontpage .main.st-container .st-pusher > div:nth-of-type(3) .background-wrapper {
        /*padding-top: 0 !important;*/
        /*padding-bottom: 0 !important;*/
    }
}

@media screen and (max-width: 767px) {
    .subbrand_article .moed-vc-cta-widget-wrapper .cta-title {
        color: rgb(0,45,73) !important;
        background: url("resources/images/subbrand/header-link-right-arrow-dark.png") no-repeat right 20px center !important;
        background-size: 8px 13px !important;
    }
}

.subbrand_article .moed-tekstfelt-widget a {
    color: #d70947 !important;
}

.moed-vc-viden-raad-widget div.list-content h4 {
    font-weight: 700 !important;
}

/* Kampagnefelt Se alle nyheder-link */
.moed-kampagnefelter-widget .moed-kampagnefelter-widget--link-see-all {
    padding: 20px 0 20px 0;
    width: 100%;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .moed-kampagnefelter-widget .moed-kampagnefelter-widget--link-see-all {
        padding: 20px 0 20px 0
    }
}

@media screen and (min-width: 768px) {
    .moed-kampagnefelter-widget .moed-kampagnefelter-widget--link-see-all {
        padding: 20px 0 20px 0
    }
}
@media screen and (min-width: 768px) {
    .moed-kampagnefelter-widget .moed-kampagnefelter-widget--link-see-all {
        margin-bottom: 0
    }
}
.moed-kampagnefelter-widget .moed-kampagnefelter-widget--link-see-all a {
    color: #d70947;
    font-weight: 400;
    float: right;
    font-size: 14px
}
@media screen and (max-width: 767px) {
    .moed-kampagnefelter-widget .moed-kampagnefelter-widget--link-see-all a {
        font-size: 16px
    }
}
.no-touch .moed-kampagnefelter-widget .moed-kampagnefelter-widget--link-see-all a:hover {
    color: #002d49 !important
}
@media screen and (min-width: 768px) {
    .moed-kampagnefelter-widget .moed-kampagnefelter-widget--link-see-all a {
        text-transform: uppercase;
        font-size: inherit
    }
}

.moed-kampagnefelter-widget .moed-kampagnefelter-widget--link-see-all a .moed-kampagnefelter-widget--link-see-all-icon {
    float: right;
    padding-left: 11px
}
.moed-kampagnefelter-widget .moed-kampagnefelter-widget--link-see-all a .moed-kampagnefelter-widget--link-see-all-icon img {
    width: 22px;
    max-width: 22px;
}
@media screen and (min-width: 768px) {
    .moed-kampagnefelter-widgett .moed-kampagnefelter-widget--link-see-all a .moed-kampagnefelter-widget--link-see-all-icon img {
        width: 27px;
        max-width: 27px
    }
}
/* END: Kampagnefelt Se alle nyheder-link */

.um-col-1 > div:first-of-type {
    padding-top: 0 !important;
}

.um-field-radio.um-field-half {
    width: inherit !important;
    display: inline-block !important;
    margin-right: 20px;
}

.um-field-half.right {
    float: none !important;
}

.um-field-checkbox-option, .um-field-radio-option {
    margin: 0 0 0 29px !important;
}

.um-field-password_reset_text {
    display: none;
}

.um-password form .um-field-username_b {
    padding-top: 0;
}

body.page .container-wrapper {
    background-color: inherit !important;
}

body.page h1 {
    color: rgb(0, 45, 73);
    font-size: 30px;
    margin-bottom: 20px;
}

.um-postmessage,
.um-password form .um-field-block p{
    color: #000000;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    box-shadow: -8px 0 0 #77b259;
    background: #f3faef url(resources/images/check.svg) no-repeat 10px 17px;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    padding: 15px 20px 15px 35px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 21px;
    line-height: 30px;
}

.um-postmessage.error {
    color: #8c2e0b;
    background: #fef5f1 url(resources/images/error.svg) no-repeat 8px 20px;
    border-color: #ed541d #ed541d #ed541d transparent;
    box-shadow: -8px 0 0 #ed541d;
    background-size: 22px;
}

body.page a.um-link-alt {
    text-align: left !important;
    text-decoration: underline !important;
    display: inline-block !important;
}

body.page .um-shortcode-container {
    z-index: 2;
}

body.page .moed-frivillig-info-box {
    background-color: rgb(226,226,226);
    padding: 30px;
}

@media screen and (max-width: 767px) {
    body.page .moed-frivillig-info-box {
        padding: 15px;
    }
}

@media screen and (max-width: 767px) {
    body {
        background-image: inherit !important;
    }
}

@media screen and (min-width: 768px) {
    /* Full size background */
    body.page.show-background-image .moed-frivillig-info-box {
        background-color: #ffffff;
        opacity: 0.9;
    }

    body.page.show-background-image .um-shortcode-container {
        background-color:#ffffff;
        padding: 30px;
        opacity: 0.9;
    }

    body.page.show-background-image {
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #464646;
    }
}

body.page .moed-frivillig-um-manchet {
    padding-bottom: 15px;
}

body.page .moed-frivillig-um-form-text, body.page .moed-frivillig-um-form-text p {
    font-size: 17px !important;
    line-height: 29px !important;
    color: rgb(0,45,73) !important;
}

body.page .um-login .um-field-user_password .um-field-error {
    display: none !important;
}

/* Hiding an Ultimate Member error notice when a link has expired. We don't have a proper selector,
  but we're not using centered text in our forms so let's just hide centered text
 */
body.page .um-form form .um-field-type_block > .um-field-block > div[style='text-align:center;'] {
    display: none !important;
}