/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* @import url("http://pwyf.local/app/plugins/aid-transparency-index/admin/css/pdf.css"); */

.aid-transparency-index h1,
article.type-donor h1,
.aid-transparency-index h2,
article.type-donor h2,
.aid-transparency-index h3,
article.type-donor h3,
.aid-transparency-index h4,
article.type-donor h4,
.aid-transparency-index h5,
article.type-donor h5,
.aid-transparency-index h6
article.type-donor h6 {
    color: #4d4d4d;
}
.aid-transparency-index .entry-header,
article.type-donor .entry-header {
    background-color: #ececec;
    padding: 1.5rem 0.5rem 2rem
}
.aid-transparency-index .entry-header {
    margin-bottom:2rem;
}
.aid-transparency-index h1.entry-title,
article.type-donor h1.entry-title {
    font-weight: bold;
    text-align: center;
    margin:0;
}

.aid-transparency-index h3,
article.type-donor h3 {
    font-size:1.5rem;
}
.aid-transparency-index b,
.aid-transparency-index strong,
article.type-donor b,
article.type-donor strong{
    font-weight:500;
}
.aid-transparency-index .lead {
    font-size:1.25rem;
    color: currentColor;
}
.aid-transparency-index .intro {

}
article.type-donor .entry-content ol,
article.type-donor .entry-content ul {
    margin: 1.5rem 0 1.5rem 1.5rem;
}
@media only screen and (min-width: 992px) {
    .single-donor .language-selector {
        position:absolute;
        top:.25rem;
        right:1.25rem;
    }
}
.aid-transparency-index h1.entry-title span.year-published {
    font-weight: 200;
    font-size: 1.3em;
    letter-spacing: -0.1rem;

    position: relative;
    padding: 2.875rem 17px;
    box-sizing: border-box;
    /*width:160px;
    height:160px;
    background: #ececec;*/
    background-clip: padding-box; /* !importanté */
    border: solid 2px transparent; /* !importanté */
    border-radius: 10em;

    display:block;
    margin:1.5rem auto 0;

    background-image: url("circle-ident.svg");
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) {
    .aid-transparency-index h1.entry-title span.year-published {
        display: inline;
        margin-left: 2rem;

    }
}
article.type-donor h2 {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.07142857em;
    color: #4d4d4d;
    margin-bottom: 1rem;
}
article.type-donor .donor-graph {
    padding-top: 1.25rem;
}
article.type-donor .donor-information {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
article.type-donor .donor-panels .donor-panel {
    padding-top: 40px;
}
.component-scores {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}
#deep-dive.alignfull {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    background-color: #ececec;
}
.deep-dive {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.deep-dive .nav {
    flex-wrap: nowrap;
}

.deep-dive .nav-tabs .nav-link {
    font-size: 0.875rem;
    color: #4d4d4d;
}
.deep-dive .nav-tabs .nav-link.active {
    color: #222222;
    font-weight: 500;
}
.deep-dive .nav-tabs .nav-link:focus {
    outline: none;
}
.deep-dive .tab-content>.tab-pane {
    padding: .5rem 1rem;
    border: 1px solid #dee2e6;
    border-top:none;
    background-color: #FFFFFF;
    margin-bottom: 2rem;
}
.deep-dive .tab-content>.tab-pane.active {
    display: block !important;
}
.indicator-score {
    position: relative;
    margin-bottom: 1.5rem;
}

.indicator-score .top-group,
.indicator-score .indicator-row {
    display: flex;
    flex-wrap: nowrap;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom:4px;
}
.indicator-score .top-group h4 {
    flex-grow: 1;
    margin:0;
}
.indicator-score .top-group button.modal-definition {
    padding:4px 6px;
    border:none;
    width:20px;
    height:20px;
    text-align: center;
}
.indicator-score .top-group button.modal-definition:focus {
    color:#FFFFFF;
    background-color: #4d4d4d;
}
.indicator-score .top-group .weighted-score,
.indicator-score .top-group button.modal-definition,
.indicator-score .indicator-row  .format {
    margin-left:8px;
    text-align: right;
}
.indicator-score .top-group .weighted-score {
    font-size: 14px;
    white-space: nowrap;
}

.indicator-score .indicator-row > div {
    font-size: 14px;
    flex: 1 1 auto;
    color: #95989A;
}
.indicator-score .indicator-row > div > span {
    color:#222222;
}
.component-scores div.score {
    margin-bottom: 1rem;
}
.component-scores div.label {
    color: #999999;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.07142857em;
    margin-bottom: 1rem;
}
.component-scores .indicator-bar {
    width:100%;
    height:1.5rem;
    background-color: #ececec;
}
.component-scores .indicator-bar .bar-num {
    height:1.5rem;
    background-color: #4d4d4d;
}
.donor-performance,
.performance-history {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}
.donor-performance {
    margin-bottom: 40px;
}
.performance-history {
    justify-content:flex-end;
    font-size: 0.875rem;
}

.performance-history .year-category {
    white-space: nowrap;
    display: block;
}

.donor-performance > div,
.performance-history > div {
    padding: 6px 12px;
    flex:1;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.donor-performance > div:first-of-type,
.performance-history > div:first-of-type {
    border-left: none;
}
.donor-performance span {
    white-space: nowrap;
}
.donor-panel > .component-performance {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #eee;
}
.donor-panel > .component-performance > a:hover {
    text-decoration: none;
}
.donor-panel > .component-performance > a:hover .score{
    text-decoration: underline;
}
.donor-panel > .component-performance .label {
    font-size:0.875rem;
    color: #939AAA;
}
.donor-panel > .component-performance .score {
    color: #2c2c2c;
    float:right;
}

@media only screen and (min-width: 768px) {

    .donor-panel > .component-performance {
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .donor-panel > .component-performance > a > span {
        display: block;
    }

    .donor-panel > .component-performance .label {
        font-size:0.75rem;
        max-width: 9.2rem;
    }

    .donor-panel > .component-performance .score {
        float:none;
    }
}

.graph-wrapper {
    top:2rem;
    padding-bottom:2rem;
}
.donor-study {
    margin-bottom:2rem;
}

.ati-btn.btn,
.ati-btn-featured.btn{
    font-weight:500;
}
.ati-btn-featured.btn {
    padding: .75rem 2rem;
}
.ati-btn.btn-primary {
    color: #ececec;
    background-color: #4d4d4d;
    border-color: #333;
    margin-bottom: 1rem;
}
.ati-btn.btn-primary:hover,
.ati-btn.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #333;
    border-color: #000;

}
.ati-btn-featured.btn-primary {
    color: #FFFFFF;
    background-color: #FF5A00;
    border-color: #e54b01;
    margin-bottom: 1rem;
}

.ati-btn-featured.btn-primary:hover,
.ati-btn-featured.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #e54b01;
    border-color: #CC3D01;
}
.ati-reports-downloads.row {
   /* justify-content: center;*/
    margin-bottom:1.5rem;
}
.ati-reports-downloads.row .ati-btn.btn {
    padding: .75rem 2rem;
}

.pdf-print-only {
    display: none;
}