.type-article .field-created {
	color: #999;
	font-size: 1rem;
	padding-top: 0.375rem;
	text-transform: uppercase;
}


/* -----------------------------------------------
/*  TEASER: BLOG
----------------------------------------------- */

.type-article.teaser {
	margin-bottom: 2rem;
	margin-top: 1.25rem;
}

.views-row:first-child .type-article.teaser {
	margin-top: 0;
}

.type-article.teaser .cell:not(:has(>*)) {
  display: none;
}

.type-article.teaser .field--name-field-teaser-image img {
	width: 100%;
}


.type-article.teaser .field-title {
    color: #231f20;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: .012em;
    line-height: 1.3;
    margin: 0 0 .5rem;
    padding-top: 0;
    text-transform: uppercase;
}

/* -----------------------------------------------
/*  PAGE: BLOG SINGLE
----------------------------------------------- */
/*.type-article.full {
	padding-top: .75rem;
}*/

.type-article.full .layout-builder-item {
	margin-bottom: 0;
}



/* -----------------------------------------------
/*  FEATURED: BLOG
----------------------------------------------- */
.type-article.featured .field-field_tags {
	background: #cd9027;
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    padding: .5rem 1.875rem;    
    text-transform: uppercase;
}




/* -----------------------------------------------
/*  PAGE: BLOG
----------------------------------------------- */

/*
.view-blog.view-display-id-page .row {
	margin-bottom: 1.25rem;
}

.view-blog.view-display-id-page .title {
	font-size: 1rem;
	font-weight: 500;
	text-transform: none;
}

.view-blog.view-display-id-page .title a {
	color: #a47c42;
}
*/

.view-id-blog.display-type-page {

	.title {
		text-transform: uppercase;
	}

	.pager {
		padding-top: 2rem;

		ul.pagination {
			display: flex;
			gap: .75rem;

			.current {
				padding: 0;
			}
		}
	}
}

/* -----------------------------------------------
/*  SIDEBAR: BLOCKS: BLOG
----------------------------------------------- */

/*
.sidebar .view-blog-categories, .view-blog ul {
	color: #ccc;
}
*/

.view-id-blog.current-display-block_1 {
	position: relative;

	.cell {
		padding-inline: 1rem;
	}
	
	.views-field-field-teaser-image {
		margin-bottom: 1rem;
		
		img {
	    width: 100%;
		}
	}
	
	& > footer {
		padding-top: 1rem;
	}


	header:has(a:only-child) {
		position: absolute;
		right: 0;
		top: 0;
		transform: translate(-10px, -48px);
	}
}

/* ELEMENTS: BLOG Carousel
----------------------------------------------- */

/*
.slick-slide {
    outline: none;
}

.view-id-blog.carousel {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}


.view-id-blog.carousel .slick-arrow {
	background-color: transparent;
	background-image: url('../../images/sprite-main.png');
	background-position: -80px 5px;
	background-repeat: no-repeat;
	background-size: 357px 71px;	
	background-color: #b5c3c9;
	border-radius: 50%;
	bottom: calc( 100% + 20px );
	left: auto;
	right: .5rem;
	top: auto;
	transition: none;
}

.view-id-blog.carousel .slick-arrow:hover {
	background-color: #224061;
	background-position: -80px -6px;
}

.view-id-blog.carousel .slick-arrow:before {
	content:none;
}

.view-id-blog.carousel .slick-prev {
	margin-right: 1rem;
	right: 20px;
}

.view-id-blog.carousel .slick-prev {
	transform: rotate(180deg);
}


.view-id-blog.carousel .slick-slide {
	padding: 0 .5rem;
}

.view-id-blog.carousel .views-field-field-thumbnail {
	margin-bottom: 1rem;
}

.view-id-blog.carousel h3 {
	margin-bottom: .5rem;
}

@media(min-width:63.0625rem) {
	.carousel .slick-slide > div > .views-row .body {
		min-height: 4.7142857143rem;
	}
}
*/


/* -----------------------------------------------
/*  END PAGES: BLOG
----------------------------------------------- */





/* ELEMENTS: Blog Carousel
----------------------------------------------- */
/*
.view-header a.carousel-all {
	color: #231f20;
	font-size: .8125rem;
    font-weight: 500;
	position: absolute;
    right: 5rem;
    text-transform: uppercase;
    top: 0;
}

.view-header a.carousel-all:hover {
	color: #b7c5ca;
}

.slick-slider {
	margin-bottom: 0;
}
*/



/* archives block */

.view.current-display-archives_block > h3 {
	font-size: .875rem;
	font-weight: 400;
    margin-bottom: .25rem;
}

.view.current-display-archives_block .views-field-created {
	display: none;
}