@font-face{font-family:'Georgia';src:url(../webfonts/Georgia.woff) format("woff");font-weight:normal;font-style:normal;}
@font-face{font-family:'SFProDisplay-Regular';src:url(../webfonts/SFProDisplay-Regular.woff) format("woff");font-weight:normal;font-style:normal;}
@font-face{font-family:'SFProDisplay-Semibold';src:url(../webfonts/SFProDisplay-Semibold.woff) format("woff");font-weight:normal;font-style:normal;}

/* Bootstrap overrides */
img {max-width:100%;}

body, html {height:100%;}
body {width:100%; font:16px/20px "SFProDisplay-Regular",Helvetica,Arial,sans-serif; font-weight:400; color:#000; background:#000;overflow-x:hidden;}
body.bg {background:url(../img/bg-page.jpg) no-repeat center #000; background-size:cover;}

	header {background:#000;}

	.panel {background:rgb(242,242,242);}

	h2 {font-family: "SFProDisplay-Semibold",Helvetica,Arial,sans-serif; font-size:3.25rem; line-height:4.5rem; font-weight:700; margin:4.5rem 0 3rem;}
		h2 div {width:11px; height:2.75rem; margin-right:1rem; margin-top:1rem !important; background:#fcd509;}
	p {color:#000; line-height:1.75;}
	.button {width:auto; background:#ffdd00; color:#000; font-weight:600; padding:1rem 6rem; display:inline; border:none; border-radius:4px; cursor:pointer; text-decoration:none !important;}

	form .fields {width:100%;}
		form input, .field {width:100%; display:block; padding:0.75rem 1rem; font-size:1rem; background:#fff; border:1px solid #000; margin:0.3rem 0; outline:none; border-radius:0; -webkit-appearance:none;}
		
		.select2-container {width:100% !important;}
			.select2-container--default .select2-selection--single {width:100%; height:auto; display:block; padding:0.25rem; font-size:1rem; font-style:italic; background:#fff; border:1px solid #000; margin:0.3rem 0; position:relative; outline:none; border-radius:0; -webkit-appearance:none;}
			.select2-selection__arrow {top:10% !important;}
			.select2-results__option {font-size:1rem; font-style:italic;}
			.js-cm-submit-button {display:inline-block; background:#000; color:#fff; font-size:0.85rem; font-style:italic; font-weight:600; margin:0.25rem auto 0; padding:0.4rem 3rem; border:none; border-radius:5px; cursor:pointer; outline:none; -webkit-appearance:none;}
		form .error {border-color:#ff0000 !important;}
		form label.error {font-size:0.85rem; color:#ff0000; display:block;}

		.dates input {width:100%;}
		.quick-date {font-size:0.85rem; text-decoration:none !important;}
			.quick-date:hover {color:#000; background:#ffdd00;}
		.dates .button {width:100%; display:block; padding:5px 0; font-size:1rem; text-align:center;}

	.ui-accordion-header, .ui-accordion-header.ui-state-hover {background:#000; color:#fff; font-weight:700; border:none !important;}
	.ui-accordion-header.ui-state-active {background:#ffdd00; color:#000;}
	.ui-accordion-header em {font-size:0.75rem; font-weight:400;}
	#accordion .dates {height:auto !important;}

	/* all the stats */
	.stats table {width:100%;}
		.stats table th:first-child, .stats table td:first-child {width:70%;}
		.stats table th:last-child, .stats table td:last-child {width:30%;}
	h4.mt-4:first-of-type {margin-top:0.5rem !important;}
	.export .button {padding:1rem; display:block !important; text-align:center;}
	.export p {font-size:0.75rem; line-height:1.25;}

	small {margin-left:5px; font-style:normal; font-size:10px;}

	div.ami-cpd-points {height:auto !important;}
	
	.ami-cpd-points-user-history .error {color:#ff0000;}
	.ami-cpd-points-user-history th, .ami-cpd-points-user-history td {border:1px solid #000; padding:3px 5px; font-size:0.85rem;}

@media only screen and (max-width: 1000px) {
	body > .container {width:90%;}
	h2 {margin:3rem 0 1.5rem; font-size:2rem; line-height:1.25; text-align:center;}
		h2 div {display:none;}
}