/* TOP BAR */
/* ******* */
#BlogTopBar {
     color: #333;
    display: block;
    width: 100%;
    /*height: 3.5rem;
    margin-bottom: 2rem;*/
}

#BlogTopBar > div.BlogInfos, #BlogTopBar > div.BlogSearch { display: inline; z-index:2;}
#BlogTopBar div.BlogSearch .form-actions {  display: none; }
#BlogTopBar div.BlogSearch input, #views-exposed-form-search-blog-articles-page-1 .js-form-item-rrkey input {
    width: 300px;
    border-width: 0;
    border-bottom-width: 2px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: auto;
    margin-right: auto;
}


/* VERSION 2 */
#BlogTopBar > div.BlogInfos, #BlogTopBar > div.BlogSearch { display: inline; z-index:2;}
#BlogTopBar div.BlogSearch .form-actions {  display: none; }
#BlogTopBar div.BlogSearch input, #views-exposed-form-search-blog-articles-page-1 .js-form-item-rrkey input {
    width: 300px;
    border-width: 0;
    border-bottom-width: 0;
    background-color: rgba(255,255,255,.85);
    -webkit-box-shadow: none;
    box-shadow: none;
    background-position-x: calc(100% - 10px);
    padding: 0 1rem;
    /*margin-left: unset;
    margin-left: unset;*/
}
.node--type-blog-home #BlogTopBar .BlogInfos {display: none !important;}



form#views-exposed-form-search-blog-articles-page-1 .js-form-item {margin-bottom: 0;}
.NoResult {margin-top: 3rem; display: block;}
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #666;
    opacity: 1; /* Firefox */
}

input::-ms-input-placeholder { /* Microsoft Edge */
    color: #666;
}

.node--type-article #BlogTopBar .BlogSearch {display: none;}
#BlogTopBar > div.BlogInfos { display: inline; float: left;  font-size: 1.1rem; padding-top: 2rem;}

#BlogTopBar > div.BlogInfos .BlogIco {display: none;}
#BlogTopBar #block-addtoanybuttons-2 {float: right; display: inline; width: auto; bottom: -2px;}
#BlogTopBar .addtoany_list .a2a_counter img {float: none;}
#BlogTopBar .ShareIcons {margin-bottom: 0;}

@media only screen and (max-width: 1000px) {
    #BlogTopBar {
        /*background-color: #333; color: white;*/
  /     display: inline-block;
        width: 100%;
        padding-right: 2rem;
        padding-left: 2rem;
        height: 110px;
    }

    #BlogTopBar > div.BlogSearch { }
}
#BlogTopBar > div.BlogInfos { display: block; width: 100% }
#BlogTopBar #block-addtoanybuttons-2 {float: none; display: block; width: auto; bottom: 0; text-align: center; }

.SlideCreditLine { margin-top: 0; padding-right: 0;}
#FeaturedArticleFrame .SlideCreditLine { margin-bottom: 3rem;}

#BlogTopBar .btn.white { margin-top: 0; }

.BlogIco {padding-right: .5rem;}

.Legend, .field-paragraph--field-image-legend-2 .field-item, .ParagraphLineOfPhotos_item.BlogLegend {font-size: .9rem; line-height: 1.1rem;
    padding-top: .3rem;}

.field-node--field-tags div {display: inline;}
.field-node--field-tags a {
    background-color: #4965AB;
    color: white;
    border-radius: 11px;
    padding: 1px 10px 1px 10px;
    text-transform: uppercase;
    font-size: 1rem;
    margin-right: .5rem;
    display: inline-block;
    font-size: .8rem;
    margin-bottom: .4rem;
}

.SearchResultsFor {/*font-weight: bold;*/}


.BlogTags { height: 1.4rem; margin-bottom: 1rem; display: inline-block;}
.BlogTags div { display: inline; }
.BlogTags img { height: 100%; margin-right: 10px; }
.BlogShare {width: 100%;   padding-bottom: 2rem;  display: inline-block; padding-top: 3rem; padding-bottom: 3rem;}
.BlogShareArticle { color: #4965AB; font-weight: 600;    font-size: 1.2rem; }
.BlogShareArticle svg { fill: #4965AB;  }
.BlogShareArticle div, .BlogShareArticle section { display: inline; }
.BlogShareArticle .addtoany_list img { float: none; height: 1rem;}

.ArticleFooter { margin-bottom: 2rem; margin-top: 4rem; }
.ArticleFooter {
    PADDING-bottom: 1rem;
    PADDING-top: 3rem;
    padding-left: 2rem;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    margin-top: 0;
    margin-bottom: 0;
}

.BlogShareArticle section { margin-left: 1rem; }
.BlogShareArticle svg { height: 1rem; }
.BlogShareArticle svg path { fill: #647dbc;}
.BlogShareArticle svg:hover path { fill: #333;  transition: fill 0.3s ease-in-out;}

#BlogComments section {padding: 0;}

article .BlogCard { float: left; margin: 0 20px 20px 20px; width: 360px;     background-color: white; }
article .BlogCard .CardTitle {padding: 0 20px; margin-top: 15px;}
a.CardLink { color: black; }



#BlogSharedArticles {margin-top: 4rem;}
.BlogArticleHeaderImage {padding-right: 0;}
.BlogCard {
    text-align: left;
    position: relative;
    margin-top: 30px;
    /*box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.1), 3px 3px 5px rgba(0, 0, 0, 0.1);*/
    font-size: inherit;
}

.CardView .CardTitle {}
.CardView .CardBy {margin-bottom: 5px; font-size: 1rem; padding: 5px 20px 10px  20px; text-transform: uppercase;}
.CardView {}
.CardView .CardType { position: absolute; top: 0px; display: none;}
.CardView .CardType .BlogIco { background-color: #444; display: inline-block; padding: 6px 0 9px 0; }
#block-views-block-latest-blog-articles-block-1 .CardView .CardText { padding: 5px 20px 25px 20px; }
#BlogSharedArticles .CardView .CardText { display: none; }



.BlogArticles {text-align: center;}
.BlogArticles > .field-node--field-related-blog > .field-items > .field-item {display: inline-block;}

.BlogIco img { height: 18px; width: 50px; text-align: center; }

.block-newslettersubscriptionform {}

/* Home Page */
section#block-views-block-latest-blog-articles-block-1, section#block-views-block-latest-blog-articles-block-3 { text-align: center; }
section#block-views-block-latest-blog-articles-block-1 .views-row, section#block-views-block-latest-blog-articles-block-3 .views-row { display: inline-block; }

div#FeaturedArticleFrame {
    position: absolute;
    bottom: 60px;
    margin: 2rem;
    width: 28rem;
    max-width: 100%;
}
div#FeaturedArticleFrame .btn { background-color: white; margin-left: 1.2rem; position: absolute; bottom: -19px;}
div#FeaturedArticleFrame .btn:hover {background-color: black;}
#FeaturedArticleFrame .CardType {background-color: #f26722; color: white; display: inline-block; font-weight: 600; padding: 3px 20px 5px 20px;}
#FeaturedArticleFrame .CardTitle {
    max-width: none;
    font-size: 1.9rem;
    color: #333;
    line-height: 1.9rem;
    margin-bottom: 1rem ;
}
#FeaturedArticleFrame .CardMain { background-color: white; padding: 1.5rem 2rem 2.5rem 2rem; }
#FeaturedArticleFrame .CardBy {margin-bottom: 20px; font-size: 1rem; text-transform: uppercase; font-weight: 600;}
h1 {margin: 2rem 0;}

@media only screen and (max-width: 800px) {
    div#FeaturedArticleFrame {width: auto; margin: 1rem;}
    #FeaturedArticleFrame .CardMain {padding: 0.5rem 1rem 1.5rem 1rem;}
    #FeaturedArticleFrame .CardTitle {font-size: 1.6rem; line-height: 1.6rem; margin-bottom: 0;}
    #FeaturedArticleFrame .CardText {display: none;}
    #FeaturedArticleFrame .CardBy {margin-bottom: 0;}
}

/*
.field-paragraph--field-image-legend-2 .field-item, .ParagraphLineOfPhotos_item.BlogLegend {

    border-top: solid 2px #aaa;
    font-size: .9rem;
    line-height: 1rem;
}*/

/*.paragraph--type--large-image-and-legend.LegendBottom {width: 100% !important;}*/
.paragraph--type--newspaper-like-text {display: flow-root;}

.paragraph--type--large-image-and-legend {position: relative; display: inline-block; max-width: calc(100% - 9rem); float: right;}
.paragraph--type--large-image-and-legend .field-paragraph--field-large-image { display: inline-block; max-width: 100%; }
.paragraph--type--large-image-and-legend .field-paragraph--field-large-image img { max-width: 100%; }
.paragraph--type--large-image-and-legend .field-paragraph--field-image-legend-2 {position: absolute; width: 12rem; bottom: 2rem; background-color: white; padding: 1rem;  left: -9rem; text-align: right;}

.paragraph--type--large-image-and-legend.LegendRight .field-paragraph--field-image-legend-2 {text-align: left;}

.field-paragraph--field-show-legend-on-righ-side-d, .field-paragraph--field-show-legend-on-top-default, .field-paragraph--field-show-legend-on-bottom {display: none;}

.paragraph--type--large-image-and-legend.LegendTop .field-paragraph--field-image-legend-2 { top: 2rem; bottom: auto;}
.paragraph--type--large-image-and-legend.LegendRight {float: left;}
.paragraph--type--large-image-and-legend.LegendRight .field-paragraph--field-image-legend-2 { right: -8rem; left: auto; /*border-radius: 5px; box-shadow: 2px 2px 4px #bbb;*/}


.paragraph--type--large-image-and-legend { max-width: calc(100% - 12rem); margin-bottom: 3rem;}
.paragraph--type--large-image-and-legend .field-paragraph--field-image-legend-2 { background-color: transparent; left: -12rem; bottom: 0;}
.paragraph--type--large-image-and-legend.LegendTop .field-paragraph--field-image-legend-2{top: 1rem;}
.paragraph--type--large-image-and-legend.LegendRight .field-paragraph--field-image-legend-2 { left: auto; right: -12rem}



.paragraph--type--large-image-and-legend.LegendBottom .field-paragraph--field-image-legend-2 { position: unset;  width: 100%; padding: 0; text-align: left; margin-top: 0; border: none;}
/*
.paragraph--type--large-image-and-legend .field-paragraph--field-image-legend-2 {position: absolute; width: 12rem; bottom: 2rem; background-color: white; padding: 1rem;  left: -9rem;}
*/
@media only screen and (max-width: 600px) {
    .paragraph--type--large-image-and-legend {
        max-width: none;
    }

    .paragraph--type--large-image-and-legend .field-paragraph--field-image-legend-2 {
        right: auto;
        position: unset;
        width: auto;
        padding: 0 0 1rem 0;
        text-align: left;
    }
}


.paragraph--type--line-of-photos {margin-bottom: 5px;}
.field-node--field-page-content > field-item > field-items {display: flex}

.ParagraphLineOfPhotos_item {display: inline-block; margin-left: 5px;}
.ParagraphLineOfPhotos_item:first-of-type { margin-left: 0;}
.ParagraphLineOfPhotos_item.BlogLegend {vertical-align: bottom; margin-bottom: 1rem;}
.ParagraphLineOfPhotos_item.BlogLegend p {margin-bottom: .3rem; }
.ParagraphLineOfPhotos_item.BlogLegendLeft {text-align: right;  }
.ParagraphLineOfPhotos_item.BlogLegendLeft .InsideLegend { margin-right: calc(1rem - 5px); }
.ParagraphLineOfPhotos_item.BlogLegendLeft p { margin-right: .5rem }
.ParagraphLineOfPhotos_item.BlogLegendRight p { margin-left: .5rem ; }




.paragraph--type--newspaper-like-text, .paragraph--type--quote-version-3-black {  text-align: left; margin-left: auto; margin-right: auto; background-color: white; padding: 2rem; width: 80%}
.Paragraph2_Col .paragraph--type--newspaper-like-text { padding: 0;}
@media only screen and (min-width: 1024px) {
    .paragraph--type--newspaper-like-text, .paragraph--type--quote-version-3-black {  width: 60%}
    .paragraph--type--paragraph-2-cols .paragraph--type--newspaper-like-text, .paragraph--type--paragraph-2-cols .paragraph--type--quote-version-3-black {  width: 100%}
}

.Paragraph2_Col .paragraph--type--newspaper-like-text {  width: 100%}

.paragraph--type--newspaper-like-text .field-paragraph--field-title {font-weight: 600; font-size: 2.5rem; line-height: 2.5rem;}
.paragraph--type--newspaper-like-text h2 {margin-top: 0; padding-top: 0;}

.paragraph--type--newspaper-like-text .field-paragraph--field-text-body {}
.field-paragraph--field-capitalize-first-character, .field-paragraph--field-capitalize-last-character {display: none;}
.drop-cap {

}
.drop-cap {
    font-weight: normal;
    float: left;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 200;
    box-sizing: border-box;
    height: 4.7rem;
    margin-right: 1rem;
}

.drop-cap .drop-cap__inner {
    font-weight: 900;
    font-size: 7rem;
    line-height: .7;
}
.drop-cap .drop-cap__inner {
    display: inline-block;
    vertical-align: text-top;
}
.drop-cap.close {float: right; margin-right: 0;}
.drop-cap.close .drop-cap__inner {line-height: 0;    margin-top: .5rem; margin-left: .5rem;}
.drop-cap.quote {height: 2.7rem;}
.drop-cap.quote.close {height: 1.7rem;}
/*
.field-paragraph--field-footer-note  {
    padding-top: .3rem;
    font-size: .8rem;
    line-height: .9rem;
    border-top: solid 2px #aaa;
    margin-top: 1rem;
}*/


article.media-image-for-blog-article-header { margin-bottom: 25px; }

.BlogSearch input, #views-exposed-form-search-blog-articles-page-1 input {
    height: 1.7rem;
    margin-bottom: 0;
    border: solid 1px #333;
    background-image: url(/themes/custom/agwa/images/icons/ico_lense.svg);
    background-repeat: no-repeat;
    padding: 0 2rem;
    background-position: 5px 5px;
    background-size: 17px 17px
}




.BlogTitleHeader {
    font-size: 3rem;
    /*border-bottom: solid 3px white;*/
    display: inline-block;
    line-height: 3rem;
}

.BlogTitleHeader {font-size: 1.8rem !important; text-shadow: 0 0 25px rgba(0,0,0,0.5);}

.FeaturedArticleImage {padding-right: 0;}
.field-node--field-features-article > .field-items > .field-item article {position: relative}


@media only screen and (min-width: 600px) {
    .BlogTitleHeader {font-size: 2rem !important;}
}
@media only screen and (min-width: 1000px) {
    .BlogTitleHeader {font-size: 3rem;}
}


/*
.LimitWidth {max-width: 900px; margin-left: auto; margin-right: auto;}
*/
.node--type-article .field-node--field-page-content {max-width: 900px; margin-left: auto; margin-right: auto;}
.node--type-article h1, .node--type-article #BlogTopBar, .node--type-article #BlogTopBar { max-width: 900px; margin-left: auto !important;  margin-right: auto !important; }




/* Move the  AGWReadingRoomPreTitle just before the title*/
.node--type-article .AGWReadingRoomPreTitle { color: #999; font-size: 2.8rem; line-height: 3rem; }


.AGWReadingRoomPreTitle a {color: inherit; transition: color .3s;}
.AGWReadingRoomPreTitle a:hover {color: #647dbc; }

/* Make Comment section narrower */
div#BlogComments {  max-width: 900px; margin-left: auto; margin-right: auto;}

/* ---------------------------- */
/* Make the blog article content white background  */
/* ---------------------------- */
/* Make content white background */
.node--type-article .field-node--field-page-content { background-color: white; padding: 2rem; }

/*.node--type-article #BlogTopBar {margin-bottom: 0;}*/
.node--type-article h1  {     background-color: white !important; padding: 3rem  2rem 2rem 2rem;  margin-top: 0 !important; margin-bottom: 0 !important; }
#HeaderContainer { margin-bottom: 0; }


/* Make the white background all the way up to the image
.SlideCreditLine .field-media--field-credit-line- {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    padding-left: 2rem;
}
article.media-image-for-blog-article-header { margin-bottom: 0; } */