body
	{
		font-family: Calibri, verdana, sans-serif;
		font-size: 12pt;
	}

h1
	{
		text-align: center;
	}

header
	{
		margin: 0 4em;
	}

pre
	{
		font-family: Calibri, verdana, sans-serif;
	}
	
section#pamphlet-1, section#pamphlet-2
	{
		columns: 3 auto;
		column-gap: 0.25in;
		column-rule: 0.01in solid #CCC;
		break-after: page;
		height: 100%;
		line-height: 1.5em;
		position: relative;
	}

section#pamphlet-2
	{
		background-image: url("../assets/back.png");
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: auto;
	}
	
section#patient
	{
		position: absolute;
		bottom: 10%;
		-ms-transform: translateY(10%);
		transform: translateY(10%);
		font-size: 1em;
		line-height: 1.25em;
	}

span#patient-graphic
	{
		background-image: url("../assets/front.png");
		background-repeat: no-repeat;
		background-size: 100%;
		display: block;
		width: auto;
		height: auto;
		aspect-ratio: 1;
		margin-bottom: 0.25em;
	}		

span#oci
	{
		background-image: url("../assets/oci.png");
		background-repeat: no-repeat;
		background-size: 100%;
		display: block;
		width: 8em;
		height: auto;
		aspect-ratio: 1;
		margin-bottom: 0.25em;
		margin-left: auto;
		margin-right: auto;
	}

section#blister-output
	{
		display: block;
		clear: both;
	}

section#what-to-check, section#what-can-happen, section#what-to-do, section#others, section#next-steps
	{
		break-after: column;
	}

ul#checking, ul#happening, #clinic-info ul
	{
		margin: 0 0 0 1.5em;
		padding: 0;
	}
	
ul#checking li, ul#happening li
	{
		padding-left: 0.5em;
		margin: 0.5em 0;
	}
	
#clinic-info ul li
	{
		margin: 0;
	}

ul#happening li
	{
		list-style: "\1f4a1" outside none;
	}
	
ul#checking li
	{
		list-style: "\2705" outside none;
	}
	
ul#checking li::marker
	{
		color: green;
	}

li.hours
	{
		list-style: "\1F557" outside none;
	}
	
ul#checking li ul li
	{
		list-style-type: "\21d2";
	}

li.contact
	{
		list-style: "\260e" outside none;
	}

h2#pamphlet-title
	{
		font-size: 2.5em;
		line-height: 1em;
		margin: 0;
	}
	
#date-output p, #pname-output p
	{
		margin: 0;
		padding: 0;
		width: auto;
		overflow: auto;
	}

span#pause-symbol::after, span#other-symbol::after, span#restart-symbol::after
	{
		float: left;
		margin-top: 0.5em;
		font-size: 3em;
		display: block;
	}

span#other-symbol::after, span#restart-symbol::after
	{
		margin: 0.25em 0.2em 0 0;
	}
	
span#pause-symbol::after
	{
		content: "\2590\A0\258C";
		color: red;
		min-height: 5in;
	}
	
span#other-symbol::after
	{
		content: "\2714";
		color: green;
	}

span#restart-symbol::after
	{
		content: "\26A0";
		color: blue;
		min-height: 3.3in;
	}
	
section#pause
	{
		color: red;
	}

section#pause li, section#other-meds li
	{
		list-style-type: "\1F48A";
	}

section#other-meds
	{
		color: green;
		clear: both;
	}

section#other-meds::after
	{
		content: "";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
	}

section#loop-diuretics, #asa-output p
	{
		margin-left: 3em;
	}

section#restart
	{
		color: blue;
	}
	
#hydration-output ul
	{
		list-style-type: "\1F4A7";
	}
	
section#better ul
	{
		list-style-type: "\1f31e";
	}

section#better li::marker
	{
		color: purple;
		font-size: 0.9em;
	}

section#disclaimer p
	{
		font-size: 0.7em;
		margin: 0;
		padding: 0;
		line-height: 1em;
	}

section#disclaimer a
	{
		color: black;
	}

pre
	{
		 white-space: pre-wrap;
		 white-space: -moz-pre-wrap;
		 white-space: -pre-wrap;
		 white-space: -o-pre-wrap;
		 word-wrap: break-word;
	}

@-moz-document url-prefix() {
	
	section#pamphlet-1, section#pamphlet-2
	{
		columns: 1;
		break-after: page;
		height: 100%;
		line-height: 1.5em;
		position: relative;
	}
section#what-to-check, section#what-can-happen, section#what-to-do, section#others, section#patient, section#next-steps
	{
		width: 33%;
		margin: 0 0.15%;
		float: left;
		min-height: 6in;
		display; block;
	}

section#patient
	{
		right: 0;
	}