/*
https://csfla.org/css/csf-print.css
The print stylesheet for the Christian Schools of Florida web site
by Engaging http://engaging.net
2016/2017
Last modified: 2020 Jun 24


/************
@GENERAL
************/

#user-missions-menu,
#search-box,
#font-size-buttons,
.-no-print,
.to-the-top,
.filter-table,
#return-to-form-links-container,
#main.roles.postits > h1,
td.add-new p,
fieldset.save,
div.note {
	display: none !important;
}


img,
table {
	max-width: 100% !important;
	border-collapse: collapse;
}

table.tablesorter thead tr th:before {
	content: '' !important;
}

/* HTML5 Boilerplate */

* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter:none !important;
	-ms-filter: none !important;
} /* Black prints faster: h5bp.com/s */

#content a[href]:after { content: " (" attr(href) ")"; } */

abbr[title]:after { content: " (" attr(title) ")"; }

.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
	content: "";
}  /* Don't show links for images, or javascript/internal links */

pre, blockquote { page-break-inside: avoid; }

thead { display: table-header-group; } /* h5bp.com/t */

tr, img { page-break-inside: avoid; }

img { max-width: 100% !important; }

/*
@page { margin: 0.5cm; }
*/

p, h2, h3 { orphans: 3; widows: 3; }

h2, h3 { page-break-after: avoid; }

/* Hide */

#map-stuff-holder-outer,
#tabs,
#icons,
#menus-outer,
#staff-names,
#affiliations-logos,
#site-credit,
#about .menu-spawner,
#item-buttons,
#hero-holder,
.crest .fa,
.to-the-top,
p.action {
     display: none !important;
}

#about-info-box-holder .info-box-caller {
	margin-top: 0;
}

.playa-ss-input > .playa-entry a {
	color: #000;
	padding: 0 !important;
}

textarea {
	height: auto !important;
}

/************
@HEADER
************/

#header-outer {
	height: auto;
}

#wrapper.reverse.views #main.views h1.console-title {
	color: #666 !important;
}

.input-holder-inner ul {
	margin-left: 0 !important;
}

#header {
     padding-bottom: 0;
     border-bottom: 1px solid #333;
}

     #masthead-outer
     {
          padding-top: 0 !important;
     }

          #header #masthead-outer #masthead #about-info-box-holder p
          {
               margin-top: 2rem;
			/* good on chrome, not firefox, but ont print from firefox */
               font-size: 1rem;
               line-height: 1.5rem;
          }

          #header #masthead-outer #masthead #sitename-holder h1
          {
               font-size: 2rem;
          }

     #main-services
     {
          margin-top: 0;
     }

          #header #main-services ul#top-level li p.top-level
          {
               font-size: 0.8rem;
               line-height: 1.2rem;
          }

	#wrapper.reverse #main.forms h1
	{
		border-top: 0;
		margin-top: 0;
	}

/************
@MAIN
************/

#main {
}

#main.accreditation.strands h1.standard-title {
	page-break-before: always;
}

#main.accreditation.strands .main:first-of-type h1.standard-title {
	page-break-before: avoid;
}


#wrapper.reverse #main > h1 {
	border-top: 0 !important;
	padding-bottom: 0;
}

#main.forms .form-holder {
	padding-top: 0;
}

#main h1,
#main #content .dropcap,
#main #content p.first::first-line,
#header-inner #masthead-outer #masthead #sitename-holder h1 a,
a,
#main #content h2,
#main #blurb p {
     color: #000 !important;
}

#main #content h1,
#main #content #blurb,
#main #content h2,
#main.accreditation #content li::before {
     page-break-after: avoid !important;
}

#main.fullscreen #title-holder {
     position: static;
}

     #wrapper.reverse #main h1
     {
          margin-top: 0;
          font-size: 3rem;
     }

#main.text #blurb p,
#main.text #content p,
#main.text #content li {
     font-size: 24px !important;
     line-height: 40px !important;
}

#main.text #content li,
#main #content blockquote p {
     color: #000;
     width: auto !important;
}

#main #content p a {
     font-weight: 400;
}

#main #content #dateline p {
     text-align: center;
}

#main.text #content ul,
#main.text #content ol {
	margin-left: auto;
	margin-right: auto;
	width: 42em;
	/*
     text-indent: 0;
     padding-left: 0;
     padding-right: 0;
     margin-left: auto;
     margin-right: auto;
	*/
}

#main #content blockquote {
	width: 42em;
     padding: 0;
     background: none;
}



#main.all.accreditation .strand-with-standards li ol > li:before {
	page-break-before: avoid;
}

/************
@VIEWS/FORMS
************/

/* the whole DOM ancestry to the paragraphs (except fieldset for neatness) in order to break cleanly across pages

#wrapper,
#header-outer,
#header,
#header-inner,
#masthead-outer,
#main-services
#main-outer,
#main,
.form-holder,
#publishForm,
#form-fields,
fieldset,
.field,
label,
.input-holder,
.input-holder-inner,
.for-read-only,
.user-input,
div {
	display: inline !important;
	margin: 0px auto 0px auto !important;
}
*/

.form-author-holder {
	margin-bottom: 0;
}

	.form-author-holder .form-author {

	}


fieldset {
	overflow: visible;
	min-width: 0;
	display: block;
	clear: both;
	width: 100%;
	text-align: left !important;
	padding: 0;
	margin: 0;
	margin-bottom: 2rem;
	/*
	page-break-before: always;
	*/
}

fieldset > legend {

	margin-bottom: 1rem;
}

fieldset:first-of-type {
	page-break-before: avoid;
}

fieldset.left-labels label h3,
fieldset.left-labels label p {
	margin: 0;
}

.read-only p {
/*	margin: 0; */
}

.field label,
label {

	text-align: left !important;
	width: 100% !important;
	page-break-after: avoid !important;
	float: none;
}

label.print-full-width {
	width: auto;
}

	label p,
	label ul,
	label ol {
		margin-bottom: 0;
	}

	label ul,
	label ol
	{
		padding-left: 0.5rem;
	}

		label li
		{
			margin-left: 1rem;
		}

	label p,
	label h3 {
		text-align: left;
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}

	label p br::before,
	.input-holder. .person-name br::before
	{
			/*
		content: " " !important;
		*/
	}

label,
.input-holder {
	text-align: left;
	width: 100% !important;
}

.input-holder-inner {
	padding: 0 !important;
}

legend {
	margin-bottom: 4rem;
	page-break-after: avoid;
}

	legend label
	{
		page-break-after: avoid;
	}

.field {

	clear: both;
	float: none;
	margin: 0 !important;
	padding-bottom: 0.5rem;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0.5rem;
}

.read-only .for-read-only {
	margin: 0;
}

.read-only p.minimize {
	margin-bottom: 0;
}

legend + .field {
	margin-top: 2rem;
}


#wrapper.reverse #main h1 {
	font-size: 2rem !important;
}

#main.roles .ajax-form-holder h1.console-title .fa {
	margin-top: -12rem;
}

#wrapper.reverse.views #main.views h1.console-title {
	padding-bottom: 2rem;
	width: auto;
	margin-left: -1rem;
	margin-right: -1rem;
	border-bottom: 1px solid #999 !important;
}

.form-author a.email {
	margin-top: 0 !important;
	padding: 0 !important;
}

table.list thead > tr:not(.inner) th {
	border-bottom-width: 0 !important;
}

.form-holder p,
.form-holder li,
.form-holder h2,
.form-holder h3 {
	/* display: block !important;  */
	page-break-after: auto;
	page-break-before: auto;
	page-break-inside: avoid !important;
	/*
	font-size: 24px !important;
	font-size: 1.5rem !important;
	line-height: 40px !important;
	line-height: 2.5rem !important;
	*/
}

.form-holder .table-holder table.table-inner.list {
	border-left-width: 0 !important;
	border-right-width: 0 !important;
}


.form-holder .table-holder table.list {
	margin-bottom: 0;
}

th div p {
	text-align: left !important;
}

table.list.tighten th {
	padding: 0 !important;
}

.article-title {
	font-weight: 400 !important;
}

table.list.tighten p {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

table.list tbody {
	border-bottom-width: 0 !important;
	margin-bottom: 1rem;
}

.form-holder .table-holder table.table-inner.list tbody tr:last-of-type {
	border-bottom-width: 0 !important;
}

.read-only p {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.input-holder {
}

	.input-holder-inner
	{
		overflow: visible;
	}

#form-fields.read-only ul {
	list-style: disc;
}

.field {
	/* page-break-inside: avoid; */
}

legend {
	page-break-after: avoid !important;

}

th div {
	display: block !important;
}

thead {
	display: block !important;
	margin-bottom: 1rem !important;
}

#main.forms .console {
	margin-top: 0;
	max-width: 100%;
	min-width: 100%;
	margin-bottom: 0 !important;
}

#main.forms .console p {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#main.forms .console-inner {
	margin-top: 0;
	margin-bottom: 0 !important;
}

fieldset.left-labels label ul {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

#main.forms .console h2 {
	margin-left: 0 !important;
	margin-top: 0 !important;
}

fieldset.full-width legend {
	margin-left: 0;
	margin-right: 0;
}

.system {
	max-width: 100%;
}

.form-holder .console-title,
.form-holder .table-holder {
	text-align: left;
}

input[type="text"] {
	padding: 0;
}

table.list.tighten ul {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

textarea {
	padding: 0 !important;
	min-height: 0 !important;
}

table.list td.right {
	text-align: left !important;
}

select {
	padding: 0 !important;
}

.input-holder {
	page-break-before: avoid;
}


		.input-holder h3.standard-title
		{
			/*
			margin: 0;
			*/
			letter-spacing: 0.05rem;
			page-break-after: avoid;
		}

		.input-holder .level-holder
		{
			page-break-after: avoid;
		}


.input-holder.print-clear-full,
.input-holder.print-clear-center {
	width: auto;
	clear: left;
}

.input-holder.print-clear-center {
	text-align: center;
}

.focii-view-only,
.strands-view-only {
	margin-bottom: 0;
}

.input-holder.print-clear-center .input-holder-inner {
	width: auto;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: left;
}

.input-holder-inner p {
	margin-top: 0 !important;
	/* NO
	display: inline;
	*/
}

input-holder-inner {
	padding: 0;
}

#form-fields #team .read-only ul,
#form-fields #team-new .read-only ul {
	margin-top: 0;
	/* margin-left: -1.25em !important;  weirdness due to field being display inline */
}

	#form-fields #team .read-only li,
	#form-fields #team-new .read-only li
	{
		/*
		margin-left: 0 !important;
		padding-left: 0 !important;
		*/
	}

p.level-holder {
	display: block;
}

br[data-owner='balance-text'] {
	display: none;
}


.consoles-display,
.console {
	margin-left: 0 !important;
	margin-right: 0 !important;
	float: none;
	display: block; /* fixes it from inline-block! */
}

.table-holder,
.table-holder.tighten {
	padding-left: 0;
	padding-right: 0;
}

.console-title .form-url-title {
	display: none;
}

#main.forms h1.console-title .fa {
	margin-top: -8rem;
}

#main.forms {
	margin-top: 1rem;
}

#main .console table.list th.max-width-5rem,
#main .console table.list th p.max-width-5rem,
#main .console table.list td.max-width-5rem,
#main .console table.list td p.max-width-5rem {
	max-width: none;
	overflow: hidden;
}

/************
@MIP RECORD
************/

#wrapper.mip.records .user-mission-area,
#wrapper.mip.records .consoles-display {
	margin-top: 0;
	overflow: visible !important;
}

#wrapper.mip.records .consoles-display .console,
#wrapper.mip.records .consoles-display .console table {
	overflow: visible !important;
	/*
	page-break-inside: avoid !important;
	page-break-before: auto !important;
	page-break-after: auto !important;
	*/
}

#wrapper.mip.records .consoles-display .console table tfoot {
	display:table-row-group;
}

#wrapper.reverse.mip.records #main h1 {
	padding-bottom: 0;
}


.console-sub-title .certification-dates::after,
#inservice-record tbody .-count-me .points-earned p::before {
	content: '*';
}



#total-points {
	color: #000 !important;
}

/************
@TABLES
************/

table {
	display: block;
}

tbody {
	display: block;
}

tr {
	page-break-inside: avoid;
	display: table-row-group !important;
}

td, th {
	display: table-row;
}

td p.action {
	display: none;
}


/************
@FOOTER
************/

#footer-outer {
	page-break-inside: avoid;
}

/************
@PRT-1
************/


#reviews_questions table.list thead {

	display: none !important;
}

#reviews_questions table.list tr td p {

	margin-top: 0 !important;
}

#reviews_questions table.list tr td.focus-area-title p {

	margin-top: 0 !important;
	font-weight: bold !important;
}

#reviews_questions table.list tr {
	display: flex !important;
}

/* ENDS */