@import url('./_colors.css');
@import url('./_blocks.css');
@import url('./computing.css');
@import url('./header.css');
@import url('./form.css');
@import url('./subheader.css');
@import url('./home.css');
@import url('./hero.css');

html {
  /* Base Styles */
  --theme-active-color: #009cde;
  --theme-border-radius: 10px;
  --theme-btn-color: #ffd100;
  --theme-focus-color: #a5b9ff;
  --theme-font-color: #231f20;
  --theme-font-light: Roboto, 'Open Sans', sans-serif;
  --theme-font-bold: Roboto, 'Open Sans', sans-serif;
  --theme-font-regular: Roboto, 'Open Sans', sans-serif;
  --theme-footer-background: #f9f9f9;
  --theme-footer-color: #737373;
  --theme-form-focus-color: #f5f5f5;
  --theme-gray-dark: #54585a;
  --theme-gray-medium: #898d8d;
  --theme-gray-light: #c7c9c7;
  --theme-gray-lighter: #f2f2f2;
  --theme-hero-background-color: #17181a;
  --theme-line-height: 1.7;
  --theme-link-color: #006298;

  /* Header - CTA Nav Bar */
  --header-cta-background: #000;
  --header-cta-color: #ddb614;

  /* Header - Primary Nav Bar */
  --header-nav-background: #fff;


  /* COMPUTING */
  --computing-theme-color: #01426a;


  /* EDGE */
  --edge-theme-color: #509e2f;
}
/* SCREEN STYLES
--------------------------- */
@media screen {

  /* SHARED
  --------------------------- */
  html { height:100%; }
  body {
    --body-font-size: 1rem;
    background: #fff;
    color: var(--theme-font-color);
    display: flex;
    flex-direction: column;
    font-family: var(--theme-font-regular);
    font-size: var(--body-font-size);
    font-weight: 400;
    line-height: var(--theme-line-height);
    height: 100%;
    margin: 0;
    overflow-wrap: break-word;
    -webkit-font-smoothing: antialiased;
  }
  @media screen and (max-width: 767px) {
    body {
      --body-font-size: .875rem;
    }
  }

  h1, .h1 { margin:var(--h1-margin, 0 0 1.875rem); font-family: var(--h1-font-family, var(--theme-font-regular)); font-weight:var(--h1-font-weight, 400); font-size:var(--h1-font-size, 2.5rem); line-height:var(--h1-font-weight, 400); line-height:var(--h1-line-height, 1.125); }
  h2, .h2 { margin:var(--h2-margin, 0 0 1.25rem); font-family: var(--h2-font-family, var(--theme-font-regular)); font-weight:var(--h2-font-weight, 400); font-size:var(--h2-font-size, 1.875rem); line-height:var(--h2-line-height, 1.33); }
  h3, .h3 { margin:var(--h3-margin, 0 0 .625rem); font-family: var(--h3-font-family, var(--theme-font-bold)); font-weight:var(--h3-font-weight, 500); font-size:var(--h3-font-size, 1.25rem); line-height:var(--h3-line-height, 1.1); }
  h4, .h4 { margin:0 0 1rem; font-size:.8125rem; font-weight:400; }
  h5, .h5 { margin:0 0 1rem; font-size:.75rem; font-weight:400; }
  h6, .h6 { margin:0 0 1rem; font-size:.625rem; font-weight:400; }
  @media screen and (min-width: 768px) {
    h1, .h1 { --h1-font-size: 3.4375rem; --h1-line-height: 1.09; }
  }
  @media screen and (min-width: 1200px) {
    h1, .h1 { --h1-font-size: 4.375rem; --h1-line-height: 1.07; }
  }

  a, .link { text-decoration:none; color:var(--theme-link-color); background-color:transparent; border-radius:3px; transition:color .15s ease-out, opacity .15s ease-out; }
  a:hover, .link:hover { opacity:.7; }
  a:focus, .link:focus { outline:none; }
  a:focus-visible, .link:focus-visible { color:var(--theme-focus-color); }

  address { font-style:normal; }
  aside nav a:after { content:''; display:block; pointer-events:none; }
  code { color:var(--theme-highlight-color); }
  fieldset { margin:0; padding:0; border:0; }
  legend { display:none; }
  figure { margin:0; }
  hr { margin:3rem 0; width:100%; height:1px; background:var(--theme-gray-light); border:0; }
  iframe { border:0; box-sizing:border-box; }
  img { max-width:100%; }
  li + li { margin-top:.1875rem; }
  nav { outline:none; }
  ol { padding-left:1rem; }
  p, .p { margin:0 0 1.5rem; display:block; }
  picture { display:block; overflow:hidden; }
  picture:after { content:''; display:block; clear:left; }
  picture img { float:left; }
  select::-ms-expand { display:none; }
  small { margin-top:3px; display:block; font-size:.625rem; letter-spacing:.015rem; }
  table { margin:1rem 0; }
  td { padding:.1125rem 0; vertical-align:top; }
  th { padding:.1125rem 0; vertical-align:bottom; text-align:left; }
  ul { padding-left:1rem; }
  video { max-width:100%; }
  zing-grid { margin:5rem 0; }


  /* SHARED 'WIDGETS'
  --------------------------- */

  /* Arrow Link */
  .arrow svg {
    --icon-color: var(--theme-link-color);
    height: 10px;
    margin-left: auto;
    width: 6px;
    transform: translateX(0);
    transition: transform .15s;
  }
  .arrow:hover svg {
    transform: translateX(2px);
  }

  /* Blockquote */
  blockquote {
    display: flex;
    font-family: var(--theme-font-light);
    font-size: 1.25rem;
    font-style: italic;
    line-height: 1.5;
    margin: 0 0 1.5rem;
  }
  blockquote:before {
    background: url('/assets/img/icon/double-quote-gray.svg') no-repeat;
    content: '';
    display: inline-block;
    height: 16px;
    transform: translateX(-5px);
    width: 38px;
  }
  /* On dark bg */
  blockquote.dark {
    color: #fff;
  }
  blockquote.dark:before {
    background: url('/assets/img/icon/double-quote-white.svg') no-repeat;
  }
  blockquote p:after {
    content: '"';
    display: inline-block;
  }
  blockquote > :last-child {
    margin-bottom: 0;
  }
  blockquote + cite {
    display: block;
    font-size: 1.25rem;
    font-style: normal;
    margin-top: -4px;
    margin-bottom: 1.5rem;
  }
  blockquote.dark + cite {
    color: #fff;
  }

  /* Button Styling */
  .btn {
    align-items: center;
    background-color: var(--theme-btn-color);
    border: 0;
    border-radius: 4px;
    color: var(--theme-font-color);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--theme-font-bold);
    font-size: .875rem;
    font-weight: 400;
    height: 40px;
    opacity: 1;
    padding: 0 20px;
    text-transform: uppercase;
    transform: scale(1);
    transition: background-color .15s, opacity .15s, transform .15s;
  }
  .btn:hover {
    opacity: .9;
  }
  .btn:focus-visible {
    background-color: var(--theme-focus-color);
    color: var(--theme-font-color);
    outline: none;
    transform: scale(1.05);
  }

  /* Callout / CTA Text Block */
  .callout { font-size: 1.25rem; line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .callout { font-size: 1.125rem; }
  }

  /* Image Frame (Rounded Corners) */
  .frame { border-radius: var(--theme-border-radius); }

  /* Table */
  .table {
    --table-font-size: .9375rem;
    border: 1px solid var(--theme-gray-light);
    border-radius: 10px;
    overflow: auto;
    padding: 30px;
    max-width: 100vw;
  }
  .table table {
    border-collapse: collapse;
    margin: 0;
    min-width: 1024px;
    width: 100vw;
  }
  @media screen and (min-width: 1390px) {
    .table table {
      width: 100%;
    }
  }
  .table th {
    border-bottom: 5px solid var(--theme-gray-light);
    box-sizing: border-box;
    font-size: var(--table-font-size);
    height: 44px;
    padding-bottom: 7px;
    text-transform: uppercase;
    vertical-align: bottom;
  }
  .table td {
    border-bottom: 1px solid var(--theme-gray-light);
    box-sizing: border-box;
    font-size: var(--table-font-size);
    height: 44px;
    vertical-align: middle;
  }


  /* LAYOUT
  --------------------------- */
  @media screen and (min-width: 768px) {
    main {
      flex: 1 0 auto;
    }
  }


  /* SECTION
  --------------------------- */
  /* Section Inner Wrap */
  .inner {
    --inner-margin-bottom: 0;
    --inner-margin-left: 30px;
    --inner-margin-right: 30px;
    --inner-margin-top: 0;
    --inner-padding-bottom: 0;
    --inner-padding-left: 0;
    --inner-padding-right: 0;
    --inner-padding-top: 0;

    height: var(--inner-height);
    margin: var(--inner-margin-top) var(--inner-margin-right) var(--inner-margin-bottom) var(--inner-margin-left);
    padding: var(--inner-padding-top) var(--inner-padding-right) var(--inner-padding-bottom) var(--inner-padding-left);
    max-width: 1390px;
  }
  main .inner {
    --inner-padding-top: 2rem;
    --inner-padding-bottom: 2rem;
  }
  .inner > :last-child { margin-bottom:0; }

  @media screen and (min-width: 1024px) {
    main .inner {
      --inner-padding-top: 4rem;
      --inner-padding-bottom: 4rem;
    }
  }
  @media screen and (min-width: 1454px) {
    .inner {
      --inner-margin-left: auto;
      --inner-margin-right: auto;
    }
    main .inner {
      --inner-padding-top: 7.5rem;
      --inner-padding-bottom: 7.5rem;
    }
  }

}


/* PRINT STYLES
--------------------------- */
@media print {

  body { color:black; font:normal 11pt/16pt arial,sans-serif; text-align:left; background:none; }
  picture { display:flex; align-items:center; justify-content:center; }
  img { max-width:100%; border:0; }
  a { color:#333; text-decoration:underline; }
  a[href]:after { content:" [" attr(href) "]"; }
  .print-exclude a:after,
  a[href*="tel:"]:after,
  a[href].header-logo:after { content:''; }
  p, h2, h3, h4 { orphans:3; widows:3; }
  h1 { margin-bottom:2rem; }
  small { display:block; font-size:10px; }
  table { width:100%; }

  .pod-icon { width:20px; height:20px; }
  .pod-box + .pod-box { margin-top:2.5rem; }

  table { border-collapse:collapse; }
  tbody td { padding:4px; border:1px solid; }

  /* Form */
  .pod-grid-5.separator-form { grid-template-columns:1fr 20px 1fr; grid-column-gap:10px; }
  label { display:block; font-size:.625rem; letter-spacing:.04rem; }
  input, select, textarea { padding:2px; font-size:.8125rem; border:1px solid var(--theme-border-color); border-radius:4px; }
  textarea { width:100%; }

  /* HIDE */
  .headline-link,
  .pod-box-filter,
  .pod-context-menu,
  .pod-options-offset,
  .pod-footer,
  .pod-header,
  .pod-sidebar { display:none; }

}




  /* SGH Logo */
  .footer-sgh {
    margin: 10px 0 15px;
    width: 110px;
  }

a[href^="https://penguincomputing.my.salesforce.com"] * {
	pointer-events: none;
}