#block-bean-homepage-features{
    padding-top: 8px;
}
#block-bean-homepage-features .field-name-field-content-reference > .field-items > .field-item{
    width: 33.3%;
    float: left;
}
#block-bean-homepage-features .field-name-field-content-reference > .field-items > .field-item .field-name-field-promoted-text p{
    margin: 5px 0;
}
#block-bean-homepage-features .field-name-field-content-reference > .field-items > .field-item > div {
    padding: 0 10px;
}
@media (max-width: 599px){
    #block-bean-homepage-features .field-name-field-content-reference > .field-items > .field-item {
        width: auto;
        padding: 0;
        margin-bottom: 7px;
    }
    #block-bean-homepage-features{
        margin-bottom: 0;
    }
}


/* STORIES PAGE*/
.view-id-stories .views-row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;
}

/*.view-id-stories .views-row:nth-child(4n+0) {
    clear: left;
}*/


/* Fix for Latest stories block view */
.view-id-stories.view-display-id-block_1 .views-row {
    width: 100%;
}


/* Fix for background not resizing with amount of content */
.page-latest-stories #content-inner,
.page-actualites-articles #content-inner,
.page-stories #content-inner,
.section-what-we-do #content-inner {
    overflow-y: hidden;
}


/* Three column view style */
.three-col-view .views-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;

}
.three-col-view .views-row:nth-child(3n+1) {
    clear: left;
}
@media (max-width: 599px) {
    .three-col-view .views-row {
        width: 100%;
    }
}

.three-col-view .views-row h2 {
    font-size: 1.2em;
    line-height: 1.25em;
    margin-top: 0;
    margin-bottom: 10px;
}

.three-col-view .views-row p, .three-col-view .views-row p span  {
    font-size: inherit;
    line-height: 1.5em !important;
}
.three-col-view .views-row p:last-of-type, .three-col-view .views-row p span:last-of-type {
    margin-bottom: 0;
}

/* Fix for Latest Stories' Read more link's margin */
.section-latest .three-col-view .views-row p:last-of-type {
    margin: 1.00005em 0;
}


/* Fix for unpublished nodes preview */
#content-bottom #block-clickngo-draft-preview .inner-wrapper {
    padding: 20px 10px 40px;
}
@media (max-width: 599px) {
    #content-bottom #block-clickngo-draft-preview .inner-wrapper {
        overflow-y: auto;
    }
}

#content-bottom #block-clickngo-draft-preview .inner-wrapper .node-unpublished {
    width: 33%;
    float: left;
}
@media (max-width: 599px) {
    #content-bottom #block-clickngo-draft-preview .inner-wrapper .node-unpublished {
        width: 100%;
    }
}

/* Fix iframe videos in teaser display */
.view-mode-teaser iframe {
    width: 100% !important;
    height: 100% !important;
}

/* quick fix for oxfam south africa logo, as Sa will probably move out of c&g in  fey months */
#oi-sa-slogan {
    font-size: 0.9em;
}



/* Styling fix for Latest from Programmes */
#block-views-programmes-block .inner-wrapper,
#block-views-countries-programmes-block .inner-wrapper {
    padding: 55px 20px 20px;
}


.view-programmes .views-row,
/* Countries bottom content styling below */
.view-countries-content .views-row,
.view-Countries-programmes .views-row {
    margin-top: 0;
    font-size: 1.2em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
}


.view-programmes span.field-content a,
/* Countries bottom content styling below */
.view-countries-content span.field-content a,
.view-Countries-programmes span.field-content a {
    color: #44841a;
    font-weight: bold;
    position: relative;
    padding-left: 20px;
}
.view-programmes span.field-content a:hover,
.view-programmes span.field-content a:focus,
.view-programmes span.field-content a:active,

/* Countries bottom content styling below */
.view-countries-content span.field-content a:hover,
.view-countries-content span.field-content a:focus,
.view-countries-content span.field-content a:active,

.view-Countries-programmes span.field-content a:hover,
.view-Countries-programmes span.field-content a:focus,
.view-Countries-programmes span.field-content a:active, {
    outline: 0;
    text-decoration: underline;
}

.view-programmes span.field-content a:before,
/* Countries bottom content styling below */
.view-countries-content span.field-content a:before,
.view-Countries-programmes span.field-content a:before {
    content: url("../images/article-overview-icon.png");
    display: block;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
}



/* Fix for Realted (content type) heading's line height */
#content-bottom .related-content .field-name-title h2 {
    line-height: 21px;
}

/* Fix for date format */
.field-name-post-date, .field-name-post-date .field-item, .field-type-datetime .date-display-single {
    font-size: 14px;
    color: #545454;
    font-style: normal;
    font-weight: normal;
}

/* Fix for Latest items' right padding */
#content-bottom .inner-wrapper, .related-content-group .inner-wrapper, #content-related .inner-wrapper {
    padding-right: 10px;
}

.node-policy-paper.view-mode-full .field-name-field-subtitle h4 {
    color: #333333;
}

/* Countryies social share */
.node-country .field-collection-container {
    float: right;
    width: 20%;
    margin-left: 10px;
    padding: 10px;
    background-color: #F8F8EB;
    margin-top: 1em;
}
@media (max-width: 600px) {
    .node-country .field-collection-container {
        float: left;
        display: block;
        width: 100%;
        margin-left: 0;
        padding: 0;
    }
    .field-name-field-social-media {
        padding: 10px;
    }
}

.field-name-field-social-media .field-item {
    position: relative;
    padding-left: 21px;
    margin-bottom: 10px;
}
.field-name-field-social-media .field-item:last-of-type {
    margin-bottom: 0;
}

.field-name-field-social-media .field-item a {
    cursor: pointer;
}


.facebook-socialshare:before,
.twitter-socialshare:before,
.youtube-socialshare:before,
.flickr-socialshare:before,
.instagram-socialshare:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 2px;
}


.facebook-socialshare:before {
    background-image: url("../../../libraries/nouveller/16/facebook.png");
}
.twitter-socialshare:before {
    background-image: url("../../../libraries/nouveller/16/twitter.png");
}
.youtube-socialshare:before {
    background-image: url("../../../libraries/nouveller/16/youtube.png");
}
.flickr-socialshare:before {
    background-image: url("../../../libraries/nouveller/16/flickr.png");
}
.instagram-socialshare:before {
    background-image: url("../../../libraries/nouveller/16/instagram.png");
}

/* Hide taxonomy term for country title */
.field-name-field-country h2 {
    display: none;
}

/* Fix for background not covering all content */
.page-countries-stories .view-countries-stories > .view-content {
    overflow-y: hidden;
}

/* Fix for flag position on promoted nodes */
.view-content .view-mode-country_teaser {
    position: relative;
}