.centered {
	text-align: center; }


	

/* ============
   IMAGE - FIT 
   ============ */

.image_fit,
.image_inset {
	position: relative; }

.image_fit div,
.image_inset div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%; }	

.image_fit div img {
	object-fit: cover;
    width: 100%;
    height: 100%; }

	
	

/* ================
   MODULE HAS IMAGE 
   =============== */
.m__has-image {
	position: relative;
	overflow: hidden; }
   
.m__has-image .m__image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden; }
   
.m__has-image .m__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	animation: imageZoom 8s ease-out forwards; }
	
@keyframes imageZoom {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}
	


 
 
 
 
 
 
/* ==========
   PAGINATION 
   ========== */
/* .s__pagination .inner {
	display: flex;
	justify-content: space-around;}

.s__pagination__col {
	width: 50%; }
	
.s__pagination__col__next {
	text-align: right; }
	
.s__pagination a.btn {
	width: 40rem;  }

.s__pagination a.btn__next {
	padding-right: 3.5rem; }

.s__pagination a.btn__prev {
	padding-left: 3.5rem; }


@media all and (max-width:1000px) {
	
	.s__pagination a.btn {
		width: 100%;  }
	
	.s__pagination__col__next {
		padding-left: 2rem; }
	
	.s__pagination__col__prev {
		padding-right: 2rem; }
}



@media all and (max-width:800px) {
	
	.s__pagination .inner {
		flex-wrap: wrap; }
		
	.s__pagination a.btn {
		width: 100%;  }
	
	.s__pagination__col {
		width: 100%; }
	
	.s__pagination__col__prev {
		margin-bottom: 3rem; }
	
	.s__pagination__col__prev,
	.s__pagination__col__next {
		padding-left: 0;
		padding-right: 0; }
} */


/* ======
   UTILITY 
   ====== */
   
.margin-top__0 {
	margin-top: 0; }


	
/* ==========
   PAGINATION 
   ========== */	
	
/* #pagination {
	width: 100%;
	float: left;
	clear: both;
	margin: 2em auto 0; }
	
.pagination {
	text-align: center;
	margin: 0 auto;
	display: block; }

.pagination a:hover {
	background: #999BC5; }
	
.pagination span.current,
.pagination a.inactive {
	border: 2px solid var(--color-blue-oxford);
	display: inline-block;
	border-radius: 10em;
	margin: 0 5px;
	height: 10px;
	width: 10px;
	text-indent: -999em; }

.pagination span.current {
	background: var(--color-blue-oxford); }
	
.pagination .page-count {
	color: #a1a1a1; }
	
.pagination .label {
	margin-left: .5em;
	margin-right: .5em;  } */
	
	
/* =========
   WORDPRESS 
   ========= */	
img.alignleft {
	float: left;
	margin: 0 2rem 2rem 0 !important; }

img.alignright {
	float: right;
	margin: 0 0 2rem 2rem !important; }
	

	
/* ============
   SOCIAL ICONS 
   ============ */		





/* ========================
   MODULE HEADER AND FOOTER
   ======================== */		
.mc__heading {
	text-align: center;
	max-width: var(--layout__width__small);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: var(--spacing__y__half); }

.mc__heading h2 + p {
	margin-top: 1em; }


.mc__footer {
	margin-top: var(--spacing__x);
	text-align: center; }


/* Width is equal to one card width when module has three cards */
.mc__footer .btn {
	min-width: calc((100% / 3) - (var(--spacing__x) * 2 / 3)); }
	
   
/* =============
   CATEGORY LIST
   ============= */	   

/* ul.meta-categories {
	font-size: 1.3rem; }  

ul.meta-categories li {
	display: inline-block; }
	 
ul.meta-categories a {
	transition: all .6s;
	border: 2px solid #fff;
	background: rgba(255,255,255,.2);
	border-radius: 10rem;
	display: inline-block;
	padding: .25em 1em;
	color: #fff;
	margin: 0 .6em .6em .6em;
	text-transform: uppercase; }

ul.meta-categories a:hover {
	background: rgba(255,255,255,.8);
	color: var(--color-blue); }


.s__heading__default ul.meta-categories a {
	color: var(--color-blue); }

ul.meta-categories a {
	border-color:  var(--color-blue); }
	
p.meta-date {
	margin-bottom: 4rem;
	font-size: 1.3rem; } */

/* =======================
	ICONS
	======================= */	
.icon,
.icon-switch {
	display: inline-block;
	width: 1.7rem;
	height: 1.7rem; }
	
.icon svg {
	display: inline-block;
	width: 100%;
	height: 100%; }
	
.icon {
	color: var(--color__gray__dark); }

/* .m__theme__black .icon {
 --icon-stroke: var(--color-white);
 --icon-fill: var(--color-white);} */

	  
/* Icon Switch - where we need to switch between two icons */
.icon-switch {
  position: relative; }
  
.icon-switch .icon {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
 
.icon-switch .icon__initial {
  opacity: 1;
  transition: .4s; }
 
.active .icon-switch .icon__initial {
  opacity: 0; }
 
.icon-switch .icon__active {
  opacity: 0;
  transition: .4s;
  transform: scale(.4); }	
		  
.active .icon-switch .icon__active {
	opacity: 1;
	transform: scale(1); }	  
	  
	  
/* =======================
   COMPONENT: SOCIAL ICONS
	======================= */	
.comp__social-channels {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
   max-width: fit-content; }
	
.comp__social-channels li {
	display: inline-block; }
	
.comp__social-channels a {
	display: flex;
	align-items: center;
	text-decoration: none;
	padding: 8px;
	border-radius: 20rem;
	transition: transform .3s;
	border: 3px solid var(--color__white); }
	
.comp__social-channels a span {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0; }

.comp__social-channels .icon {
	width: 30px; 
	height: 30px;
	fill: var(--color__white); }
	
.comp__social-channels a:hover {
	transform: scale(1.05); }	
	
	
@media (max-width: 800px) {
	
	.comp__social-channels .icon {
		width: 20px; 
		height: 20px; }
	
	.comp__social-channels a {
		border-width: 2px; }
	
}