/* ---------------------------------------- 

	    SUBPAGE CSS STYLES 

---------------------------------------- */


/* CONTAINERS */

.sp-content-container {
	padding: 50px 0 100px;
}

.sp-content-container.sp-science-container, .sp-content-container.sp-pain-container {
	padding: 50px 0;
}

	.sp-content,
	.sp-content-science,
	.sp-content-pain {
		width: 92.5%;
		margin: 0 auto;
		overflow-wrap: break-word;
  		word-wrap: break-word;
	}

	.sp-content {
		max-width: 870px;
	}

	.sp-content-science, .sp-content-pain {
		max-width: 840px;
	}

	.sp-content-filter {
		max-width: 1200px;
	}

.sp-content-pain__content-wrapper {
	order: 2;

}	

.sp-content-pain__img-wrapper {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	order: 1;

	/* flex: 0 1 29.1% */

}
.page-bins-row:nth-child(2n) .page-bin.bin-text.pain-bin-text--left{
	order: 2;
}

.pain-bin-visual--left {
	order: 1;
}

.pain-bin-text--right {
	order: 1;
}

.pain-bin-visual--right {
	order: 1;
}

.btn-insole-checkerbox {
	justify-content: center;
	align-items: center;
	padding: 20px 15px;
	font-size: 22px;
	/* width: 75%; */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.btn-padding-fix {
	padding: 30px 20px;
}

.icon-insole-checkerbox {
	margin-right: 10px;
	font-size: 40px;
}

.icon-arrow-checkerbox {
	margin-left: 10px;
	font-size: 22px;
}

@media screen and (min-width: 768px) {
	.btn-insole-checkerbox {
		width: 50%;
	}
}

@media screen and (min-width: 1024px) {
	.sp-content-pain {
		justify-content: space-between;
		align-items: center;
	}

	.sp-content-pain__content-wrapper {
		flex: 0 1 70%;
		order: 1;
	}

	.sp-content-pain__img-wrapper {
		margin-left: 0;
		margin-right: 0;
		flex: 0 1 25%;
		order: 2;
	}

	.pain-bin-visual--left {
		order: 1;
	}

	.pain-bin-text--right {
		order: 2;
	}

	.pain-bin-text--left {
		order: 1;
	}

	.pain-bin-visual--right {
		order: 2;
	}

	.btn-insole-checkerbox {
		width: 75%;
	}

	i.icon.icon-insole-finder.icon-insole-checkerbox {
		font-size: 30px;
	}

	i.icon.icon-arrow.icon-arrow-checkerbox {
		font-size: 30px;
	}
}

/* ACCORDIONS */

.accordion-container {
	margin: 20px 0;
	padding: 10px 0 0;
}
	
	.accordion-container .expand {
		position: relative;
		padding: 20px 0;
		font-size: 0;
		line-height: 0;
		background: transparent;
		border-top: 0;
		border-bottom: 1px solid #cccdce;
		box-sizing: border-box;
		transition: all 0.2s;
	}
	
	.accordion-container .expand:first-of-type {
		border-top: 1px solid #cccdce;
		transition: border-top 0.2s;
	}

		.accordion-container .expand > span {
			position: relative;
			display: inline-block;
			vertical-align: top;
			width: 90%;
			font: 26px/28px "Roboto Black", sans-serif;
			text-transform: uppercase;
			color: #00457c;
			transition: color 0.2s;
		}

			.accordion-container .expand > span > span.stylized-bullet {
				position: absolute;
				left: 0;
				width: 28px;
				height: 28px;
				margin-top: 0;
				font-size: 18px;
				line-height: 18px;
				border: 2px solid #aabbcf;
				transition: background-color 0.2s;
			}	

	.accordion-container .expand::before,
	.accordion-container .expand::after {
		position: absolute;
		top: 33px;
		right: 10px;
		content: "";
		width: 4px; 
		height: 17px;
		border-radius: 4px;
		background-color: #3c3c3c;
		transition: all 0.5s;
	}

	.accordion-container .expand::before {
		transform: rotate(-45deg) translateY(calc(-50% + 2px));
	}

	.accordion-container .expand::after {
		transform: rotate(-135deg) translateY(calc(50% - 2px));
	}

	/* IE11 Hack for calc */
	_:-ms-fullscreen, :root .accordion-container .expand::before {
		right: 30px; 
		transform: rotate(-45deg) translateY(-50%); 
	}

	_:-ms-fullscreen, :root .accordion-container .expand::after { 
		right: 32px;
		transform: rotate(-135deg) translateY(50%);
	}
	/* End hack */			
		
	.accordion-container .expand:hover {
		cursor: pointer;
	}

		.accordion-container .expand:hover > span {
			color: #2160ae;
		}

			.accordion-container .expand:hover > span > span.stylized-bullet {
				background-color: #123766;
			}

	.accordion-container .expand:hover::before,
	.accordion-container .expand:hover::after {
		background-color: #2160ae;
	}
	
	.accordion-container .expand.expanded {
		border-bottom: 1px solid #fff;
	}

	.accordion-container .expand.expanded:first-of-type {
		border-top: 1px solid #cccdce;
	}
	
		.accordion-container .expand.expanded > span {
			color: #3e76bd;
		}

			.accordion-container .expand.expanded > span > span.stylized-bullet {
				background-color: #123766;
			}	

	.accordion-container .expand.expanded::before,
	.accordion-container .expand.expanded::after {
		top: 20px;
		background-color: #3e76bd;
	}	

	.accordion-container .expand.expanded::before {
		transform: rotate(-45deg) translateY(calc(50% - 2px));
	}

	.accordion-container .expand.expanded::after {
		transform: rotate(-135deg) translateY(calc(-50% + 2px));
	}	

	/* IE11 Hack for calc */
	_:-ms-fullscreen, :root .accordion-container .expand.expanded::before { 
		right: 32px;
		transform: rotate(-45deg) translateY(50%); 
	}

	_:-ms-fullscreen, :root .accordion-container .expand.expanded::after { 
		right: 30px;
		transform: rotate(-135deg) translateY(-50%);
	}
	/* End hack */	

	.accordion-container .expand.expanded:hover {
		padding: 20px 0;
		background-color: #fff;
	}

		.accordion-container .expand.expanded:hover > span {
			color: #3e76bd;
		}

		.accordion-container .expand.expanded:hover::before,
		.accordion-container .expand.expanded:hover::after {
			background-color: #3e76bd;
		}
	
		/* Chrome hack (doesn't affect Safari or IE) */

		@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
			
		}
	
	.accordion-container .expand + .expanded-content {
		margin-top: 0;
	}
	
	.accordion-container .expanded-content {
		padding: 10px 0;
		font-size: 22px;
		line-height: 28px;
		border-bottom: 1px solid #cccdce;
	}
	
		.accordion-container .expanded-content p:first-child {
			margin-top: 0;
		}	
		
		.accordion-container .expanded-content h2,
		.accordion-container .expanded-content h3,
		.accordion-container .expanded-content h4 {
			padding-top: 15px;
			font-size: 24px;
			line-height: 26px;
		}

		.accordion-container .expanded-content h2 + *, 
		.accordion-container .expanded-content h3 + *, 
		.accordion-container .expanded-content h4 + * {
			margin-top: 10px;	
		}
		
		.accordion-container .expanded-content hr {
			margin: 32px 0;
		}


/* PRODUCTS */

/* Hero */

.product-hero {
	padding: 40px 0 60px;
}

	.product-hero-content,
	.product-features-content {
		justify-content: space-between;
		width: 92.5%;
		max-width: 1180px;
		margin: 0 auto;
	}

		.product-hero-intro-mobile {
			display: none;
		}

		.gallery-container {
			flex: 0 1 50.4%;
		}

			.gallery-large {
				margin-top: 10px;
			}

			.gallery-thumbs {
				justify-content: center;
				align-items: center;
				margin-top: 40px;
			}		
							
				.gallery-thumbs > a {
					position: relative;
					overflow: hidden;
					margin-right: 15px;
					cursor: pointer;
					box-sizing: border-box;
					border: 1px solid #d2d4d6;				
				}

				.gallery-thumbs > a:nth-child(3) {
					margin-right: 0;
				}	

				.gallery-thumbs > a:nth-child(n+4) {
					display: none;
				}
				
					.gallery-thumbs > a img {
						display: block;
						width: 100%;
					}
			
				.gallery-thumbs > a:hover,
				.gallery-thumbs > a.current {
					border: 1px solid #a7a9ac;
				}
				
				.gallery-thumbs > a.current {
					cursor: default;
				}
				
				.gallery-thumbs > a.current::after {
					z-index: 1;
					content: "";
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background: rgba(61, 61, 61, 0.4);					
				}	

		.product-hero-intro {
			flex: 0 1 45.8%;
		}

			.product-hero-intro h2,
			.product-hero-intro-mobile h2 {
				padding-top: 5px;
				font-size: 26px;
				line-height: 28px;
			}

			.product-hero-intro p {
				margin-bottom: 0;
				font: 20px/24px "Roboto", sans-serif;
			}

			.product-hero-intro .btn-container {
				padding: 20px 0;
			}

				.product-hero-intro .btn-container .btn {
					padding: 8px 12px;
				}

				.product-hero-intro .btn-container .btn.scroll {
					margin-right: 15px;
				}	

					.product-hero-intro .btn-container .btn i {	
						margin-left: 5px;
						font-size: 14px;
					}

					.product-hero-intro .btn-container .btn.scroll i {	
						transform: rotate(90deg);
					}

			.product-intro-attributes {
				margin: 20px 0;
			}

				.product-intro-attributes ul {
					margin: 0;
					padding: 0;
					font-size: 0;
					line-height: 0;
					list-style-type: none;
				}

					.product-intro-attributes ul li {
						display: inline-block;
						vertical-align: middle;
						padding: 0;
						margin: 0;
						font-size: 0;
						line-height: 0;
					}

						.product-intro-attributes ul li .icon-content,
						.product-intro-attributes ul li::after {
							display: inline-block;
							vertical-align: middle;
						}
						
						.product-intro-attributes ul li::after {	
							vertical-align: top;
							content: "+";
							margin: 8px 10px 0;
							font: 34px/34px "Roboto Light", sans-serif;
							color: #b58f1b;
						}

						.product-intro-attributes ul li:last-child::after {
							display: none;
						}

							.product-intro-attributes ul li .icon-content span {
								display: block;
							}

							.product-intro-attributes ul li .icon-content span:first-child {
								display: flex;
								justify-content: center;
								align-items: center;
								width: 53px;
								height: 53px;
								margin: 0 auto 8px;
								border-radius: 50%;
								background-color: #f5c01f;
							}

								.product-intro-attributes ul li .icon-content span:first-child i {
									font-size: 34px;
									color: #fff;
								}

							.product-intro-attributes ul li .icon-content span:last-child {
								font: 18px/18px "Roboto", sans-serif;
								text-transform: uppercase;
								color: #262521;
							}	

			.accordion-container.product-intro-sizes .expanded-content	{
				padding: 0;
				border-bottom: 0;
			}			

			.product-table {
				width: 100%;
				margin: 2px 0 25px;
				border-radius: 5px;
				border: 1px solid #cccdce;
			}
				
				.product-table th,
				.product-table tr td {
					margin: 0;
				}
				
				.product-table th {
					padding: 8px 15px;
				}

				table.product-table.dealer {
					margin-top: 20px;
				}

				table.product-table.dealer th {
    				padding-left: 15px;
    				padding-right: 100px;
    				padding-top: 15px;
    				padding-bottom: 15px;
    				text-align: left;
				}

				.product-table tr th:first-child {
					width: 20%;
				}
				
				.product-table tr th:nth-child(2),
				.product-table tr th:last-child {
					width: 40%;
				}
					
				.product-table th {
					font: 18px/18px "Roboto Black", sans-serif;;
					text-transform: uppercase;
					color: #fff;
					background-color: #173f70;
					border-left: 0;
					border-bottom: 2px solid #336aaf;
				}
				
				.product-table th:first-child {
					border-radius: 5px 0 0 0;
				}
				
				.product-table th:last-child {
					border-radius: 0 5px 0 0;
				}

				.product-table tr td {
					padding: 6px 15px;
					font: 16px/20px "Roboto", sans-serif;
					text-align: center;
					color: #262521;
					border-left: 1px solid #cccdce;
					border-top: 1px solid #cccdce;
				}

				.product-table.dealer tr td {
					text-align: left;
				}
				
				.product-table tr:hover {
					background: #eff4fa;
				}
					
				.product-table tr:first-child td {
					border-top: 0;
				}
				
				.product-table tr td:first-child {
					font-family: "Roboto Black", sans-serif;
					border-left: 0;
				}		

			.product-intro-activities h3 {
				padding: 0;
				font-size: 26px;
				line-height: 28px;
			}

			.product-intro-activities ul {
				margin-bottom: 0;
				padding: 0 0 0 35px;
				-webkit-column-count: 2;
				column-count: 2;
	  		}									

	  			.product-intro-activities ul li {
	  				margin-bottom: 5px;
	  				padding-left: 0;
	  				font: 18px/18px "Roboto", sans-serif;
	  			}

/* Features */

.product-features-header {
	background-color: #3e76bd;
}

	.product-features-header span {
		display: block;
		width: 92.5%;
		margin: 0 auto;
		padding: 30px 0;
		font: 36px/36px "Roboto Black", sans-serif;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
	}

.product-features-content {
	margin: 30px auto 60px;
}

	.product-features-diagram {
		flex: 0 1 45.8%;
		padding-top: 20px;
	}

		.product-features-diagram img {
			display: block;
		}

	.product-features-text {
		flex: 0 1 50.4%;
	}
		
		.product-features-text .accordion-container {
			margin: 0;
			padding: 0;
		}	

			.product-features-text .expand:first-of-type,
			.product-features-text .expand.expanded:first-of-type {
				border-top: 0; 
			}	

			.product-features-text .expand:last-of-type {
				border-bottom: 1px solid #fff;
			}  

				.product-features-text .accordion-container .expand > span {
					width: 85%;
					padding-left: 6.75%;
				}

				.product-features-text .accordion-container .expanded-content {	
					padding: 0 6.75% 20px;
				}	

					.product-features-text .accordion-container .product-features-benefits {
						justify-content: space-between;
					}

						.product-features-benefits > div {
							flex: 0 1 45.5%;
						}

							.product-features-text .accordion-container .expanded-content h2, 
							.product-features-text .accordion-container .expanded-content h3, 
							.product-features-text .accordion-container .expanded-content h4 {
								padding: 0;
								font-size: 20px;
								line-height: 22px;
							}	

							.product-features-text > div ul {
								margin-bottom: 0;
								padding: 0 0 0 19px;
							}

								.product-features-text ul li {
					  				margin-bottom: 5px;
					  				padding-left: 0;
					  				font: 16px/18px "Roboto", sans-serif;
					  			}		

/* Related Products */

.related-products {
	padding: 25px 0;
	text-align: center;
	background-color: #eff4fb;
}

	.related-products-content {
		justify-content: center;
		width: 92.5%;
		max-width: 915px;
		margin: 0 auto;
	}

		.related-products > span {
			display: block;
			width: 92.5%;
			margin: 0 auto 35px;
			font: 36px/36px "Roboto Black", sans-serif;
			text-transform: uppercase;
			color: #173f70;
		}

		.related-products-content .related-product {
			flex: 0 1 29.3%;
			margin: 0 2%;
		}

		.related-products-content.cta-related-products .related-product:nth-child(n+3) {
			display: none;
		}

			.related-product a img,
			.related-product a.product-name,
			.related-product > span {
				display: block;
			}	

			.related-product a img {	
				margin: 0 auto;
				box-sizing: border-box;
				border: 1px solid #d2d4d6;
				transition: border 0.2s;
			}

			.related-product a:hover img {
				border: 1px solid #a7a9ac;
			}	

			.related-product a.product-name {
				margin: 15px 0 5px;
				font: 24px/24px "Roboto Black", sans-serif;
				text-decoration: none;
				/*text-transform: uppercase;*/
				color: #173f70;
				transition: color 0.2s;
			}	

			.related-product a.product-name:hover {
				color: #2160ae;
			}	

			.related-product > span {
				font: 18px/20px "Roboto", sans-serif;
			}


/* INSOLE FINDER */

.product-filter-content {
	justify-content: space-between;
	align-items: flex-start;
}

	.product-filter-content .btn-mobile-filter,
	.product-filter-content .btn-mobile-results,
	.product-filter-content .btn-filter-close {
		display: none;
	}	

	.product-filter-content .btn-mobile-filter {
		flex: 0 1 100%;
		padding: 25px 0 0;
		text-align: center;
	}

		.product-filter-content .btn-mobile-filter button,
		.filter-menu button {
			border: 0;
			-webkit-appearance: none;
			-webkit-border-radius: 5px;
		}

		.product-filter-content .btn-filter-close {
			position: absolute;
			top: 0;
			right: 35px;
			width: 28px;
			height: 28px;
			cursor: pointer;
			font-size: 28px;
			text-align: right;
		}

		.product-filter-content .filter-total-results {
			margin: 0;
			font: 16px/16px "Roboto Bold", sans-serif;
		}

			.product-filter-content .filter-total-results span {
				display: block;
				padding-bottom: 15px;
			}	

			.product-filter-content .filter-total-results strong {
				color: #2160ae;
			}

		.product-filter-content .filter-selections,
		.product-filter-content .filter-mobile-selections {
			justify-content: flex-start;
			align-items: center;
		}

		.product-filter-content .filter-selections {
			flex: 0 1 96%;
			margin: 0 auto;
		}

		.product-filter-content .filter-mobile-selections {
			display: none;
			margin-bottom: 15px;
		}

			.filter-selections .filter-pill,
			.filter-mobile-selections .filter-pill {		
				margin-top: 10px;
				padding: 10px;
				background: #fafafa;
				border: 1px solid #a7a9ac;
				border-radius: 4px;
				font-size: 14px;
				line-height: 16px;
				text-transform: uppercase;
			}

			.filter-selections .filter-pill {
				flex: 0 1 auto;
				margin-right: 10px;
			}	

			.filter-mobile-selections .filter-pill {
				flex: 0 1 100%;
			}	

			.filter-mobile-selections .filter-pill:first-child {
				margin-top: 0;
			}

			.filter-mobile-selections .filter-pill:last-child {
				margin-bottom: 0;
			}

				.filter-selections .filter-pill strong,
				.filter-mobile-selections .filter-pill strong {
					color: #005f9d;
				}	

	.product-filter-content .filter-menu {
		flex: 0 1 22.9%;
		margin-top: 10px;
	}

		.filter-menu .filter-menu-header {
			display: block;
			font: 24px/24px "Roboto Black", sans-serif;
			text-transform: uppercase;
			color: #2160ae;
		}	

		.filter-menu .btn-container {
			padding: 0 0 20px;
		}	

			.filter-menu button {
				padding: 8px 30px;
			}

			.accordion-container.filter {
				margin: 10px 0 0;
			}

				.accordion-container.filter .expand > span {
					font: 18px/20px "Roboto Bold", sans-serif;
				}

				.accordion-container.filter .expand::before, 
				.accordion-container.filter .expand::after {
					top: 27px;
					height: 15px;
				}

				.accordion-container.filter .expand.expanded::before, 
				.accordion-container.filter .expand.expanded::after {
					top: 20px;
				}
				
				.accordion-container.filter .expanded-content {
					padding: 0 10px 10px;
				}	

					.filter .expanded-content label {
						position: relative;
						display: block;
						margin-bottom: 12px;
					}
						
					.finder .expanded-content label:last-of-type {
						margin-bottom: 0;
					}

					.filter .expanded-content input[type="checkbox"] + label {
						padding-left: 30px;
						font-size: 18px;
					}

					.filter .expanded-content input[type="checkbox"]:not(:checked),
					.filter .expanded-content input[type="checkbox"]:checked {
						position: absolute;
						left: -9999px;
					}
					
					.filter .expanded-content input[type="checkbox"]:not(:checked) + label::before,
					.filter .expanded-content input[type="checkbox"]:checked + label::before {
						content: "";
						position: absolute;
						top: 6px;
						left: 0;
						width: 17px; 
						height: 17px;
						border: 1px solid #a7a9ac;
						background: #fff;
						transition: border 0.2s;
					}
					
					.filter .expanded-content input[type="checkbox"]:checked + label::before {
						border: 1px solid #005f9d;
					}
							
					.filter .expanded-content input[type="checkbox"]:not(:checked) + label::after,
					.filter .expanded-content input[type="checkbox"]:checked + label::after {
						display: block;
						content: "";
						position: absolute;
						top: 9px;
						left: 3px;
						width: 13px;
						height: 13px;
						background: #23518b;
						transition: all 0.2s;
					}		
					
					.filter .expanded-content input[type="checkbox"]:not(:checked) + label::after {
						opacity: 0;
						transform: scale(0);
					}
					
					.filter .expanded-content input[type="checkbox"]:checked + label::after {
						opacity: 1;
						transform: scale(1);
					}
					
					.filter .expanded-content label:hover::before {
						border: 1px solid #23518b;
					}

	.related-products-content.filter-results {
		flex: 0 1 70%;
		justify-content: flex-start;
		align-items: flex-start;
		width: 100%;
		max-width: 100%;
		text-align: center;
	}

			.related-products-content.filter-results .related-product {
				margin-top: 30px;
			}

				.related-products-content.filter-results .related-product a.product-name {
					margin: 10px 0 5px;
					font: 18px/20px "Roboto Bold", sans-serif; 
				}

				.related-products-content.filter-results .related-product > span {
					font-size: 16px;
					line-height: 18px; 
				}


/* STORE LOCATOR */	

.online-retailer-content {
	justify-content: center;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #adb8c1;
	border-top: 1px solid #adb8c1;
	background-color: #eff4fb;	
}

	.online-retailer-content div:first-child {
		margin-right: 15px;
	}

		.online-retailer-content div a img {
			display: block;
			margin: 0 auto;
			box-sizing: border-box;
			border: 1px solid #d2d4d6;
			transition: border 0.2s;
		}

		.online-retailer-content div a:hover img {
			border: 1px solid #a7a9ac;
		}

div#map {
	display: none;
}			

.search-message {
	font-size: 18px;
	line-height: 24px;
	color: #000;
}

.search-message.error {
	color: #ff0000;
}	

.retailers .retailer {
	padding: 0 0 35px;
}	

	.retailer h3 {
		padding: 20px 0;
	}
	
	.retailer p {
		margin: 0;
		font-size: 20px;
		line-height: 26px;
	}

		.retailer p * {
			display: block;
		}

		.retailer p strong {
			margin-bottom: 5px;
			font-size: 22px;
			line-height: 22px;
			font-family: "Roboto Black", sans-serif;
			text-transform: uppercase;
			color: #2160ae;
		}

		.retailer p a {
			margin: 10px 0 0;
			font-size: 16px;
			line-height: 18px;
			font-family: "Roboto Bold", sans-serif;
			text-transform: uppercase;
			color: #0e2a4d;
		}


/* SCIENCE */

.sp-content-science {
	justify-content: space-between;
}

	.sp-content-science h1 {
		flex: 0 1 100%;
		margin-bottom: 35px;
	}

	.sp-content-science p {
		flex: 0 1 64.2%;
		margin: 0;
		line-height: 36px;
	}

	.sp-content-science div {
		flex: 0 1 29.1%;
	}	


/* BLOG */	

.blog-content {
	justify-content: space-between;
	align-items: flex-start;
}

	.blog-posts,
	.blog-post {
		flex: 0 1 70%;
		font-size: 22px;
		line-height: 28px;
	}

		.blog-excerpt {
			padding: 30px 0;
			border-bottom: 1px solid #adb8c1;
		}

		.blog-excerpt.blog-excerpt-1 {
			margin: 0;
		}

			.blog-excerpt h3,
			.blog-date,
			.blog-category {
				margin: 0; 
				padding: 0;
			}

			.blog-excerpt h3 a {
				font-family: "Roboto Black", sans-serif;
				text-decoration: none;
				color: #23518b;
			}

			.blog-date,
			.blog-category {
				display: block;
			}

			.blog-date,
			.blog-category,
			.blog-category > a {
				color: #181818;
			}	

			.blog-date {
				padding: 10px 0;
				font: 22px/22px "Roboto Bold", sans-serif;
			}

			.blog-category {
				font: normal 18px/18px "Roboto", sans-serif;
			}

			.blog-excerpt p {
				font-size: 22px;
				line-height: 28px;
			}

	.blog-categories {
		flex: 0 1 25%;
		margin-top: 30px;
		border-radius: 5px;
		background-color: #eff4fa;
		text-align: center;
	}

	body.single .blog-categories {
		margin-top: 0;
	}

		.blog-categories .categories-content {
			width: 95%;
			margin: 0 auto;
			padding: 25px 0 35px;
		}

			.blog-categories .categories-content h3 {
				padding: 0 0 20px;
				font-size: 24px;
				line-height: 24px;
				text-transform: uppercase;
			}

			.blog-categories .categories-content ul {
				margin: 0;
				padding: 0;
				font-size: 0;
				line-height: 0;
				list-style-type: none;
			}

				.blog-categories .categories-content ul li {
					padding: 0;
					margin-bottom: 15px;
				}	

				.blog-categories .categories-content ul li:last-child {
					margin-bottom: 0;
				}

				.blog-categories .categories-content ul li.current-cat,
				.blog-categories .categories-content ul li a {
					font: 18px/18px "Roboto Light", sans-serif;
					color: #181818;
				}

				.blog-categories .categories-content ul li.current-cat {
					font-family: "Roboto Bold", sans-serif;
					text-transform: uppercase;
					color: #23518b;
				}

	.blog-date + h2,
	.blog-date + h3,
	.blog-date + h4,
	.blog-category + h2,
	.blog-category + h3,
	.blog-category + h4 {
		padding-top: 35px;
	}

	.blog-post-nav {
		padding: 10px !important;
		border-top: 1px solid #adb8c1;
	}	

	.blog-post-nav::after {
		display: block;
		content: "";
		clear: both;
		height: 0;
		font-size: 0;
		line-height: 0;
	}

	.blog-post-nav.blog-post-nav-bottom {
		margin: 30px 0 0;
	}

		.blog-post-prev {
			float: left;
		}

		.blog-post-next {
			float: right;
		}

		.blog-post-nav a {
			font: 18px/18px "Roboto Bold", sans-serif;
		    text-decoration: none;
		    text-transform: uppercase;
		    color: #23518b;
		}

		.blog-post-nav a:hover {
			text-decoration: underline;
		}

	.pagination {
		justify-content: center;
		align-items: center;
		margin: 30px 0;
	}
		
		.pagination a, 
		.pagination span {
			flex: 0 1 auto;
		}
		
		.pagination a {
			font-family: "Roboto Bold", sans-serif;
			text-decoration: none;
			color: #23518b;
		}
		
		.pagination a:hover {
			text-decoration: underline;
		}

		.pagination span {
			margin: 0 20px;
		}


/* SEARCH */	

/* Site Search */

.search-form-container {
	justify-content: center;
	align-items: center;
	margin: 40px 0 20px;
	padding: 20px 0;
	border-bottom: 1px solid #adb8c1;
	border-top: 1px solid #adb8c1;	
}

.search-form-container.search-page {
	margin: 40px 0 0;
}

	.search-inputs {
		justify-content: center;
		align-items: center;
	}

		.search-form input[type="text"] {
		 	flex: 0 1 300px;	
			height: 35px;
			margin: 0 15px 0 0;
			padding: 0 10px;
			font: 18px/18px "Roboto Bold", sans-serif;
			color: #4e4e4e;
			background: #fff;
			box-sizing: border-box;
			border-radius: 5px;
			border: 1px solid #adb8c1;		
			transition: border 0.2s;
		}	

		.search-form input:focus {
			border: 1px solid #23518b;
			outline: 0 !important;
		}

		.search-form input[type="submit"] {
			padding: 9px 35px;
			border: 0;
			-webkit-appearance: none;
			-webkit-border-radius: 5px;
		}

/* Results */

.sp-search-content > h2 {
	font-size: 48px;
	line-height: 50px;
}

.sp-search-content > h1 {
	font-size: 36px;
	line-height: 38px;
}

.search-result.search-result-1 > h3 {
	padding: 15px 0 0;
}

.search-result h3 + p {
	margin-top: 15px;
}

	.search-result h3 a {
		font-family: "Roboto Black", sans-serif;
		text-decoration: none;
		color: #23518b;
		transition: color 0.2s;
	}

	.search-result h3 a:hover {
		color: #0e2a4d;
	}