/* Wayback Fixer auto-supplement */
/* Elementor entrance-animation elements keep visibility:hidden until frontend JS
   fires; without it (no per-page post-NNNN.css) content stays invisible. Force on. */
.elementor-invisible{opacity:1 !important;visibility:visible !important;animation:none !important;}
.elementor img,.elementor-widget-container img{max-width:100%;height:auto;}

/* Keep the generated article/listing templates on the same Zita grid as the
   home page.  Those templates still contain Astra markup, so the rules are
   scoped to their body class and do not affect the home page. */
body.ast-full-width-layout {
  background: #f5f5f5;
  color: #808285;
  font-family: "Catamaran-Regular", Arial, sans-serif;
  overflow-x: hidden;
}

body.ast-full-width-layout #masthead,
body.ast-full-width-layout .main-header-bar-wrap,
body.ast-full-width-layout .main-header-bar {
  background: #fff;
  border: 0;
}

body.ast-full-width-layout .main-header-bar {
  height: 214px;
  line-height: normal;
}

body.ast-full-width-layout .main-header-bar > .ast-container {
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

body.ast-full-width-layout .main-header-container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

body.ast-full-width-layout .site-branding {
  flex: 1 1 auto;
  align-self: flex-start;
  padding-top: 20px;
  line-height: normal;
}

body.ast-full-width-layout .site-branding .ast-site-identity {
  padding: 0;
}

body.ast-full-width-layout .site-branding .custom-logo {
  display: block;
  width: 290px;
  max-width: 100%;
  height: auto;
}

body.ast-full-width-layout .site-branding::after {
  display: block;
  margin-top: 8px;
  color: #3a3a3a;
  content: "Term paper writing service reviews";
  font-size: 20px;
  line-height: 1.2;
}

body.ast-full-width-layout .ast-main-header-bar-alignment {
  align-self: center;
  margin-left: auto;
}

body.ast-full-width-layout .main-navigation,
body.ast-full-width-layout .main-header-menu {
  display: flex;
  align-items: center;
}

body.ast-full-width-layout .main-header-menu {
  gap: 24px;
}

body.ast-full-width-layout .main-header-menu li,
body.ast-full-width-layout .main-header-menu a {
  margin: 0;
  padding: 0;
}

body.ast-full-width-layout .main-header-menu .menu-link,
body.ast-full-width-layout .main-header-menu .menu-text {
  color: #3a3a3a;
  font-family: "Catamaran-Regular", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: none;
}

body.ast-full-width-layout .site-content {
  clear: both;
  background: #f5f5f5;
  padding: 80px 0 50px;
}

body.ast-full-width-layout .site-content > .ast-container {
  display: flex;
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

body.ast-full-width-layout .site-content #primary,
body.ast-full-width-layout .site-content #secondary {
  float: none;
  box-sizing: border-box;
  margin: 0;
}

body.ast-full-width-layout .site-content #primary {
  width: 65%;
  max-width: none;
  padding: 0;
  border: 0;
}

body.ast-full-width-layout .site-content #secondary {
  width: 35%;
  max-width: none;
  padding: 0 0 0 20px;
  border: 0;
}

body.ast-full-width-layout .ast-article-single {
  margin: 0;
  padding: 20px;
  background: #fff;
}

body.ast-full-width-layout .ast-article-single .entry-header {
  margin: 0 0 20px;
}

body.ast-full-width-layout .ast-article-single .entry-title {
  margin: 0;
  color: #3a3a3a;
  font-family: "Catamaran-Regular", Arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
}

body.ast-full-width-layout .ast-article-single .entry-content,
body.ast-full-width-layout .ast-article-single .entry-content p {
  color: #606060;
  font-family: "Catamaran-Regular", Arial, sans-serif;
  line-height: 1.8;
}

body.ast-full-width-layout #secondary .sidebar-main,
body.ast-full-width-layout #secondary > aside {
  box-sizing: border-box;
  background: #fff;
}

body.ast-full-width-layout #secondary .sidebar-main {
  margin: 0 0 20px;
  padding: 20px;
  box-shadow: none;
  border-radius: 0;
}

body.ast-full-width-layout #secondary > aside {
  max-width: none !important;
  padding: 20px;
}

body.ast-full-width-layout #secondary h3 {
  margin: 0 0 20px;
  color: #3a3a3a;
  font-size: 26px;
  line-height: 1.4;
}

body.ast-full-width-layout #secondary p {
  margin: 0 0 18px;
  line-height: 1.8;
}

body.ast-full-width-layout #zita-footer {
  clear: both;
  background: #fff;
}

body.ast-full-width-layout #zita-footer .bottom-footer-bar > .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

body.ast-full-width-layout #zita-footer .bottom-footer-container {
  display: flex;
  align-items: center;
  min-height: 100px;
}

body.ast-full-width-layout #zita-footer .bottom-footer-col1,
body.ast-full-width-layout #zita-footer .bottom-footer-col2,
body.ast-full-width-layout #zita-footer .bottom-footer-col3 {
  flex: 1 1 0;
}

body.ast-full-width-layout #zita-footer .bottom-footer-col2 {
  text-align: center;
}

body.ast-full-width-layout #zita-footer .bottom-footer-col3 {
  text-align: right;
}

@media (max-width: 767px) {
  body.ast-full-width-layout .main-header-bar {
    height: auto;
  }

  body.ast-full-width-layout .main-header-container,
  body.ast-full-width-layout .site-content > .ast-container,
  body.ast-full-width-layout #zita-footer .bottom-footer-container {
    display: block;
  }

  body.ast-full-width-layout .site-branding {
    padding: 20px 0;
  }

  body.ast-full-width-layout .ast-main-header-bar-alignment {
    padding-bottom: 20px;
  }

  body.ast-full-width-layout .site-content #primary,
  body.ast-full-width-layout .site-content #secondary {
    width: 100%;
    padding: 0;
  }

  body.ast-full-width-layout .site-content #secondary {
    margin-top: 20px;
  }

  body.ast-full-width-layout #zita-footer .bottom-footer-col1,
  body.ast-full-width-layout #zita-footer .bottom-footer-col2,
  body.ast-full-width-layout #zita-footer .bottom-footer-col3 {
    padding: 10px 0;
    text-align: center;
  }

  /* Article tables get their own horizontal viewport on phones.  Keep the
     article and document width constrained so the page itself never becomes
     wider than the screen. */
  body.ast-full-width-layout .ast-article-single,
  body.ast-full-width-layout .ast-article-single .entry-content,
  body.ast-full-width-layout .ast-article-single .ksiv3ez {
    min-width: 0;
    max-width: 100%;
  }

  body.ast-full-width-layout .ast-article-single .ksiv3ez table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
}