﻿/* CSS Document */
.align-left	{
	text-align: left;
}
.align-center	{
	text-align: center;
}
.align-right	{
	text-align: right;
}

div.gapped-1 > div {
	padding: 0 1em;
}
div.gapped-1 > div:first-child {
	padding: 0 1em 0 0;
}
div.gapped-1 > div:last-child {
	padding: 0 0 0 1em;
}
div.gapped-2 > div {
	padding: 0 2em;
}
div.gapped-2 > div:first-child {
	padding: 0 2em 0 0;
}
div.gapped-2 > div:last-child {
	padding: 0 0 0 2em;
}
.col-padding {
	padding: 20px;
}
.col-padding.top {
	padding: 20px 0 0 0;
}
.col-padding-5 {
	padding: 5px;
}
.col-nopadding-l {
	padding-left: 0;
}
.col-nopadding-r {
	padding-right: 0;
}
.col-count-2,
.col-count-3,
.col-count-4,
.col-count-5,
.col-count-6,
.col-count-7,
.col-count-8,
.col-count-9,
.col-count-10,
.col-count-11,
.col-count-12 {
	display: grid !important;
}
.col-count-1 {
	grid-template-columns: repeat(1, 100%);
}
.col-count-2 {
	grid-template-columns: repeat(2, 50%);
}
.col-count-3 {
	grid-template-columns: repeat(3, 33.3333%);
}
.col-count-3.offset {
	grid-template-columns: 0.25fr 2fr 0.25fr;
}
.col-count-4 {
	grid-template-columns: repeat(4, 25%);
}
.col-count-5 {
	grid-template-columns: repeat(5, 20%);
}
.col-count-6 {
	grid-template-columns: repeat(6, 16.66666%);
}
.col-count-7 {
	grid-template-columns: repeat(7, 14.285%);
}
.col-count-8 {
	grid-template-columns: repeat(8, 12.5%);
}
.col-count-9 {
	grid-template-columns: repeat(9, 11.1111%);
}
.col-count-10 {
	grid-template-columns: repeat(10, 10%);
}
.col-count-11 {
	grid-template-columns: repeat(11, 9.090909%);
}
.col-count-12 {
	grid-template-columns: repeat(12, 8.333333%);
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	grid-column-end: span 1;
}
.col-1 {
	grid-column-start: 1;
}
.col-2 {
	grid-column-start: 2;
}
.col-3 {
	grid-column-start: 3;
}
.col-4 {
	grid-column-start: 4;
}
.col-5 {
	grid-column-start: 5;
}
.col-6 {
	grid-column-start: 6;
}
.col-7 {
	grid-column-start: 7;
}
.col-8 {
	grid-column-start: 8;
}
.col-9 {
	grid-column-start: 9;
}
.col-10 {
	grid-column-start: 10;
}
.col-11 {
	grid-column-start: 11;
}
.col-12 {
	grid-column-start: 12;
}
.col-count-4.gapped	{
	grid-gap: 1rem;
	grid-template-columns: repeat(4, 24%);
}
.span-2 {
	grid-column-end: span 2 !important;
}
.span-3 {
	grid-column-end: span 3 !important;
}
.span-4 {
	grid-column-end: span 4 !important;
}
.span-5 {
	grid-column-end: span 5 !important;
}
.span-6 {
	grid-column-end: span 6 !important;
}
.span-7 {
	grid-column-end: span 7 !important;
}
.span-8 {
	grid-column-end: span 8 !important;
}
.span-9 {
	grid-column-end: span 9 !important;
}
.span-10 {
	grid-column-end: span 10 !important;
}
.span-11 {
	grid-column-end: span 11 !important;
}
.span-12 {
	grid-column-end: span 12 !important;
}
.last-col {
	grid-column-end: -1 !important;
}

.col-count-2.cgap-15px-lrg {
	grid-template-columns: calc(50% - 7.5px) calc(50% - 7.5px);
	grid-column-gap: 15px;
}
.col-count-3.cgap-15px-lrg {
	grid-template-columns: calc(33.33% - 5.45px) calc(33.33% - 5.45px) calc(33.33% - 5.45px);
	grid-column-gap: 15px;
}

@media all and (max-width: 1038px) {
	.lrg-1 {
		grid-template-columns: repeat(1, 100%) !important;
	}
	.lrg-2 {
		grid-template-columns: repeat(2, 50%) !important;
	}
	.lrg-3 {
		grid-template-columns: repeat(3, 33.3333%) !important;
	}
	.lrg-4 {
		grid-template-columns: repeat(4, 25%) !important;
	}
	.lrg-5 {
		grid-template-columns: repeat(5, 20%) !important;
	}
	.lrg-6 {
		grid-template-columns: repeat(6, 16.66666%) !important;
	}
	.lrg-7 {
		grid-template-columns: repeat(7, 14.285%) !important;
	}
	.lrg-8 {
		grid-template-columns: repeat(8, 12.5%) !important;
	}
	.lrg-9 {
		grid-template-columns: repeat(9, 11.1111%) !important;
	}
	.lrg-10 {
		grid-template-columns: repeat(10, 10%) !important;
	}
	.lrg-11 {
		grid-template-columns: repeat(11, 9.090909%) !important;
	}
	.lrg-12 {
		grid-template-columns: repeat(12, 8.333333%) !important;
	}
	.push-1.large {
		grid-column-end: span 1 !important;
	}
	.push-2.large {
		grid-column-end: span 2 !important;
	}
	.push-3.large {
		grid-column-end: span 3 !important;
	}
	.push-4.large {
		grid-column-end: span 4 !important;
	}
	.push-5.large {
		grid-column-end: span 5 !important;
	}
	.push-6.large {
		grid-column-end: span 6 !important;
	}
	.push-7.large {
		grid-column-end: span 7 !important;
	}
	.push-8.large {
		grid-column-end: span 8 !important;
	}
	.push-9.large {
		grid-column-end: span 9 !important;
	}
	.push-10.large {
		grid-column-end: span 10 !important;
	}
	.push-11.large {
		grid-column-end: span 11 !important;
	}
	.push-12.large {
		grid-column-end: span 12 !important;
	}
	/* Overwrites column spans */
	.push-col-1.large,
	.push-col-1-1.large {
		grid-column-start: 1 !important;
		grid-column-end: span 1 !important;
	}
	/* Overwrites column spans */
	.push-col-2.large,
	.push-col-1-2.large {
		grid-column-start: 1 !important;
		grid-column-end: span 2 !important;
	}
	/* Overwrites column spans */
	.push-col-3.large,
	.push-col-1-3.large {
		grid-column-start: 1 !important;
		grid-column-end: span 3 !important;
	}
	/* Overwrites column spans */
	.push-col-4.large,
	.push-col-1-4.large {
		grid-column-start: 1 !important;
		grid-column-end: span 4 !important;
	}
	/* Overwrites column spans */
	.push-col-5.large,
	.push-col-1-5.large {
		grid-column-start: 1 !important;
		grid-column-end: span 5 !important;
	}
	/* Overwrites column spans */
	.push-col-6.large,
	.push-col-1-6.large {
		grid-column-start: 1 !important;
		grid-column-end: span 6 !important;
	}
	/* Overwrites column spans */
	.push-col-7.large,
	.push-col-1-7.large {
		grid-column-start: 1 !important;
		grid-column-end: span 7 !important;
	}
	/* Overwrites column spans */
	.push-col-8.large,
	.push-col-1-8.large {
		grid-column-start: 1 !important;
		grid-column-end: span 8 !important;
	}
	/* Overwrites column spans */
	.push-col-9.large,
	.push-col-1-9.large {
		grid-column-start: 1 !important;
		grid-column-end: span 9 !important;
	}
	/* Overwrites column spans */
	.push-col-10.large,
	.push-col-1-10.large {
		grid-column-start: 1 !important;
		grid-column-end: span 10 !important;
	}
	/* Overwrites column spans */
	.push-col-11.large,
	.push-col-1-11.large {
		grid-column-start: 1 !important;
		grid-column-end: span 11 !important;
	}
	/* Overwrites column spans */
	.push-col-12.large,
	.push-col-1-12.large {
		grid-column-start: 1 !important;
		grid-column-end: span 12 !important;
	}
}
@media all and (max-width: 655px) {
	.med-1 {
		grid-template-columns: repeat(1, 100%) !important;
	}
	.med-2 {
		grid-template-columns: repeat(2, 50%) !important;
	}
	.med-3 {
		grid-template-columns: repeat(3, 33.3333%) !important;
	}
	.med-4 {
		grid-template-columns: repeat(4, 25%) !important;
	}
	.med-5 {
		grid-template-columns: repeat(5, 20%) !important;
	}
	.med-6 {
		grid-template-columns: repeat(6, 16.66666%) !important;
	}
	.med-7 {
		grid-template-columns: repeat(7, 14.285%) !important;
	}
	.med-8 {
		grid-template-columns: repeat(8, 12.5%) !important;
	}
	.med-9 {
		grid-template-columns: repeat(9, 11.1111%) !important;
	}
	.med-10 {
		grid-template-columns: repeat(10, 10%) !important;
	}
	.med-11 {
		grid-template-columns: repeat(11, 9.090909%) !important;
	}
	.med-12 {
		grid-template-columns: repeat(12, 8.333333%) !important;
	}
	.push-1.med {
		grid-column-end: span 1 !important;
	}
	.push-2.med {
		grid-column-end: span 2 !important;
	}
	.push-3.med {
		grid-column-end: span 3 !important;
	}
	.push-4.med {
		grid-column-end: span 4 !important;
	}
	.push-5.med {
		grid-column-end: span 5 !important;
	}
	.push-6.med {
		grid-column-end: span 6 !important;
	}
	.push-7.med {
		grid-column-end: span 7 !important;
	}
	.push-8.med {
		grid-column-end: span 8 !important;
	}
	.push-9.med {
		grid-column-end: span 9 !important;
	}
	.push-10.med {
		grid-column-end: span 10 !important;
	}
	.push-11.med {
		grid-column-end: span 11 !important;
	}
	.push-12.med {
		grid-column-end: span 12 !important;
	}
	/* Overwrites column spans */
	.push-col-1.medium,
	.push-col-1-1.medium {
		grid-column-start: 1 !important;
		grid-column-end: span 1 !important;
	}
	/* Overwrites column spans */
	.push-col-2.medium,
	.push-col-1-2.medium {
		grid-column-start: 1 !important;
		grid-column-end: span 2 !important;
	}
	/* Overwrites column spans */
	.push-col-3.medium,
	.push-col-1-3.medium {
		grid-column-start: 1 !important;
		grid-column-end: span 3 !important;
	}
	/* Overwrites column spans */
	.push-col-4.medium,
	.push-col-1-4.medium {
		grid-column-start: 1 !important;
		grid-column-end: span 4 !important;
	}
	/* Overwrites column spans */
	.push-col-5.medium,
	.push-col-1-5.medium {
		grid-column-start: 1 !important;
		grid-column-end: span 5 !important;
	}
	/* Overwrites column spans */
	.push-col-6.medium,
	.push-col-1-6.medium {
		grid-column-start: 1 !important;
		grid-column-end: span 6 !important;
	}
	/* Overwrites column spans */
	.push-col-7.medium,
	.push-col-1-7.medium {
		grid-column-start: 1 !important;
		grid-column-end: span 7 !important;
	}
	/* Overwrites column spans */
	.push-col-8.medium,
	.push-col-1-8.medium {
		grid-column-start: 1 !important;
		grid-column-end: span 8 !important;
	}
	/* Overwrites column spans */
	.push-col-9.medium,
	.push-col-1-9.medium {
		grid-column-start: 1 !important;
		grid-column-end: span 9 !important;
	}
	/* Overwrites column spans */
	.push-col-10.medium,
	.push-col-1-10.medium {
		grid-column-start: 1 !important;
		grid-column-end: span 10 !important;
	}
	/* Overwrites column spans */
	.push-col-11.medium,
	.push-col-1-11.medium {
		grid-column-start: 1 !important;
		grid-column-end: span 11 !important;
	}
	/* Overwrites column spans */
	.push-col-12.medium,
	.push-col-1-12.medium {
		grid-column-start: 1 !important;
		grid-column-end: span 12 !important;
	}
	/* Forces content to center */
	.push-col-center.medium {
		text-align: center !important;
	}
}
@media all and (max-width: 375px) {
	.sml-1 {
		grid-template-columns: repeat(1, 100%) !important;
	}
	.sml-2 {
		grid-template-columns: repeat(2, 50%) !important;
	}
	.sml-3 {
		grid-template-columns: repeat(3, 33.3333%) !important;
	}
	.sml-4 {
		grid-template-columns: repeat(4, 25%) !important;
	}
	.sml-5 {
		grid-template-columns: repeat(5, 20%) !important;
	}
	.sml-6 {
		grid-template-columns: repeat(6, 16.66666%) !important;
	}
	.sml-7 {
		grid-template-columns: repeat(7, 14.285%) !important;
	}
	.sml-8 {
		grid-template-columns: repeat(8, 12.5%) !important;
	}
	.sml-9 {
		grid-template-columns: repeat(9, 11.1111%) !important;
	}
	.sml-10 {
		grid-template-columns: repeat(10, 10%) !important;
	}
	.sml-11 {
		grid-template-columns: repeat(11, 9.090909%) !important;
	}
	.sml-12 {
		grid-template-columns: repeat(12, 8.333333%) !important;
	}
	.push-1.small {
		grid-column-end: span 1 !important;
	}
	.push-2.small {
		grid-column-end: span 2 !important;
	}
	.push-3.small {
		grid-column-end: span 3 !important;
	}
	.push-4.small {
		grid-column-end: span 4 !important;
	}
	.push-5.med {
		grid-column-end: span 5 !important;
	}
	.push-6.small {
		grid-column-end: span 6 !important;
	}
	.push-7.small {
		grid-column-end: span 7 !important;
	}
	.push-8.small {
		grid-column-end: span 8 !important;
	}
	.push-9.small {
		grid-column-end: span 9 !important;
	}
	.push-10.small {
		grid-column-end: span 10 !important;
	}
	.push-11.small {
		grid-column-end: span 11 !important;
	}
	.push-12.small {
		grid-column-end: span 12 !important;
	}
	/* Overwrites column spans */
	.push-col-1.small,
	.push-col-1-1.small {
		grid-column-start: 1 !important;
		grid-column-end: span 1 !important;
	}
	/* Overwrites column spans */
	.push-col-2.small,
	.push-col-1-2.small {
		grid-column-start: 1 !important;
		grid-column-end: span 2 !important;
	}
	/* Overwrites column spans */
	.push-col-3.small,
	.push-col-1-3.small {
		grid-column-start: 1 !important;
		grid-column-end: span 3 !important;
	}
	/* Overwrites column spans */
	.push-col-4.small,
	.push-col-1-4.small {
		grid-column-start: 1 !important;
		grid-column-end: span 4 !important;
	}
	/* Overwrites column spans */
	.push-col-5.small,
	.push-col-1-5.small {
		grid-column-start: 1 !important;
		grid-column-end: span 5 !important;
	}
	/* Overwrites column spans */
	.push-col-6.small,
	.push-col-1-6.small {
		grid-column-start: 1 !important;
		grid-column-end: span 6 !important;
	}
	/* Overwrites column spans */
	.push-col-7.small,
	.push-col-1-7.small {
		grid-column-start: 1 !important;
		grid-column-end: span 7 !important;
	}
	/* Overwrites column spans */
	.push-col-8.small,
	.push-col-1-8.small {
		grid-column-start: 1 !important;
		grid-column-end: span 8 !important;
	}
	/* Overwrites column spans */
	.push-col-9.small,
	.push-col-1-9.small {
		grid-column-start: 1 !important;
		grid-column-end: span 9 !important;
	}
	/* Overwrites column spans */
	.push-col-10.small,
	.push-col-1-10.small {
		grid-column-start: 1 !important;
		grid-column-end: span 10 !important;
	}
	/* Overwrites column spans */
	.push-col-11.small,
	.push-col-1-11.small {
		grid-column-start: 1 !important;
		grid-column-end: span 11 !important;
	}
	/* Overwrites column spans */
	.push-col-12.small,
	.push-col-1-12.small {
		grid-column-start: 1 !important;
		grid-column-end: span 12 !important;
	}
	/* Forces content to center */
	.push-col-center.small {
		text-align: center !important;
	}
}