@import url("https://use.typekit.net/mtx6yuk.css");

body {
    background-color: #fff;
}
html, body, p, li, th, td, h1, h2, h3, h4, h5, .h1,.h2, .h3, .h4, .h5 {
    font-family: montserrat, sans-serif;
    font-weight: 400;
    font-size: 14pt;
	color: #333;
}
p { line-height: 1.3; margin-bottom: 0.75rem; }
h1, .h1 { color: #333; margin-bottom: 1rem; font-size: 36pt; font-weight: 700; line-height: 1.1; }
h2, .h2 { color: #333; margin-bottom: 1rem; font-size: 26pt; font-weight: 700; line-height: 1.1; }
h2.heading { margin-bottom: 0.5rem; }
h2.image-link-title {
    font-size: 18pt;
    line-height: 1;
}
h3, .h3 { color: #333; margin-bottom: 1rem; font-size: 20pt; font-weight: 700; line-height: 1.1; }
h4, .h4 { color: #333; margin-bottom: 1rem; font-size: 14pt; font-weight: 700; line-height: 1.1; }
.text-body { color: #333; }
.grid-button div {
    background-image: linear-gradient(#ff9900,#ff0000);
}
.grid-button-layertwo div {
    background-image: linear-gradient(#99cc00,#999900);
}
.grid-button-layerthree div {
    background-image: linear-gradient(#af4c94,#fb6cd4);
}
.personabar-visible .shadow-on-admin {
    -webkit-box-shadow: 0 0 1px 1px #4AFFED;
box-shadow: 0 0 1px 1px #4AFFED;
}
.sc-menu {
    -moz-transform: translateX(-80px);
    -webkit-transform: translateX(-80px);
    -o-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
}
.personabar-visible .space-on-admin {
    padding: 30px 0;
    margin: 30px 0;
    border-top: 1px dashed #ff9900;
    border-bottom: 1px dashed #ff9900;
}

table td { border: 1px solid #ececec; }
table td p { margin: 0; }

.show-on-admin { display: none;}
.personabar-visible .show-on-admin { display: block; color: #ff9900}
.personabar-visible .stripe-on-admin {
    background-image: linear-gradient(45deg, #fff2de 25%, #fffbf5 25%, #fffbf5 50%, #fff2de 50%, #fff2de 75%, #fffbf5 75%, #fffbf5 100%);
background-size: 56.57px 56.57px;
}
.mark-for-deletion { display: none; }
.personabar-visible .mark-for-deletion {
    display: flex;
    background-image: linear-gradient(45deg, #fff2de 25%, #fffbf5 25%, #fffbf5 50%, #fff2de 50%, #fff2de 75%, #fffbf5 75%, #fffbf5 100%);
background-size: 56.57px 56.57px;
}

.background-image-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.background-image-fixed {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.p-30 {
	padding: 15px;
}
.p-60 {
	padding: 30px;
}
.p-90 {
	padding: 45px;
}
.p-120 {
	pasdding: 60px;
}
.py-30 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.py-60 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.py-90 {
	padding-top: 45px;
	padding-bottom: 45px;
}
.py-120 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.px-30 {
	padding-left: 15px;
	padding-right: 15px;
}
.px-60 {
	padding-left: 30px;
	padding-right: 30px;
}
.px-90 {
	padding-left: 45px;
	padding-right: 45px;}
.px-120 {
	padding-left: 60px;
	padding-right: 60px;
}
.pb-30 {
	padding-bottom: 15px !important;
}
.pb-60 {
	padding-bottom: 30px !important;
}
.pb-90 {
	padding-bottom: 45px !important;
}
.pb-120 {
	padding-bottom: 60px !important;
}
.spacer-30 {
	height: 30px;
}
.spacer-60 {
	height: 60px;
}
@media (min-width: 768px) {
	.p-30 {
		padding: 30px;
	}
	.p-60 {
		padding: 60px;
	}
	.p-90 {
		padding: 90px;
	}
	.p-120 {
		pasdding: 120px;
	}
	.py-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.py-60 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.py-90 {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.py-120 {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.px-30 {
		padding-left: 30px;
		padding-right: 30px;
	}
	.px-60 {
		padding-left: 60px;
		padding-right: 60px;
	}
	.px-90 {
		padding-left: 90px;
		padding-right: 90px;}
	.px-120 {
		padding-left: 120px;
		padding-right: 120px;
	}
	.pb-30 {
		padding-bottom: 30px !important;
	}
	.pb-60 {
		padding-bottom: 60px !important;
	}
	.pb-90 {
		padding-bottom: 90px !important;
	}
	.pb-120 {
		padding-bottom: 120px !important;
	}
	.spacer-30 {
		height: 30px;
	}
	.spacer-60 {
		height: 60px;
	}
}
.btn {
	border-radius: 30px;
	padding: 7px 15px 7px 30px;
}
.btn.btn-outline {
	border: 1px solid #999;
}
.btn.btn-outline:hover {
	background-color: #ececec;
}