.h1,.h2,.h3,.h4,.h5,.h6 {}

p.highlight {
    font-size:  1.8rem;
    font-weight:  bold;
}

.highlighted {
    margin-bottom: 0;
    text-transform: initial;
    text-shadow: none;
    background-color: #0072BC;
    color: #FFF;
    -webkit-box-shadow: -10px 0px 0 7px #0072BC, 10px 0px 0 7px #0072BC, 0 0 0 7px #0072BC;
    box-shadow: -10px 0px 0 7px #0072BC, 10px 0px 0 7px #0072BC, 0 0 0 7px #0072BC;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline;
}

h1.highlighted {
    margin-bottom: 0;
    text-transform: initial;
    text-shadow: none;
    background-color: #0072BC;
    color: #FFF;
    -webkit-box-shadow: -10px 0px 0 7px #0072BC, 10px 0px 0 7px #0072BC, 0 0 0 7px #0072BC;
    box-shadow: -10px 0px 0 7px #0072BC, 10px 0px 0 7px #0072BC, 0 0 0 7px #0072BC;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline;
}
h2.highlighted {
     margin-bottom: 0;
    text-transform: initial;
    text-shadow: none;
    background-color: #0072BC;
    color: #FFF;
    -webkit-box-shadow: -10px 0px 0 7px #0072BC, 10px 0px 0 7px #0072BC, 0 0 0 7px #0072BC;
    box-shadow: -10px 0px 0 7px #0072BC, 10px 0px 0 7px #0072BC, 0 0 0 7px #0072BC;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline;
}

.red-span {
    display: inline-block;
    background: red;
}
.small{
    font-size: 16px;
    line-height: 24px;
}

.highlight-span {
    display: inline-block;
    color: #0072BC;
    font-size: 1.2em;
}

.image-left-span{
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
.image-right-span{
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}

.quotedonor{
    font-size: 1rem;
    margin-top: 1rem;
}

.button {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 1rem 0;
        font-family: inherit;
        padding: .85em 1em;
        padding: .35em 0.55em; /*redesign*/
        -webkit-appearance: none;
        border-radius: 0;
        font-size: .9rem;
        text-align: center;
        cursor: pointer;
        background-color: #0072BC;
        border: 2px solid #0072BC;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.5;
        letter-spacing: 1px;
        text-decoration: none;
}
.button.fullwidth{
    display: block;
    width: 100%;
}

.button.border.fullwidth{
    background-color: transparent;
    border: 2px solid #0072BC;
    color: #0072BC;
    transition: 0.3s all;
    text-decoration: none;
    width: 100%;
    display: block;
}
.button.border{
    background-color: transparent;
    border: 2px solid #0072BC;
    color: #0072BC;
    transition: 0.3s all;
    text-decoration: none;  
}
.button.btn-primary.btn-inverse {
    background-color: transparent;
    /*border: 2px solid #0072BC;*/
    border: 2px solid #0072BC;
    /*color: #fff;*/
    color: #0072BC; 
    transition: 0.3s all;
    text-decoration: none;
}
.button.primary{
    background-color: #0072BC;
    /*background-color: transparent;/*redesign*/*/
    border: 2px solid #0072BC;
    color: #fff;
    /*color: #0072BC;/*redesign*/*/
    text-decoration: none;
}
.button.btnsecondary {
    background-color: #FC5619;
    background-color: #faeb00; /*redesign*/
    border: 2px solid #FC5619;
    border: 2px solid #faeb00; /*redesign*/
    color: #fff;
    color: #1f2446; /*redesign*/
    text-decoration: none;
}
.button.secondary {
    background-color: #FC5619;
    background-color: #faeb00; /*redesign*/
    border: 2px solid #FC5619;
    border: 2px solid #faeb00; /*redesign*/
    color: #fff;
    color: #1f2446; /*redesign*/
    text-decoration: none;
}
.button.btn-secondary {
    background-color: #FC5619;
    background-color: #faeb00; /*redesign*/
    border: 2px solid #FC5619;
    border: 2px solid #faeb00; /*redesign*/
    color: #fff;
    color: #1f2446; /*redesign*/
    text-decoration: none;
}
.button.secondary.fullwidth {
    background-color: #FC5619;
    background-color: #faeb00; /*redesign*/
    border: 2px solid #FC5619;
    border: 2px solid #faeb00; /*redesign*/
    color: #fff;
    color: #1f2446; /*redesign*/
    text-decoration: none;
    width: 100%;
    display: block;
}
.button.btn-secondary.fullwidth {
    background-color: #FC5619;
    background-color: #faeb00; /*redesign*/
    border: 2px solid #FC5619;
    border: 2px solid #faeb00; /*redesign*/
    color: #fff;
    color: #1f2446; /*redesign*/
    text-decoration: none;
    width: 100%;
    display: block;
}
.button.btn-secondary.btn-inverse {
    background-color: transparent;
    /*border: 2px solid #faeb00 !important;*/
    border: 2px solid #00c1ff !important;
    /*color: #FC5619;*/
    color: #00c1ff;
    text-decoration: none;
}

.button.btn-default{
    color: #fff;
    border:  2px solid #00c1ff;
    text-decoration: none;
    background-color: #00c1ff;
}
.button.btn-default.fullwidth{
    width:  100%;
}

body.cke_editable
{
        font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
        font-size: 12px;
        color: #333;
        background-color: #fff;
        margin: 20px;
}

.cke_editable
{
        font-size: 13px;
        line-height: 1.6;
        word-wrap: break-word;
}


/** justify **/
.text-left {
        text-align: left;
}
.text-center {
        text-align: center;
}
.text-right {
        text-align: right;
}
.text-justify {
        text-align: justify;
}





/** Textmarker **/
span.textmarker,
.textmarker,
span.textmarker.textmarker--default,
span.textmarker--default,
.textmarker.textmarker--default,
.textmarker--default {
    background-size: 100% 100%;
    background-image: linear-gradient(120deg, rgba(0, 193, 255, 0.95) 0%, rgba(0, 193, 255, 0.95) 100%);
    padding:  1px 4px 4px 4px;
    color: #fff;
}
span.textmarker.textmarker--yellow,
span.textmarker--yellow,
.textmarker.textmarker--yellow{
    background-image: linear-gradient(120deg, rgba(255, 247, 115, 0.8) 0%, rgba(255, 247, 115, 0.8) 100%);
    color: #333;
}

#main-page span.textmarker,
#main-page .textmarker,
#main-page span.textmarker.textmarker--default,
#main-page span.textmarker--default,
#main-page .textmarker.textmarker--default,
#main-page .textmarker--default {
    background-size: 0 100%;
}
#main-page span.textmarker.visible,
#main-page .textmarker.visible,
#main-page span.textmarker.textmarker--default.visible,
#main-page span.textmarker--default.visible,
#main-page .textmarker.textmarker--default.visible,
#main-page .textmarker--default .visible{
    background-size: 100% 100%;
}


/*

 /////////////////////////////////
 OCHA ICONS
 /////////////////////////////////
 
 */

@font-face {
  font-family: 'OCHA Icons';
  src: url('../fonts/ocha-icons/humanitarian-icons-v02.eot?9761083');
  src: url('../fonts/ocha-icons/humanitarian-icons-v02.eot?9761083#iefix') format('embedded-opentype'),
       url('../fonts/ocha-icons/humanitarian-icons-v02.woff?9761083') format('woff'),
       url('../fonts/ocha-icons/humanitarian-icons-v02.ttf?9761083') format('truetype'),
       url('../fonts/ocha-icons/humanitarian-icons-v02.svg?9761083#humanitarian-icons-v02') format('svg');
  font-weight: normal;
  font-style: normal;
}

span[style="font-family:OCHA Icons;"]{
    font-family: 'OCHA Icons';
}