:root {
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-gray-dark: #292A2A;
    --color-gray: #C7C7C7;
    --color-gray-light: #E5E5E5;
	--color-blue: #1251AC;
	--color-blue-light: #D8E8FF;
    --color-green: #076322;
	--color-pink: #D3004A;
    --color-rust: #9C2F00;

    --font-archivo: "Archivo", sans-serif;
    --font-blinker: "Blinker", sans-serif;
}

html:not(.ccm-edit-mode) {
    #ccm-toolbar {
        .ccm-toolbar-item-list {
            li[data-guide-toolbar-action="page-settings"] {
                display: none !important;
            }
        }
    }
}

body {
	font-family: var(--font-archivo);
	font-size: 1.125rem;
	font-weight: 400;
	color: var(--color-black);
	line-height: 1.3;
}

.grecaptcha-badge {
    z-index: 3;
}

.ccm-page {
	#legacy-areas {
		display: none;
	}
	
	&.edit-mode {
		#legacy-areas {
			display: block;
		}
	}

	h1 {
		font-size: 2.25rem;
		font-weight: 700;
		color: var(--color-black);
		line-height: 1.2;
		padding: 0;
		margin: 24px 0;
	}
	
	h2,
	.h2 {
		font-size: 2.25rem;
		font-weight: 700;
		color: var(--color-green);
		line-height: 1.2;
		padding: 0;
		margin: 0 0 24px 0;
	}
	
	h3,
	.h3 {
		font-size: 1.5rem;
		font-weight: 600;
		color: var(--color-black);
		line-height: 1.2;
		padding: 0;
		margin: 0 0 24px 0;
	}
	
	h4,
	.h4 {
		font-size: 1.5rem;
		font-weight: 400;
		color: var(--color-green);
		line-height: 1.2;
		padding: 0;
		margin: 0 0 24px 0;
	}
	
	h5,
	.h5 {
		font-size: 1.25rem;
		font-weight: 600;
		color: var(--color-black);
		line-height: 1.2;
		padding: 0;
		margin: 0 0 24px 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5, 
	h6 {
		a {
			color: inherit;
		}
	}

	ul,
	ol {
		margin: 0 0 24px 0;

		li {
			font-size: 1.125rem;
			line-height: 1.3;
			margin: 0 0 5px 0;
		}
	}

	p {
		margin: 0 0 24px 0;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	strong,
	b {
		font-weight: 700;
	}

	hr {
		border: 0;
		height: 1px;
		background-color: var(--color-gray);
		margin: 48px 0;
		opacity: 1;
	}

	a {
		text-decoration: none;

		&:hover,
		&:active,
		&:focus {
			text-decoration: none;
		}

		&:not(.btn) {
			color: var(--color-green);

			&:hover,
			&:active,
			&:focus {
				color: var(--color-rust);
			}
		}

		&.link-arrow {
			position: relative;
			font-weight: 500;
			color: var(--color-green);
			padding-right: 30px;

			&:hover,
			&:active,
			&:focus {
				color: var(--color-rust);
				text-decoration: none;
			}

			&:after {
				position: absolute;
				top: 50%;
				right: 0;
				font-family: "Font Awesome 5 Free";
				font-size: 19px;
				font-weight: 900;
				line-height: 1.0;
				content: "\f061";
				transform: translateY(-50%);
			}
		}
	}

	a,
	button,
	input[type="submit"] {
		&.btn-primary {
			color: var(--color-white);
			background-color: var(--color-green);
			border-color: var(--color-green);

			&:hover,
			&:active,
			&:focus {
				color: var(--color-white);
				background-color: var(--color-rust);
				border-color: var(--color-rust);
				text-decoration: none;
			}
		}

		&.btn-secondary {
			color: var(--color-white);
			background-color: var(--color-rust);
			border-color: var(--color-rust);

			&:hover,
			&:active,
			&:focus {
				color: var(--color-white);
				background-color: var(--color-green);
				border-color: var(--color-green);
				text-decoration: none;
			}
		}

		&.btn-success {
			color: var(--color-white);
			background-color: var(--color-blue);
			border-color: var(--color-blue);

			&:hover,
			&:active,
			&:focus {
				color: var(--color-white);
				background-color: var(--color-green);
				border-color: var(--color-green);
				text-decoration: none;
			}
		}
	}

	form {
		input[type=radio],
		input[type=checkbox] {
			margin-top: 0 ;

			&:checked {
				background-color: var(--color-green);
				border-color: var(--color-green);
			}
		}
	}

	.blue {
		color: var(--color-blue) !important;
	}

	.green {
		color: var(--color-green) !important;
	}

	.pink {
		color: var(--color-pink) !important;
	}

	.rust {
		color: var(--color-rust) !important;
	}

	.resource-title-type {
		font-size: 1.125rem;
		font-weight: 400;
		color: #3D3F42 !important;
		text-transform: uppercase;
	}

	.lead-text {
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.3;
	}

	.no-margin {
		margin: 0 !important;
	}

	.bg-grey {
		background-color: var(--color-gray-light);
		padding: 50px 0;
	}
	
	.bg-green {
		background-color: var(--color-green);
		padding: 50px 0;
		margin-bottom: 24px;

		* {
			color: var(--color-white) !important;
		}
		

		.divider {
			.icon {
				svg {
					fill: rgba(255, 255, 255, 0.23);
				}
			}

			&:before {
				border-color: rgba(255, 255, 255, 0.23);
			}

			&:after {
				border-color: rgba(255, 255, 255, 0.23);
			}
		}
	}

	.header {
		position: relative;

		.logo {
			a {
				display: block;

				img {
					max-width: 120px;
				}
			}
		}

		.main-nav {
			.nav {
				list-style: none;
				padding: 0;
				margin: 0;

				li {
					line-height: 0;
					margin: 0;

					a {
						display: flex;
						align-items: center;
						height: 125px;
						font-family: var(--font-blinker);
						font-size: 1.25rem;
						font-weight: 600;
						color: var(--color-gray-dark);
						line-height: 1.2;
						padding: 0 25px;

						&:hover,
						&:active,
						&:focus {
							color: var(--color-white);
							background-color: var(--color-black);
						}
					}

					.dropdown {
						position: absolute;
						top: 100%;
						left: 0;
						right: 0;
						width: 100vw;
						min-height: 400px;
						z-index: 3;

						opacity: 0;
						visibility: hidden;
						overflow: hidden;

						background: #ffffff;
						margin: 0;
						padding: 0;
						border-bottom: 10px solid var(--color-gray-dark);
						box-shadow: 0 9px 12px rgba(0, 0, 0, 0.25);

						display: flex;
						align-items: center;

						color: var(--color-gray-dark);
						text-align: left;

						-webkit-transition: all .3s ease .15s;
						-moz-transition: all .3s ease .15s;
						-o-transition: all .3s ease .15s;
						transition: all .3s ease .15s;

						.mega-dropdown-image {
							position: absolute;
							top: 0;
							right: 0;
							width: 50%;
							height: 100%;

							img {
								position: absolute;
								top: 0;
								right: 0;
								bottom: 0;
								left: 0;
								width: 100%;
								height: 100%;
								-o-object-fit: cover;
								object-fit: cover;
								-o-object-position: right center;
								object-position: right center;
							}

							&:after {
								position: absolute;
								top: 0;
								right: 0;
								bottom: 0;
								left: 0;
								content: '';
								background: linear-gradient(90deg, rgba(255, 255, 255, 1.0) 0%, rgba(255, 255, 255, 0) 75%);
							}
						}

						.mega-dropdown-content {
							position: relative;

							.mega-dropdown-header {
								display: flex;
								justify-content: flex-end;
								align-items: center;

								span {
									display: inline-block;
									font-size: 1.625rem;
									font-weight: 700;
									color: var(--color-gray-dark);
									line-height: 1.2;
									padding: 0 20px 0 0;
									margin: 15px 0;
								}

								&:after {
									display: block;
									flex-grow: 1;
									content: '';
									border-block-end: 0;
									border-block-start: 1px solid var(--color-gray-dark);
								}
							}

							.mega-dropdown-intro {
								font-size: 0.875rem;
								line-height: 1.5;
								margin-bottom: 24px;
							}

							ul {
								-moz-column-count: 2;
								column-count: 2;
								-moz-column-gap: 24px;
								column-gap: 24px;
								list-style: none;
								padding: 0;

								&.cols-3 {
									-moz-column-count: 3;
									column-count: 3;
								}

								li {
									display: inline-block;
        							width: 100%;

									a {
										display: inline-block;
										height: auto;
										font-family: var(--font-archivo);
										font-size: 0.875rem;
										font-weight: 500;
										line-height: 1.2;
										padding: 10px 0;

										&:hover,
										&:focus,
										&.active {
											color: var(--color-gray-dark);
											background: transparent;
										}
									}
								}
							}
						}

						&.color-pink {
							border-color: var(--color-pink);
							
							.mega-dropdown-content {
								.mega-dropdown-header {
									span {
										color: var(--color-pink);
									}

									&:after {
										border-color: var(--color-pink);
									}
								}

								ul {
									li {
										a {
											&:hover,
											&:focus,
											&.active {
												color: var(--color-pink);
											}
										}
									}
								}
							}
						}

						&.color-green {
							border-color: var(--color-green);
							
							.mega-dropdown-content {
								.mega-dropdown-header {
									span {
										color: var(--color-green);
									}

									&:after {
										border-color: var(--color-green);
									}
								}

								ul {
									li {
										a {
											&:hover,
											&:focus,
											&.active {
												color: var(--color-green);
											}
										}
									}
								}
							}
						}

						&.color-rust {
							border-color: var(--color-rust);
							
							.mega-dropdown-content {
								.mega-dropdown-header {
									span {
										color: var(--color-rust);
									}

									&:after {
										border-color: var(--color-rust);
									}
								}

								ul {
									li {
										a {
											&:hover,
											&:focus,
											&.active {
												color: var(--color-rust);
											}
										}
									}
								}
							}
						}

						&.color-blue {
							border-color: var(--color-blue);
							
							.mega-dropdown-content {
								.mega-dropdown-header {
									span {
										color: var(--color-blue);
									}

									&:after {
										border-color: var(--color-blue);
									}
								}

								ul {
									li {
										a {
											&:hover,
											&:focus,
											&.active {
												color: var(--color-blue);
											}
										}
									}
								}
							}
						}
					}

					&:hover {
						.dropdown {
							opacity: 1;
							visibility: visible;
							overflow: visible;
						}
					}
				}
			}
		}

		.utility-nav {
			ul {
				display: flex;
				align-items: center;
				justify-content: flex-end;
				gap: 20px;
				list-style: none;
				padding: 0;
				margin: 0;

				li {
					position: relative;
					line-height: 0;
					margin: 0;

					a {
						font-size: 0.875rem;
						color: var(--color-gray-dark);
						line-height: 1.2;

						svg {
							width: 18px;
							height: 18px;
							fill: var(--color-green);
						}

						&:hover,
						&:active,
						&:focus {
							color: var(--color-green);
							
							svg {
								width: 18px;
								height: 18px;
								fill: var(--color-rust);
							}
						}
					}

					&:last-child {
						&:before {
							position: absolute;
							top: 0;
							bottom: 0;
							left: -10px;
							width: 1px;
							background-color: var(--color-gray-light);
							content: '';
						}
					}
				}
			}
		}

		.mobile-menu-trigger {
			svg {
				display: block;
				width: 36px;
				height: 36px;
				fill: var(--color-green);
			}

			&:hover,
			&:focus,
			&.active {
				svg {
					fill: var(--color-rust);
				}
			}
		}
	}
	

	.forward {
		h1,
		h2 {
			font-size: 3.0rem;
			font-weight: 800;
			color: var(--color-black);
			line-height: 1.2;
			margin: 0 0 24px 0;
		}

		p {
			font-size: 1.5rem;
			font-weight: 400;
			color: var(--color-gray-dark);
			line-height: 1.3;

			&.h2 {
				font-size: 2.25rem;
				font-weight: 700;
				color: var(--color-green);
				line-height: 1.2;
			}

			&.h3 {
				font-weight: 600;
				color: var(--color-black);
			}

			&.h4 {
				color: var(--color-green);
			}

			&.h5 {
				font-size: 1.25rem;
				font-weight: 600;
				color: var(--color-black);
				line-height: 1.2;
			}
		}
	}

	.hero {
		img {
			width: 100%;
			height: auto;
		}
	}

	.video-hero {
		position: relative;
		background-position: center center;
		background-size: cover;
		background-color: var(--color-gray-dark);
		padding: 50px 0;
		min-height: 400px;

		.background-video {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;

			video {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 100%;
				-o-object-fit: cover;
				object-fit: cover;
				-o-object-position: center center;
				object-position: center center;
			}

			&:after {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				content: '';
				background: linear-gradient(282deg, #FFFFFF00 0%, #050024 100%);
				opacity: 0.5;
				mix-blend-mode: multiply;
				transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
			}
		}

		.content {
			position: relative;

			h1 {
				font-family: var(--font-blinker);
				font-size: 3.5rem;
				font-weight: 700;
				color: var(--color-white);
				line-height: 1.0;
				letter-spacing: -1.2px;
				text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.41);
				margin: 0;
			}

			h2 {
				font-family: var(--font-blinker);
				font-size: 1.75rem;
				font-weight: 600;
				color: var(--color-white);
				line-height: 1.0;
				text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.67);
				padding-top: 5px;
				border-top: 1px solid var(--color-white);
			}
		}
	}

	.breadcrumbs {
		font-size: 0.750rem;
		line-height: 1.3;
		padding: 10px 0;

		.breadcrumb-link {
			display: inline-block;
			font-weight: 500;
			vertical-align: top;

			&.current {
				color: var(--color-black);
			}
		}

		.breadcrumb-seperator {
			font-size: 0.750rem;
		}
	}

	.no-page-title {
		margin: 0 0 24px 0;
	}

	.page-title-wrapper {
		margin: 48px 0;

		.page-title {
			h1,
			h2,
			p {
				font-size: 2.25rem;
				font-weight: 200;
				color: var(--color-black);
				line-height: 1.2;
				padding: 0;
				margin: 0;
			}
		}

		.page-parent {
			display: flex;
			justify-content: flex-end;
			align-items: center;

			h2 {
				display: inline-block;
				font-size: 1.5rem;
				font-weight: 700;
				color: var(--color-black);
				line-height: 1.2;
				padding: 0 0 0 20px;
				margin: 0;
			}

			&:before {
				display: block;
				flex-grow: 1;
				content: '';
				border-block-end: 0;
				border-block-start: 1px solid var(--color-black);
			}
		}

		&.color-pink {
			.page-title {
				h1,
				h2,
				p {
					color: var(--color-pink);
				}
			}
			.page-parent {
				h2 {
					color: var(--color-pink);
				}

				&:before {
					border-color: var(--color-pink);
				}
			}
		}

		&.color-green {
			.page-title {
				h1,
				h2,
				p {
					color: var(--color-green);
				}
			}
			.page-parent {
				h2 {
					color: var(--color-green);
				}

				&:before {
					border-color: var(--color-green);
				}
			}
		}

		&.color-rust {
			.page-title {
				h1,
				h2,
				p {
					color: var(--color-rust);
				}
			}
			.page-parent {
				h2 {
					color: var(--color-rust);
				}

				&:before {
					border-color: var(--color-rust);
				}
			}
		}

		&.color-blue {
			.page-title {
				h1,
				h2,
				p {
					color: var(--color-blue);
				}
			}
			.page-parent {
				h2 {
					color: var(--color-blue);
				}

				&:before {
					border-color: var(--color-blue);
				}
			}
		}
	}

	.main-content {
		margin-bottom: 48px;
	}

	&.page-template-home {
		.main-content {
			margin-bottom: 0;
		}
	}

	.divider {
		margin: 24px 0;

		.icon {
			svg {
				width: 50px;
				height: 50px;
				fill: var(--color-gray);
			}
		}

		&:before {
			display: block;
			flex-grow: 1;
			content: '';
			border-block-end: 0;
			border-block-start: 1px solid var(--color-gray);
		}

		&:after {
			display: block;
			flex-grow: 1;
			content: '';
			border-block-end: 0;
			border-block-start: 1px solid var(--color-gray);
		}
	}

	.youtubeBlock {
		margin-bottom: 24px;
	}

	.content-columns {
		margin-bottom: 24px;
		
		.col {
			position: relative;
			margin-top: 24px;
			margin-bottom: 24px;

			&:before {
				content: '';
				position: absolute;
				left: 0;
				right: 0;
				top: -24px;
				height: 1px;
				background: var(--color-gray);
			}

			.content {
				:last-child {
					margin-bottom: 0;
				}
			}
		}
	}
	
	h3 {
		&.text-step-1 {
			&:before {
				display: inline-block;
				color: var(--color-blue);
				content:  "1.";
				margin-right: 5px;
			}
		}
		&.text-step-2 {
			&:before {
				display: inline-block;
				color: var(--color-blue);
				content:  "2.";
				margin-right: 5px;
			}
		}
		&.text-step-3 {
			padding-bottom: 10px;
			border-bottom: 4px solid #d2af21;

			&:before {
				display: inline-block;
				color: var(--color-blue);
				content:  "3.";
				margin-right: 5px;
			}
		}
	}

	.form {
		position: relative;
		margin-bottom: 24px;
	
		input:placeholder-shown {
			color: var(--color-gray-dark);
			border: 0;
			background-color: var(--color-gray-light);
			padding: 10px;
		}
		
		input[type=text], 
		.form-select {
			line-height: 24px;
			background-color: var(--color-gray-light);
			border: 0;
			padding: 12px;
		}
		
		.form-select {
			width: 100%;
			font-size: 0.875rem;
			padding: 16px;
		}

		.search-text {
			width: 100% !important;
			padding: 14px 105px 14px 14px;
			background: var(--color-gray-light);
			border: 0;
			font-size: 0.875rem;
			line-height: 24px;
		}
		
		.btn-submit {
			position: absolute;
			top: 0;
			right: 45px;
			width: 45px;
			background: var(--color-green);
			color: var(--color-white);
			border-radius: 0;
			-o-border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			padding: 10px 0 10px 0;
			font-size: 1.625rem;
			line-height: 0px;
			cursor: pointer;
			text-align: center;
		}
	}

	a {
		&.category {
			display: block;
			font-weight: 600;
			color: var(--color-gray-dark);
			background: var(--color-gray-light);
			padding: 15px;
			margin-bottom: 25px;

			&:hover,
			&:focus,
			&:active {
				background: var(--color-gray-dark);
				color: var(--color-white);
			}
		}

	}

	ul.social-links {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		list-style: none;
		padding: 0;

		li {
			line-height: 0;
			margin: 0;

			a {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 58px;
				height: 58px;
				background-color: var(--color-white);
				border-radius: 50%;

				svg {
					width: 32px;
					height: 32px;
					fill: var(--color-green);
				}

				&:hover,
				&:active,
				&:focus {
					background-color: var(--color-rust);

					svg {
						fill: var(--color-white);
					}
				}
			}
		}
	}

	.notes {
		background-color: var(--color-blue-light);
		padding: 10px 20px;

		.image {
			text-align: center;

		}

		.content {
			p {
				font-size: 1.5rem;
				font-weight: 200;
				color: var(--color-gray-dark);
				line-height: 1.3;
			}

			&:last-child {
				margin-bottom: 0;
			}
		}
	}

	.footer {
		background-color: var(--color-black);
		background-image: url(../images/bg-footer.webp);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 50px;
		padding-bottom: 50px;

		p {
			font-size: 0.875rem;
			color: var(--color-white);
			line-height: 1.3;
		}

		a {
			color: var(--color-white);

			&:hover,
			&:active,
			&:focus {
				color: var(--color-green);
			}
		}

		.footer-contact {
			text-align: center;

			img {
				max-width: 120px;
			}
		}

		.footer-social {
			ul {
				justify-content: center;

				li {
					a {
						display: block;
						width: auto;
						height: auto;
						background: transparent;

						svg {
							width: 24px;
							height: 24px;
							fill: var(--color-white);
						}

						&:hover,
						&:active,
						&:focus {
							svg {
								fill: var(--color-green);
							}
						}
					}
				}
			}
		}

		.footer-nav {
			ul {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 20px;
				list-style: none;
				padding: 0;

				li {
					position: relative;
					line-height: 0;
					margin: 0;

					a {		
						font-size: 0.875rem;
						color: var(--color-white);
						line-height: 1.3;
					}

					&:before {
						position: absolute;
						top: 0;
						bottom: 0;
						left: -10px;
						width: 1px;
						background-color: var(--color-gray-light);
						content: '';
					}

					&:first-child {
						&:before {
							content: none;
						}
					}
				}
			}
		}
	}
}

.mobile-nav-wrapper {
	display: none;
}

#mobile-nav {
    overflow: visible;

    .close-mobile-menu {
        display: block;
        position: absolute;
        top: 0;
        left: -45px;
        height: 45px;
        width: 45px;
        font-size: 1.5rem;
        color: var(--color-green);
        line-height: 45px;
        text-align: center;
        background-color: var(--color-white);
        border-right: 1px solid var(--color-gray-light);
    }

    .mm-panel {
        background: var(--color-white);
    }

    .mm-navbar {
        background-color: var(--color-green);
        border-color: var(--color-gray-light);

        .mm-btn_prev {
            background: var(--color-green);

            &:before {
                border-color: var(--color-white);
            }
        }

        .mm-navbar__title {
            font-weight: 600;
            color: var(--color-white);
            background: var(--color-green);
        }
    }

    .mm-listview {
        .mm-listitem {
            a {
                font-size: 1.0rem;
                line-height: 1.5;
                padding: 10px 50px 10px 20px;

				&.mm-listitem__btn {
                	padding: 10px 20px;
				}

                &:after {
                    border-color: var(--color-gray-light);
                }

                &:hover,
                &:focus,
                &.nav-selected,
                &.nav-path-selected {
                    color: var(--color-green);
                    background: var(--color-white);
                }
            }

            &:after {
                left: 0;
                border-color: var(--color-gray-light);
            }
        }
    }

	.mm-navbar {
        form {
            .mobile-menu-search {
                position: relative;
                width: 100%;

                input {
                    width: 100%;
                    height: 44px;
                    font-style: italic;
                    border: none;
                    border-radius: 0;
                    background-color: var(--color-white);
                    padding: 0 15px 0 58px;

                    &:active,
                    &:focus {
                        outline: none;
                        border: none;
                    }
                }

                button {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 20px;
                    color: var(--color-green);
                    background: none;
                    border: none;
                    padding: 0;

                    &:active,
                    &:hover,
                    &:focus {

                    }
                }
            }
        }
    }
}

.mm-wrapper_opening {
    [class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker {
        opacity: 0.70 !important;
    }
}

@media print {
    .header { display: none; }
    img { display: none; }
    .breadcrumbs { display: none; }
    .no-page-title { display: none; }
    .page-title-wrapper { display: none; }
    .forward { display: none; }
	h1 { font-size: 28pt !important; line-height: 1.2; }
	h2 { font-size: 24pt !important; line-height: 1.2; }
	h3 { font-size: 20pt !important; line-height: 1.2; }
	h4, h5, h6 { font-size: 18pt !important; line-height: 1.2; }
    .results-sidebar { display: none; }
    .footer { display: none; }
    .print-title { display: block !important; }
}

@media screen and (min-width: 768px) {
	.ccm-page {
		.forward {
			h1,
			h2 {
				font-size: 4.0rem;
				line-height: 1.2;
			}
		}

		.video-hero {
			min-height: 900px;

			.content {
				position: relative;

				h1 {
					font-size: 5.0rem;
					line-height: 1.0;
				}
			}
		}

		.content-columns {
			.col {
				&:after {
					content: '';
					position: absolute;
					top: 0;
					right: 0;
					height: 100%;
					width: 1px;
					background: var(--color-gray);
				}

				&:first-child {
					border-top: none;
				}

				&.last-md:after {
					content: none;
				}
			}
		}

		.notes {
			padding: 10px 0;
		}

		.footer {
			.footer-contact {
				text-align: left;
			}
			
			.footer-social {
				ul {
					justify-content: flex-end;
				}
			}

			.footer-nav {
				ul {
					justify-content: flex-end;
				}
			}
		}
	}
}

@media screen and (min-width: 1200px) {
	.ccm-page {
		.header {
			.main-nav {
				.nav {
					li {
						a {
							padding: 0 30px;
						}
					}
				}
			}
		}

		.content-columns {
			.col {
				&.last-md:after {
					content: '';
				}

				&.last-xl:after {
					content: none;
				}
			}
		}
	}
}