/* Normal Formatting
-----------------------------------------------------------*/
.banner-content-body {
	.banner-title {
		font-size: calc(3rem + 0.5vw);
	}
	.banner-body p {
		font-size: calc(1rem + 0.5vw);
	}
}
p {
	font-size: calc(1rem + 0.0625vw);
}
#navbar-main.navbar {
	border-bottom: 3px solid #e7e7e7;
	background: #f7f7f7;
}
footer.site-footer {
	h2,
	#block-provus-edu-theme-footer1-menu {
		margin-top: 0rem;
		margin-bottom: 0.5rem;
		font-weight: 600;
		font-size: 1.125rem;
	}
}
.mission-statement p {
	font-size: calc(1rem + 0.5vw);
}
.staff, 
.beliefs, 
.timeline {
	li p {
		font-size: calc(1rem + 0.125vw);
	}
}
.path-worship {
	.worship-times {
		span,
		p {
			font-size: calc(1rem + 0.25vw);
		}
	}
	.contact, 
	.location {
		span,
		p,
		a {
			font-size: calc(1rem + 0.125vw);
		}
	}
}

/* This is for the Blogs View formatting
-----------------------------------------------------------*/
.blog-frontpage {
	.row .views-row {
		margin: 2em auto;
	}
	.views-field-created span.field-content {
			font-size: calc(1rem + 0.125vw);
			font-weight: bold;
	}
	h2 {
  	margin-top: 0.25rem;
  	line-height: calc(1.8em + 0.125vw);
	}
}

/**** ≤468px Mobile Screens  **********************************************************************
**********************************************************************************************************/
@media (max-width: 468px) {
	
	.banner-content-body {
		.banner-title {
			font-size: calc(1.75rem + 0.25vw);
		}
		.banner-body p {
			font-size: calc(1rem + 0.125vw);
		}
		.btn {
			font-size: calc(1rem + 0.25vw);
			line-height: 0.5rem;
		}
	}
	.schedule .provus-card-icon-left .list-icon {
		align-self: center;
	}
	.events .title {
		text-align: center;
	}
	.block-provus-heading .title {
		text-align: center;
	}
	
	/* This is for the Blogs View formatting
	-----------------------------------------------------------*/
	.blog-frontpage {
		h2 {
			font-size: calc(1.5em + 0.25vw);
		}
	}
	
}

/**** Mobile Screens  **********************************************************************
**********************************************************************************************************/
@media (max-width: 47.9em) {
	
	/* This is for the Blogs View formatting
	-----------------------------------------------------------*/
	.blog-frontpage {
		.row .views-row {
			border-top: 2px solid #222;
			padding: 1em 0;
			margin: 0 auto;
			&:nth-child(1) {
				border-top: none;
			}
		}
	}
	
}

/**** Tablet Screens and Mobile Screens  **********************************************************************
**********************************************************************************************************/
@media (min-width: 469px) and (max-width: 1023px) {
	
	.banner-content-body {
		.banner-title {
			font-size: calc(2rem + 0.5vw);
		}
		.banner-body p {
			font-size: calc(1rem + 0.25vw);
		}
		.btn {
			font-size: calc(1rem + 0.5vw);
			line-height: 1rem;
		}
	}
	
	/* This is for the Blogs View formatting
	-----------------------------------------------------------*/
	.blog-frontpage {
		h2 {
  		font-size: calc(1.5em + 0.125vw);
		}
		.row .views-row {
			padding: 1em 0;
			margin: 1em auto;
		}
	}
	
}

/**** Tablet Screens and Above **********************************************************************
**********************************************************************************************************/
@media (min-width: 1024px) {
	
	/* This is for the Blogs View formatting
	-----------------------------------------------------------*/
	.blog-frontpage {
		h2 {
  		font-size: calc(1.8em + 0.125vw);
		}
	}
	
}

/**** Large Mobile to Small Desktop  **********************************************************************
**********************************************************************************************************/
@media (min-width: 48em) and (max-width: 89.9em) {

	/* This is for the Blogs View formatting
	-----------------------------------------------------------*/
	.blog-frontpage {
		.row .views-row {
			padding: 1em;
			&:nth-child(1),
			&:nth-child(3),
			&:nth-child(5) {
				border-right: 1px solid #222;
			}
			&:nth-child(2),
			&:nth-child(4),
			&:nth-child(6) {
				border-left: 1px solid #222;
			}
		}
	}

}

/**** Desktop Screens  **********************************************************************
**********************************************************************************************************/
@media (min-width: 90em) {
	
	/* This is for the Blogs View formatting
	-----------------------------------------------------------*/
	.blog-frontpage {
		.row .views-row {
			&:nth-child(1),
			&:nth-child(2),
			&:nth-child(4),
			&:nth-child(5) {
				border-right: 1px solid #222;
			}
			&:nth-child(2),
			&:nth-child(3),
			&:nth-child(5),
			&:nth-child(6) {
				border-left: 1px solid #222;
			}
		}
	}
	
}