/**
 * Print Styles
 *
 */


/**
 * Firefox will use some of the @page settings (but not all).
 *
 *    * To print a nice footer, use this (center): '&PT - &U'.
 *    * Other FF header/footer varibles:
 *        + &PT: Page Number with Total
 *        + &P: Page Number
 *        + &D: Date
 *        + &U: URL
 *        + &T: Page Title
 *
 */

@page {
  size: Letter;
  margin: .65in;
  margin-top: .5in;
  margin-bottom: .5in;
  /*
  @top-center {
    content: "Caiyos Computer Services";
  }
  @bottom-center {
    content: "Page " counter(page)/counter(pages);
  }
  */
}


@media print {

* {
  /*
  border: 1px dotted brown !important;
  font-family: "Times New Roman", Times, serif !important;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  */
  color: #000;
  background-color: #fff;
  background-image: none;
  box-shadow: none !important;
  text-shadow: none !important;
}

html {
  font-size: 12.5pt;
}

html,
body {
  width: 100%;
  background-color: #fff;
}

body,
.typography p,
.typography li {
  color: #000;
}

p,
li {
  orphans: 3;
  widows: 3;
}

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

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  page-break-after: avoid;
  page-break-inside: avoid;
}

.typography h2,
.typography h4,
.typography h6 {
  color: #777;
}

.typography h3,
.typography h5 {
  color: #333;
}

.typography h1.page-title {
  font-size: 2em;
  margin: .75em 0 0;
  padding: 0 0 .4em;
  border-bottom: 1pt solid #ccc;
  width: auto;
  /*margin-top: 1em;*/
}

.typography h2 {
  font-size: 1.75em;
}

.typography h3 {
  font-size: 1.4em;
}

.typography h4 {
  font-size: 1.25em;
}

.typography h5 {
  font-size: 1.1em;
}

.typography h6 {
  font-size: 1em;
}

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

a {
  text-decoration: none;
  font-weight: bold;
  color: #606c84 !important;
}

a[href^=http]::after {
  content:" <" attr(href) "> ";
  font-weight: normal;
}

a[href^="/"]::after {
  /*
  content: "";
  */
  font-weight: normal;
  content: " <http://caiyos.com" attr(href) "> ";
}

strong {
  color: inherit !important;
}

.container {
  max-width: none;
  width: 100%;
}

#Logo a {
  display: none;
}

#Header {
  position: relative;
}

#Header > div.container.nav {
  display: none;
}

#Branding {
  width: 100%;
  margin: 0;
  padding: 0 0 12pt;
  height: auto;
  border-bottom: 5pt solid #000;
}

#Main_Container {
  /*
  border: 1px solid blue !important;
  */
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  height: auto;
}

#Main_Container div.row {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}

#Print_Logo {
  display: block;
  width: 2.367in; /* 300 DPI */
  float: left;
  /*
  margin: .1in 0 0 0;
  */
}

#Print_Header {
  /*
  margin-right: 40pt;
  */
  display: block;
  width: 130pt;
  float: right;
  text-align: left;
  margin-top: .15in;
}

#Print_Header p {
  /*
  border: 1px solid green;
  */
  margin: .015in 0 0;
  font-size: .8em;
  line-height: 1.25em;
  color: #666 !important;
}

#Mobile_Nav_Menu {
  display: none !important;
}

#Navigation_Main {
  display: block;
  position: relative;
  top: 5pt;
  left: 4pt;
  width: 100%;
}

#Navigation_Main,
#Navigation_Main ul,
#Navigation_Main li,
#Navigation_Main a {
  margin: 0;
  padding: 0;
  width: auto !important;
  border: 0 !important;
}

#Navigation_Main li a {
  padding: .25em !important;
  line-height: 1em !important;
  height: 1em !important;
  color: #777 !important;
  background-color: #fff !important;
  font-style: italic;
  font-size: .8em !important;
  font-weight: normal !important;
}

#Navigation_Main ul ul {
  font-size: 1em !important;
  display: block !important;
  position: relative;
  left: 0;
  top: 0;
  float: left;
}

#Navigation_Main ul ul li {
  display: none;
}

#Navigation_Main li.current,
#Navigation_Main li.current a,
#Navigation_Main li.section,
#Navigation_Main li.section a {
  display: block !important;
}

#Navigation_Main li.current a::after,
#Navigation_Main li.section a::after {
  content: " » ";
}

#Navigation_Main li.current a:last-of-type::after,
#Navigation_Main li.section a:last-of-type::after {
  content: "";
}

#Navigation_Main li.current a:only-of-type,
#Navigation_Main li.section a:only-of-type {
  display: none !important;
}

body.root.HomePage #Navigation_Main {
  display: none;
}

#Content_Main,
#Dashboard,
#Splash,
#Home_Dashboard {
  /*padding: 0 40pt;
  float: none;
   */
  display: block;
  width: auto;
  padding: 0 4pt;
}

#Splash {
  margin-bottom: 4pt !important;
}

#Content_Main {
  min-height: initial;
  margin: 0 !important;
}

body.root.HomePage #Content_Main {
  width: auto;
  padding: .65em 0 0;
}

#Dashboard,
#Home_Dashboard {
  margin-bottom: 1em !important;
  background: none;
}

#Breadcrumbs {
  font-size: 90%;
  margin-top: 2pt;
}

#Breadcrumbs a[href^="/"]::after {
  content:"";
}

#Content_Footer {
  background-image: none;
  height: 1pt;
  text-align: center;
  margin: 10pt 0 30pt;
}

#Content_Footer span {
  border-bottom: 4pt dotted #bbb;
  display: block;
  margin: 0 auto;
  width: 24pt;
}

#Navigation_Secondary {
  display: none;
}

.dashboard-area,
.dashboard-area.testimonial,
#Home_Dashboard div {
  border: 1pt solid #ccc;
  color: #333 !important;
  background-color: #fff;
  margin: 1.15em 0 .5em !important;
  page-break-inside: avoid;
}

#Home_Dashboard {
  background-color: #fff;
  margin: 0;
}

#Home_Dashboard div {
  width: auto !important;
  height: auto !important;
  clear: both;
  padding: .7rem;
  border-radius: .4rem;
}

#Home_Dashboard div,
#Home_Dashboard div a {
}

/*.dashboard-area a,
#Home_Dashboard div a,*/

.dashboard-area h2,
#Home_Dashboard div h2,
.dashboard-area p,
.dashboard-area.testimonial p,
#Home_Dashboard div p,
.dashboard-area li,
#Home_Dashboard div li {
  color: #333 !important;
}

.dashboard-area p,
.dashboard-area.testimonial p,
#Home_Dashboard div p {
  margin: .5em 0 0;
  background-color: transparent;
}

.dashboard-area h2,
#Home_Dashboard div h2 {
  font-size: 1.25em;
}

.dashboard-area a,
#Home_Dashboard div a,
.dashboard-area p,
#Home_Dashboard div p,
.dashboard-area li,
#Home_Dashboard div li {
  font-size: 1em;
}

.dashboard-area a,
#Home_Dashboard div a,
.dashboard-area a:hover,
#Home_Dashboard div a:hover {
  background-color: #fff;
  display: inline;
  border: 0;
  padding: 0;
  margin: 0;
}

#Home_Dashboard div ul,
#Home_Dashboard div ol {
  margin-bottom: .75em;
}

#Splash {
  margin: 10pt 0;
  width: auto;
}

#Splash div {
  background-image: none !important;
  width: 100%;
  height: auto !important;
  padding: 0 !important;
  margin: 20pt 0 5pt;
}

#Splash .splash-link,
#Splash .more {
  display: none;
}

.footer-subnav {
  display: none;
}

#Site_Information {
  background-color: #fff;
  padding: 0;
  margin: .5em 0 1em;
  width: 100%;
}

#Site_Information,
#Print_Footer {
  page-break-before: avoid;
}

#Site_Information ul,
#Site_Information p {
  display: none;
  color: #333;
  text-align: center;
  font-size: 1em;
  width: 100%;
  float: none;
}

#Print_Footer,
#Print_Page_Counter {
  display: block !important;
  margin-bottom: 0;
}

#Print_Page_Counter::after {
  content: counter(page) "/" counter(pages);
}

.no-print {
  display: none !important;
}

.break-after {
  page-break-after: always;
}

.break-before {
  page-break-before: always;
}

.faq-contents-title a::after {
  content: "";
}

.page-anchor {
  padding-top: 0 !important;
  margin-top: inherit !important;
}

a.top-link {
  display: none;
}


}