
/* SCUP COMMUNITY HUB */

flowruntime-lwc-field > div {
	max-width: 100%;
}

flowruntime-lwc-field .slds-radio {
	width: 85% !important;
}

flowruntime-lwc-field .flow-radio-button-label {
	text-indent: -24px;
}

@media screen {

	/* RESETS */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup, main,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	article, aside, details, figcaption, figure,
	footer, header, hgroup, main, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


	/* FONTS */

	@font-face {
	font-family: 'Campton Book';
		src: url('https://www.scup.org/wp-content/themes/scup-theme/assets/src/static/fonts/Campton-Book.woff') format('woff');
	}

	@font-face {
	font-family: 'Campton Medium';
		src: url('https://www.scup.org/wp-content/themes/scup-theme/assets/src/static/fonts/Campton-Medium.woff') format('woff');
	}

	@font-face {
	font-family: 'Campton Bold';
		src: url('https://www.scup.org/wp-content/themes/scup-theme/assets/src/static/fonts/Campton-Bold.woff') format('woff');
	}

	@font-face {
	font-family: 'AngleciaPro Text Light';
		src: url('https://www.scup.org/wp-content/themes/scup-theme/assets/src/static/fonts/AngleciaProTextLight.otf');
	}

	@font-face {
	font-family: 'AngleciaPro Text';
		src: url('https://www.scup.org/wp-content/themes/scup-theme/assets/src/static/fonts/AngleciaProTextLight.otf');
	}


	/* OVERRIDES */

	body {
		font-family: 'Campton Book', sans-serif !important;
		font-weight: 400;
		font-size: 18px;
		line-height: 24px;
		color: #000000;
		letter-spacing: -0.025em;
		height: 100%;
		position: relative;
		box-sizing: border-box;
	}

	p {
		margin: 0 0 10px;
	}

	.navbar {
		height: 80px;
		background-color: #ffffff !important;
	}

	.nav  a {
		color: #326295 !important;
	}

	.page-header.page-header-anchor {
		background-color: #326295 !important;
		border-bottom-color: #326295 !important;
	}

	.page-header p {
		font-size: 16px;
		line-height: 32px;
	}

	h1 {
		font-family: 'AngleciaPro Text Light', serif !important;
		font-size: 32px;
		line-height: 32px;
		font-weight: 400;
		letter-spacing: -0.025em;
	}

	html, .m-footer {
		background-color: #326295 !important;
	}

	.m-navbar-logo {
		padding: 11px 0 0 0;
		margin: 0;
	}

	.m-logo-retina {
		width: 215px;
		height: 57px;
	}

	.navbar .navbar-nav > li > a {
		margin: 0 !important;
	}

	.navbar-nav > li > a {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.navbar .navbar-nav > li > a {
		font-size: 16px !important;
		line-height: 80px;
	}

	.navbar .navbar-nav > li > a:hover {
		color: #000000 !important;
	}

	.navbar-default .navbar-nav>li.m-highlight>a {
		background-color: #ffffff !important;
		border: 0;
	}

	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-nav>li>a:focus {
		border: 0;
	}

	.navbar-default, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		background-color: #ffffff !important;
		border: 0 !important;
	}

	.m-global-nav-item {
		font-family: 'Campton Medium', sans-serif !important;
		color: #000000;
		transition: all 0.1s linear;
	}

	.m-global-nav-item:hover {
		color: #000000;
	}

	.m-button-row-item.m-button-left.pull-left .btn-secondary {
		display: inline-block;
		min-width: 148px;
		height: 45px;
		font-family: 'Campton Bold', sans-serif;
		font-size: 14px;
		line-height: 45px;
		text-align: center;
		border: 1px #799a05 solid;
		border-radius: 0 !important;
		background-color: #799a05 !important;
		color: #ffffff !important;
		padding: 0 15px 0 15px !important;
	}

	a.btn {
		display: inline-block;
		min-width: 148px;
		height: 45px;
		font-family: 'Campton Bold', sans-serif;
		font-size: 14px;
		line-height: 45px;
		text-align: center;
		background-color: #326295 !important;
		border: 1px #326295 solid;
		border-radius: 0 !important;
		color: #ffffff !important;
		text-transform: uppercase !important;
		letter-spacing: 0;
		padding: 0 30px 0 30px !important;
		transition: all 0.1s linear;
	}

	.btn-primary, .btn-primary:hover, .btn-primary:focus {
		display: inline-block;
		height: 45px;
		font-family: 'Campton Bold', sans-serif;
		font-size: 14px;
		line-height: 45px;
		text-align: center;
		background-color: #326295 !important;
		color: #ffffff !important;
		text-transform: uppercase;
		letter-spacing: 0;
		border-radius: 0 !important;
		padding: 0 15px 0 15px !important;
		border: 0 !important;
	}


	.btn-secondary, .btn-secondary:hover, .btn-secondary:focus, {
		display: inline-block;
		min-width: 148px;
		height: 45px;
		font-family: 'Campton Bold', sans-serif;
		font-size: 14px;
		line-height: 45px;
		text-align: center;
		background-color: #326295 !important;
		border: 1px #326295 solid;
		border-radius: 0 !important;
		color: #ffffff !important;
		text-transform: uppercase !important;
		letter-spacing: 0;
		padding: 0 30px 0 30px !important;
		transition: all 0.1s linear;
	}

	.slds-button_brand {
		display: inline-block;
		font-family: 'Campton Bold', sans-serif;
		text-align: center;
		background-color: #326295 !important;
		border: 1px #326295 solid;
		border-radius: 0 !important;
		color: #ffffff !important;
		text-transform: uppercase !important;
		letter-spacing: 0;
		padding: 0 30px 0 30px !important;
		transition: all 0.1s linear;
		font-weight: 700 !important;
	}

	.slds-button_neutral {
		display: inline-block;
		font-family: 'Campton Bold', sans-serif;
		text-align: center;
		background-color: #ffffff !important;
		border: 1px #DCDCDC solid;
		border-radius: 0 !important;
		color: #326295 !important;
		text-transform: uppercase !important;
		letter-spacing: 0;
		padding: 0 30px 0 30px !important;
		transition: all 0.1s linear;
		font-weight: 700 !important;
	}

	.slds-text-heading_small {
		font-family: 'Campton Bold', sans-serif;
	}

	div.uiOutputRichText {
		font-family: 'Campton Medium', sans-serif;
		color: #525354 !important;
		hyphens: none;
	}

	.card .card-detail-label {
		font-size: 14px;
	}

	.list-group-item {
		font-family: 'Campton Medium', sans-serif !important;
		color: #525354 !important;
		letter-spacing: -0.025em;
		transition: all 0.1s linear;
		padding: 10px 0;
	}

	a.list-group-item:focus, a.list-group-item:hover {
		background-color: inherit !important;
	}

	a.list-group-item.active {
		background-color: inherit !important;
		border-color: #cfd0d2;
	}
	.fa-home:before {
		content: "";
	}

	p.vid-title {
		font-size: 15px;
		line-height: normal;
		font-weight: bold;
		margin-top: 2em;
		border-top-style: solid;
		border-top-width: 1px;
		padding-top: .5em;
	}

	p.vid-title-unavailable {
		font-size: 15px;
		line-height: normal;
		color: grey;
		margin-top: 2em;
		border-top-style: solid;
		border-top-width: 1px;
		padding-top: .5em;
	}

	p.unavailable-note {
		font-size: 15px;
		line-height: normal;
		color: grey;
	}

	p.time-range {
		font-size: 18px;
		line-height: normal;
		font-weight: bold;
		margin-top: 2em;
		margin-bottom: 2em;
	}

	iframe.vimeo {
		width: 200px;
		align: left;
		frameborder: 0;
	}
	a.slides {
		font-weight: bold;
		text-decoration: underline;
	}
	div.content {
		font-family: 'Campton Medium', sans-serif;
		color: #525354 !important;
		hyphens: none;
	}
}


@media screen and (min-width: 1024px) and (max-width: 1280px) {



}


@media screen and (max-width: 767px) {

	.navbar {
		height: 48px;
	}

	.m-toggle-button-text {
		letter-spacing: 0;
	}

	.m-navbar-logo {
		padding: 4px 0 0 0;
	}

	.m-navbar-logo img {
		height: 40px;
	}

	.page-header.page-header-anchor h1 {
		font-size: 28px;
		margin-bottom: 20px;
	}

	.page-header.page-header-anchor {
		margin-top: 48px;
	}

	.page-header p {
		line-height: 20px;
	}

	.list-group-item {
		color: #ffffff !important;
	}

}
