/**umb_name:Header 1 (H1)*/
h1 {
    color: inherit;
    font: -apple-system-title1;
}

/**umb_name:Header 2 (H2)*/
h2 {
    color: inherit;
    font: -apple-system-title2;
}

/**umb_name:Header 3 (H3)*/
h3 {
    color: inherit;
    font: -apple-system-title3;
}

/**umb_name:Header 4 (H4)*/
h4 {
    color: inherit;
    font: -apple-system-tall-body;
}


/**umb_name:Text - danger*/
.danger-text {
    color: #A91C11;
    font-weight: 600;
    font: -apple-system-headline;
}
/**umb_name:Text - warning*/
.warning-text {
    color: #885610;
    font-weight: 600;
    font: -apple-system-headline;
}
/**umb_name:Text - success*/
.success-text {
    color: #016746;
    font-weight: 600;
    font: -apple-system-headline;
}
/**umb_name:Alert - Informative*/
.alert-informative {
    display: block;
    padding: 24px 16px 24px 16px;
    margin: 8px 0px;
    color: #383746;
    background-color: #E5F0F9;
    border-top: 4px solid #0072CD;
    font: -apple-system-headline;
}
/**umb_name:Alert - Warning*/
.alert-warning {
    display: block;
    padding: 24px 16px 24px 16px;
    margin: 8px 0px;
    color: #383746;
    background-color: #FDF3E5;
    border-top: 4px solid #EE8B00;
    font: -apple-system-headline;
}
/**umb_name:Alert - Danger*/
.alert-danger {
    display: block;
    padding: 24px 16px 24px 16px;
    margin: 8px 0px;
    color: #383746;
    background-color: #FBE9E7;
    border-top: 4px solid #DA2A1C;
    font: -apple-system-headline;
}
/**umb_name:Info Panel*/
.info-panel {
    display: block;
    padding: 16px;
    margin: 8px 0px;
    color: #383746;
    background-color: #EAEAEA;
    font: -apple-system-headline;
}
/**umb_name:ImportantPanel*/
.ImportantPanel {
    padding: 24px 16px 24px 16px;
    margin: 8px 0px;
    background-color: #f99696;
    display: block;
    font: -apple-system-headline;
}
/**umb_name:KeyPoint*/
.KeyPointPanel {
    padding: 24px 16px 24px 16px;
    margin: 8px 0px;
    background-color: #a8e7ee;
    display: block;
    font: -apple-system-headline;
}
/**umb_name:BlockQuote*/
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 1em;
    border-left: 5px solid #eeeeee;
}
/**umb_name:Image text wrap (right)*/
div.image-text-wrap--right img {
    float: right;
    margin-left: 15px !important;
}

.image-text-wrap--right {
    overflow: hidden;
}

.text-format__imagetext .section {
    position: relative;
    border: none !important;
}

.text-format__imagetext .section__image img {
    display: block;
    margin: auto;
    max-width: 100%;
}

p {
    font: -apple-system-short-headline;
}

@media only screen and (max-width: 768px) {
    .text-format__imagetext .section__text {
        margin-top: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .image-text-wrap--right img {
        float: none;
        display: block;
        margin: auto;
        margin-bottom: 15px !important;
    }
}
/**umb_name:Image text wrap (left)*/
div.image-text-wrap--left img {
    float: left;
    margin-right: 15px !important;
}

.image-text-wrap--left {
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    .image-text-wrap--left img {
        float: none;
        display: block;
        margin: auto;
        margin-bottom: 15px !important;
    }
}

.image-text-wrap--left, .image-text-wrap--right {
    img {
        padding: 10px !important;
    }
}

//

/**umb_name: Macmillan pink text */
.MacmillanPinkText {
    color: #C9338B;
}

/**umb_name: Macmillan orange text */
.MacmillanOrangeText {
    color: #E13019;
}

/**umb_name: Macmillan blue text */
.MacmillanBlueText {
    color: #007AB8;
}

/**umb_name: Macmillan teal text */
.MacmillanTealText {
    color: #00838A;
}

/**umb_name: Macmillan purple text */
.MacmillanPurpleText {
    color: #5E4F9C;
}

/**umb_name: Macmillan pink background */
.MacmillanPinkBackground {
    background-color: #C9338B;
}

/**umb_name: Macmillan orange background */
.MacmillanOrangeBackground {
    background-color: #E13019;
}

/**umb_name: Macmillan blue background */
.MacmillanBlueBackground {
    background-color: #007AB8;
}

/**umb_name: Macmillan teal background */
.MacmillanTealBackground {
    background-color: #00838A;
}

/**umb_name: Macmillan purple background */
.MacmillanPurpleBackground {
    background-color: #5E4F9C;
}

/**umb_name:Macmillan Pink Tick paragraph*/
p.MacmillanPinkTickParagraph {
    background-image: url('../../img/path1179.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    background-size: 24px 24px;
}

/**umb_name:Macmillan Green Cross paragraph*/
p.MacmillanPinkCrossParagraph {
    background-image: url('../../img/bitmap.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    background-size: 22px 22px;
}

/**umb_name:Macmillan Green Tick paragraph*/
p.MacmillanGreenTickParagraph {
    background-image: url('../../img/g222.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    background-size: 24px 24px;
}

/**umb_name:Macmillan Green Cross paragraph*/
p.MacmillanGreenCrossParagraph {
    background-image: url('../../img/g218.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    background-size: 22px 22px;
}
/**umb_name: Macmillan pink text */
.MacmillanPinkText {
    color: #C9338B;
}

/**umb_name: Macmillan orange text */
.MacmillanOrangeText {
    color: #E13019;
}

/**umb_name: Macmillan blue text */
.MacmillanBlueText {
    color: #007AB8;
}

/**umb_name: Macmillan teal text */
.MacmillanTealText {
    color: #00838A;
}

/**umb_name: Macmillan purple text */
.MacmillanPurpleText {
    color: #5E4F9C;
}

/**umb_name: Macmillan pink background */
.MacmillanPinkBackground {
    background-color: #C9338B;
}

/**umb_name: Macmillan orange background */
.MacmillanOrangeBackground {
    background-color: #E13019;
}

/**umb_name: Macmillan blue background */
.MacmillanBlueBackground {
    background-color: #007AB8;
}

/**umb_name: Macmillan teal background */
.MacmillanTealBackground {
    background-color: #00838A;
}

/**umb_name: Macmillan purple background */
.MacmillanPurpleBackground {
    background-color: #5E4F9C;
}

/**umb_name:Macmillan Pink Tick paragraph*/
p.MacmillanPinkTickParagraph {
    background-image: url('../../img/path1179.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    background-size: 24px 24px;
}

/**umb_name:Macmillan Green Cross paragraph*/
p.MacmillanPinkCrossParagraph {
    background-image: url('../../../../img/bitmap.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    background-size: 22px 22px;
}

/**umb_name:Macmillan Green Tick paragraph*/
p.MacmillanGreenTickParagraph {
    background-image: url('../../img/g222.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    background-size: 24px 24px;
}

/**umb_name:Macmillan Green Cross paragraph*/
p.MacmillanGreenCrossParagraph {
    background-image: url('../../img/g218.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    background-size: 22px 22px;
}


//

.content-panel ul {
    margin-bottom: 16px;
}

.content-panel ul ul {
    margin-bottom: 0px;
}

/**umb_name:r-heading*/
h4.r-heading {
    position: relative;
    font-weight: 600;
    margin-left: 20px;
}

h4.r-heading:before {
    content: '';
    position: absolute;
    top: 6px;
    margin-top: 0px;
    left: -20px;
    width: 14px;
    height: 15px;
    background-image: url(../../img/arrrgh.png);
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
/**umb_name:tick-heading*/
h4.tick-heading {
    position: relative;
    font-weight: 600;
    margin-left: 20px;
}

h4.tick-heading:before {
    content: '';
    position: absolute;
    top: 6px;
    margin-top: 0px;
    left: -20px;
    width: 14px;
    height: 15px;
    background-image: url(../../img/tick.png);
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}

//

.InfoPanel {
    background-color: #eaeaea;
    display: block;
    padding: 0.5em;
}

/**umb_name:information panel*/
div.information-panel {
    position: relative;
    padding: 16px 20px;
    margin: 16px 0px;
    border: 3px solid #0096dc;
    border-radius: 8px;
}

div.information-panel:after {
    content: '';
    position: absolute;
    top: -20px;
    padding: 20px;
    right: 20px;
    border-radius: 20px;
    background-color: #fff;
    background-image: url(../../img/info.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/**umb_name:recommendation panel */
div.recommendation-panel {
    position: relative;
    padding: 16px 20px;
    margin: 16px 0px;
    border: 3px solid #009760;
    border-radius: 8px;
}

div.recommendation-panel:after {
    content: '';
    position: absolute;
    top: -20px;
    padding: 20px;
    right: 20px;
    border-radius: 20px;
    background-color: #fff;
    background-image: url(../../img/reco.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}