
.block-calculation-tile.alignwide .block-calculation-tile-item-content-container-inner {
	left: 4%;
}

/*******************
  Calculation Tile:Home Page
********************/

.block-calculation-tile {
overflow:hidden;
position:relative;
display:block;
width:100%;
}

.block-calculation-tile-inner,
.block-calculation-tile-item {
height:100%;
}

.block-calculation-tile-inner {
width: 100%;
justify-content: center;
display: grid;
column-gap: 1.5rem;
}

@media (min-width:960px){
	.block-calculation-tile-inner {
	padding: 0 2rem;
	}

	.block-calculation-tile-inner-2-col {
	grid-template-columns: repeat(2, 50%);
	}

	.block-calculation-tile-inner-3-col {
	grid-template-columns: repeat(3, 33.33%);
	}

	.block-calculation-tile-inner-4-col {
	grid-template-columns: repeat(4, 25%);
	}
}

.block-calculation-tile-item-content-container-inner {
background-color: transparent;
display: flex;
flex-direction: column;
}

.block-calculation-tile-item {
padding: 1.5rem 0rem;
}

@media (min-width:960px){
	.block-calculation-tile-item {
	padding: 3rem 1.5rem;
	}
}

/*
@media (min-width:767px){
	.block-calculation-tile-item:first-child {
	box-shadow: -50vw 0rem 0rem 50vw rgba(0,0,0,0.05);
	}
	.block-calculation-tile-inner-3-col .block-calculation-tile-item:nth-child(3) {
	box-shadow: 50vw 0rem 0rem 50vw rgba(0,0,0,0.05);
	}
}

.block-calculation-tile-item:nth-child(odd){
background-color: rgba(0,0,0,0.05);
}
*/

.block-calculation-tile-image {
width: calc(100% + 3rem);
height: 33.33vh;
object-fit: cover;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
position: relative;
margin: -1.5rem -1.5rem 1rem;
}

.block-calculation-tile-image img {
height:auto;
max-width:100%;
width:100%;
position:relative;
opacity:0.0;
}

.block-calculation-tile-image:after {
content: '';
visibility: visible;
position: absolute;
border: 1px solid rgba(255, 255, 255, .5);
top: 0.25rem;
right: 0.25rem;
bottom: 0.25rem;
left: 0.25rem;
height: auto;
z-index: 0;
}

/***********************
  Calculation Tile: Content
************************/

.block-calculation-tile-item-content-container {
z-index: 1;
}

.block-calculation-tile-value,
.block-calculation-tile-value-prefix,
.block-calculation-tile-value-text,
.block-calculation-tile-value-suffix {
display: inline-flex;
}

.block-calculation-tile-value h3 {
font-family: var(--heading-font);
font-size: 2.25rem !important;
font-weight: normal !important;
margin: 0rem;
}

@media (min-width:960px) and (max-width: 1024px){
	.block-calculation-tile-value h3 {
	font-size: 1.75rem !important;
	}
}

.block-calculation-tile-value-prefix {
font-size: 3rem !important;
top: -1.25rem;
position: relative;
}

.block-calculation-tile-value-text {

}

.block-calculation-tile-value-suffix {
font-size: 3.5rem !important;
}

.block-calculation-tile-heading {
margin: 1rem 0;
}

.block-calculation-tile-heading h4 {
font-size: 1.5rem !important;
font-weight: 600 !important;
line-height: 1.25;
margin: 0rem;
}

.block-calculation-tile-actions {
text-align: center;
}

.block-calculation-tile-description {
font-weight: 500;
}

.block-calculation-tile-item-controls {

}

.block-calculation-tile-symbol {
font-size: 2.5rem;
display: inline-flex;
position: absolute;
width: 2rem;
height: 2rem;
align-items: center;
justify-content: center;
bottom: -1.75rem;
}

@media (min-width: 960px){
	.block-calculation-tile-symbol {
	right: -2.5rem;
	top: 4rem;
	}
}

.block-calculation-tile-item:last-child .block-calculation-tile-symbol {
display: none;
}


/***********************
  Calculation Tile: Columns
************************/


.block-calculation-tile-2-col .block-calculation-tile-inner,
.block-calculation-tile-3-col .block-calculation-tile-inner {
justify-content: center;
display: grid;
gap: 1rem;
}

.block-calculation-tile-2-col .block-calculation-tile-inner {
grid-template-columns: repeat(2, 50%);
}

.block-calculation-tile-3-col .block-calculation-tile-inner {
grid-template-columns: repeat(3, 33.33%);
}

.block-calculation-tile-2-col .block-calculation-tile-image {
height: 44vh;
}

/***********************
  Modal
************************/

.modal .block-calculation-tile-item {
padding: 0rem 1rem;
}

/***********************
  Read More
************************/


.block-calculation-tile-readmore {
display: inline-block;
padding-top: 1rem;
color: inherit !important;
}

.block-calculation-tile-background-blue .block-calculation-tile-readmore,
.block-calculation-tile-background-black .block-calculation-tile-readmore {
color: var(--white) !important;
text-decoration: underline !important;
}

.block-calculation-tile-background-blue .block-calculation-tile-readmore:hover,
.block-calculation-tile-background-black .block-calculation-tile-readmore:hover {
color: var(--white) !important;
text-decoration: none !important;
}
