/* ==========================================
   PDF VIEWER - CENTER ALIGNMENT AND FOOTER FIX
   Government Polytechnic College Jolarpet
   ========================================== */

/* Main PDF.js containers */
#outerContainer,
#mainContainer {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* PDF toolbar */
#toolbarContainer,
#toolbarViewer {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* PDF viewing area: keep it in normal document flow */
#viewerContainer {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;

  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

  height: 900px !important;
  min-height: 600px !important;
  max-height: none !important;

  margin: 0 auto !important;
  padding: 20px 10px !important;
  box-sizing: border-box !important;
  overflow: auto !important;
  text-align: center !important;
}

/* Center the document pages */
#viewer {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Individual PDF pages */
#viewer .page {
  position: relative !important;
  float: none !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  margin: 10px auto !important;
}

/* PDF canvas */
#viewer .page canvas {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Drupal PDF field wrapper */
.node--type-e-services .field--name-field-pdf-document {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 20px auto 30px !important;
  padding-bottom: 20px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Drupal content area */
.node--type-e-services .node__content {
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  margin-bottom: 30px !important;
  box-sizing: border-box !important;
}

/* Embedded viewer, if used */
.node--type-e-services iframe {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 1200px !important;
  height: 900px !important;
  margin: 20px auto 30px !important;
  border: 0 !important;
}

/* Keep the footer below the content */
footer,
.site-footer,
#footer,
.region-footer {
  position: relative !important;
  clear: both !important;
  z-index: 1 !important;
}

/* Tablet screens */
@media screen and (max-width: 1024px) {
  #viewerContainer,
  .node--type-e-services iframe {
    height: 80vh !important;
    min-height: 500px !important;
  }
}

/* Mobile screens */
@media screen and (max-width: 768px) {
  #viewerContainer,
  .node--type-e-services iframe {
    width: 100% !important;
    height: 75vh !important;
    min-height: 400px !important;
    padding: 10px 5px !important;
  }

  #viewer,
  #mainContainer,
  #outerContainer {
    width: 100% !important;
    max-width: 100% !important;
  }

  .node--type-e-services .field--name-field-pdf-document {
    margin-bottom: 30px !important;
  }
}