p
	margin-top: 0.3rem
	margin-bottom: 0.7rem
	line-height: 1.4rem

h5
	font-size: 1.2rem
	font-weight: 900
	margin-top: 0.8rem
	margin-bottom: 0.3rem

.apos-slideshow h4
	display: none

.apos-area-widget a
	display: block
	padding-bottom: 0.8rem

.apos-rich-text ul
	list-style-type: circle
	list-style-position: inside

.apos-indent1
	margin-left: 1rem

.apos-indent2
	margin-left: 2rem

//.apos-rich-text > div  //This was a work around to the rich text widget 'class' property not working in the style.
.highlighted
	background: rgba(170, 122, 82, 0.3)
	margin: 1rem 6rem
	padding: 1rem 1rem
	font-size: 1.8rem
	font-weight: 700
	-webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
	-moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
	box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
	color: Green

ul.bulletLevel2
	text-indent: 1rem
	list-style-type: circle
	list-style-position: inside

//
// Redefine some of the Apostrophe administrative UI.
//
$bg-dark: #4F3A28
$bg-light: #d29a6b
.apos-login-logo
	margin-bottom: 0
.apos-login-logo svg
	width: 200px
	height: 200px
.apos-login.apos-ui
	background-color: $bg-light
.apos-ui
	.apos-field
		margin-bottom: 1rem
	.apos-field-input
		padding: 0.5rem
	.apos-login-submit
		margin-top: 3rem
	.apos-button--major
		background-color: saddlebrown
	.apos-button--global
		background-color: $bg-dark
	.apos-field-input:focus
		box-shadow: 0 0 15px 0 $bg-dark
.apos-login-wrapper, .apos-login-content, .apos-ui .apos-admin-bar
	background-color: $bg-dark
@media only screen and (min-width: 1450px)
	.apos-ui .apos-admin-bar-logo, .apos-ui .apos-admin-bar-logo svg
		max-height: 40px
		max-width: 40px
		margin-right: 30px
//
// Everything scales off of the HTML tag font sizes since the whole site uses REM units.
//

@media only screen and (max-width: 1100px)
	html
		font-size: 14px !important

@media only screen and (max-width: 950px)
	html
		font-size: 12px !important

@media only screen and (max-width: 760px)
	html
		font-size: 10px !important

@media only screen and (max-width: 500px)
	html
		font-size: 8.5px !important