/*
	COMMON
*/
.path-blog #wrapper, .page-node-type-articles #wrapper, .path-taxonomy #wrapper{background-color:#fff;padding-top:20px; padding-bottom:40px}
#wrapper{padding-bottom:40px}

/*
	BLOG PAGE
	body.path-blog
*/

.node--view-mode-blog-tile .field_thumb_square_image img{height:auto;width:100%}
.node--view-mode-blog-tile .field_thumb_rect_image img{height:auto;width:100%}

.node--view-mode-blog-tile .art-content-wrap{padding:20px 1em 40px;background:white;position:relative;}
.node--view-mode-blog-tile .art-content-wrap time{position:absolute;bottom:20px;left:20px;font-style:oblique;font-size: 0.8em;}/* make <time> stick at the very bottom of each block*/
.node--view-mode-blog-tile .art-content-wrap h2{font-size:1em;margin-top:0;line-height:1.2em;min-height:3.6em}
.node--view-mode-blog-tile .art-content-wrap .node__content{  padding: 0 0 1.4em 0;  height: 94px;  overflow: hidden;  position: relative;margin-bottom: 10px;}
.node--view-mode-blog-tile .art-content-wrap .node__content:after {
  content: '';
  display: block;
  width: 100%;
  height: 3em;
  position: absolute;
  left: 0;
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.node--view-mode-blog-tile.node--type-articles{margin-bottom:30px;}
.node--view-mode-blog-tile.node--type-articles.node--promoted{position:relative}
.node--view-mode-blog-tile.node--type-articles.node--promoted .art-content-wrap{width:100%;width:calc(100% - 30px);position:absolute;top:0;left:15px;padding:30px 30px 15px;background:transparent}
.node--view-mode-blog-tile.node--type-articles.node--promoted .art-content-wrap time{position:static}/*cancel bottom stick behavior*/
.node--view-mode-blog-tile.node--promoted .art-content-wrap h2{min-height:inherit}

.sidebar .block-views-blocktags-block-1 .views-row{margin:0.2em 0;width:100%;word-wrap: break-word;padding-right:3em;position:relative;padding:0.5em 0;border-bottom:1px solid #c9c9c9;}
.sidebar .block-views-blocktags-block-1 .views-row{margin:0.2em 0;width:100%;word-wrap: break-word;padding-right:3em;position:relative;padding:0.5em 0;border-bottom:1px solid #c9c9c9;}
.sidebar .block-views-blocktags-block-1 .views-row a{padding:0.5em 0 1em;font-family: 'FuturaSHOP',sans-serif;font-size:1.2em;color:#46494C;}
.sidebar .block-views-blocktags-block-1 .views-row a:hover{color:#94b329;}
.sidebar .block-views-blocktags-block-1 .views-row .tags-total-count{padding:0.3em 0.5em;background:#84a215;color:white;position:absolute;right:0.5em;top:0.1em;}
.sidebar .block-views-blocktags-block-1 .views-row:nth-last-child(1){border:0;}
.sidebar > div {padding: 15px;}
.views-row article .art-content-wrap {-webkit-box-shadow: 0px 10px 13px 3px rgba(163,163,163,0.47);
-moz-box-shadow: 0px 10px 13px 3px rgba(163,163,163,0.47);
box-shadow: 0px 10px 13px 3px rgba(163,163,163,0.47);}
.path-blog article .art-content-wrap{-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;}
.blog-view{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  align-items: flex-start;

}
.path-blog article{-webkit-box-shadow: 0px 10px 13px 3px rgba(163,163,163,0.47);
-moz-box-shadow: 0px 10px 13px 3px rgba(163,163,163,0.47);
box-shadow: 0px 10px 13px 3px rgba(163,163,163,0.47);}
#edit-keys {border-right: 0;}
.region-sidebar-second #edit-submit { background: #7c9513; border: 2px solid #7c9513; color: #fff;}
.region-sidebar-second #edit-submit:hover { background: #2e2e2e; border: 2px solid #2e2e2e; color: #fff;}
#block-views-block-articles-block-3 > span.h2,
#block-views-block-articles-block-2 span.h2,
#block-views-block-tags-block-1 .h2,
#block-views-block-articles-block-2 .h2{border-bottom: 2px solid #84a215; padding-bottom: 10px;}
#block-views-block-articles-block-2 .h2{border-bottom: 2px solid #84a215; padding-bottom: 10px;}
#block-views-block-articles-block-3 > div:nth-child(3) > div > div.views-row {
    text-align: center;
}
.social-media-sharing li { margin-right: 5px; }
.social-media-sharing .share img { width: 30px; }

/*
	ARTICLE PAGE
	body.page-node-type-articles
*/
.page-node-type-articles .field_image_header{margin:20px 0}
.page-node-type-articles .field_image_header img{width:100%;height:auto}

.page-node-type-articles .node__content{padding:1em;background:white}

.page-node-type-articles .block-views-blockauteur-block-1{margin-top:30px}

.page-node-type-articles .block-views-blockauteur-block-1 .views-row{display:table;margin-top:20px;width:70%;}
.views-row .auteur-inf-row{display:table-row}
.views-row .auteur-inf-cell{display:table-cell;vertical-align:top}
.views-row .auteur-inf-cell.auteur-img-wrapper{padding-right:20px}
.views-row .auteur-inf-cell.auteur-img-wrapper img{min-width:100px}
.views-row .auteur-inf-cell .auteur-name{margin-top:0}
.views-row .auteur-inf-cell{color:#908782}
.views-row .auteur-inf-cell .social-links.auteur-socials {display: inline;font-size: 0.7em;}
.auteur-socials .fa-rounded-border,.region-sidebar-second .fa-rounded-border{color:#46494c;border:1px solid #46494c}
.auteur-socials .fa-rounded-border:hover,.region-sidebar-second .fa-rounded-border:hover{border-color:#84a215;color:white}

.region-sidebar-second > #block-subscribetoournewsletter{padding:1em;border:1px solid #e6e6e6;}
.region-sidebar-second > #block-subscribetoournewsletter .text_with_summary > p{margin-bottom:0}
.region-sidebar-second .h2{display:block;text-align:center;font-size:1.1em;margin-top:0;color:#7f9b14;}

.block-views-blockarticles-block-2 .views-row{display:table;width:100%;padding:0.3em 0;margin-bottom:1em;text-transform:uppercase;border-bottom:1px solid #e6e6e6}
/*article.node--view-mode-blog-tile time:before {content: " "; height: 1px; background: #84a215; width: 130%;margin-top: -2px;position: absolute;}*/
/*same as .h4 class*/
.block-views-blockarticles-block-2 .views-row{font-family: 'FuturaSHOP', sans-serif;font-size: 1em;text-transform: uppercase;line-height: 1.1em;}
.block-views-blockarticles-block-2 .views-row:last-child{border-bottom:inherit;margin-bottom:inherit}

.block-views-blockarticles-block-2 .views-field-field-thumb-square-image{display:table-cell;width:25%;vertical-align:middle}
.block-views-blockarticles-block-2 .views-field-field-thumb-square-image img{width:100%;}
.block-views-blockarticles-block-2 .views-field-title{display:table-cell;padding:1em;font-weight:bold}

.page-node-type-articles .vocabulary-blog-category{display:inline-block;font-family: 'FuturaSHOP', sans-serif;font-size: 1em;text-transform: uppercase}

.region-sidebar-second .social-links{text-align:center;}

.region-sidebar-second .block-search-form-block .form-search, .region-sidebar-second .block-search-form-block .form-submit{border:2px #46494C solid;color:#46494C}
.region-sidebar-second #block-subscribetoournewsletter{background:#2e2e2e;}
.region-sidebar-second #block-subscribetoournewsletter .h2{color:white;}
.region-sidebar-second #block-subscribetoournewsletter iframe{width:100%;margin-top:2.5em;}

.page-node-type-articles .block-page-title-block h1{line-height:1em}
.region-sidebar-second > div {margin-bottom:40px;}

/*
	BLOG/TERM/ PAGE
	body.path-taxonomy
*/
.taxo-result-article{padding:2em;background:white;border:1em solid #f0f1f2}
.taxo-result-article .node__content{margin:2em 0;}
/*.taxo-result-article:nth-child(even){clear:both;}*/
.path-taxonomy .block-system-main-block .views-row{overflow:hidden;width:49%;display:inline-block;vertical-align:top;}

@media (max-width: 991px){
	.path-blog .sidebar > .col-md-3{/*FIX sidebar col-md-3 making the full sidebar to cover the entire body content*/
		clear:both;
	}
	.path-taxonomy .block-system-main-block .views-row{width:100%}
}

