/* 
  Custom Media Queries
  -p queries are breakpoints + standard gutter
  */
/* Global Vars */
:root {
  --small-screen: 576px;
  --medium-screen: 768px;
  --large-screen: 992px;
  --xlarge-screen: 1230px;
  --xxlarge-screen: 1440px;
  --max-width: 1170px;

  --gutter-width: 60px;

  /* Typography */
  --primary-font: 'Sarabun', 'Futura', 'Trebuchet MS', 'Helvetica-Neue',
    Helvetica, Arial, sans-serif;
  --secondary-font: 'Source Sans Pro', 'Helvetica', Arial, sans-serif;

  /* Colors */
  --black: #2a2c32;
  --gray: #656a7a;
  --gray-light: #cbd0dd;
  --gray-lighter: #e8ebf5;
  --gray-lightest: #f8f7ff;
  --white: #fff;

  --blue: #1d4589;
  --blue-dark: #07275e;
  --blue-darker: #001d4e;
  --blue-darkest: #00153c;
  --blue-gray: #3e4351;
  --green: #76bc43;
  --pink: #fe6d6d;
  --teal: #59c3b9;

  --polo-blue: #8a95cd;

  --success: #00bc8c;
  --warning: #f39c10;
  --error: #fd5151;
  --notification: #3598db;

  /* Gradients */
  --gradient-pbt: linear-gradient(
    90deg,
    rgba(19, 225, 201, 1) 0%,
    rgba(16, 96, 205, 1) 29%,
    rgba(101, 3, 224, 1) 67%,
    rgba(142, 13, 210, 1) 100%
  );
  /* --gradient-pb: linear-gradient(
    45deg,
    rgba(21, 43, 155, 1) 0%,
    rgba(85, 37, 253, 1) 72%,
    rgba(18, 137, 255, 1) 100%
  ); */
  --gradient-pb: linear-gradient(360deg, #001c4f 0%, #1c4488 100%);
  --gradient-p: linear-gradient(
    0deg,
    rgba(13, 0, 88, 1) 0%,
    rgba(21, 43, 155, 1) 58%
  );
  --gradient-w: linear-gradient(
    0deg,
    rgba(232, 235, 245, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  --gradient-w-180: linear-gradient(
    180deg,
    rgba(232, 235, 245, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  --gradient-gt: linear-gradient(
    45deg,
    rgba(114, 208, 1, 1) 1%,
    rgba(19, 225, 201, 1) 100%
  );
  --gradient-black: linear-gradient(
    180deg,
    rgba(62, 67, 81, 0.0001) 1.97%,
    #2a2c32 111.62%
  );
}
.tabNavigation {
  margin-top: 15px
}
@media (min-width: 1230px) {
.tabNavigation {
    margin-top: 30px
}
  }
.relatedArticles {
  margin-top: 15px
}
@media (min-width: 1230px) {
.relatedArticles {
    margin-top: 30px
}
  }
.backToTopControl {
  bottom: calc(26px / 2 + 45px);
}
#drift-widget {
  bottom: calc(24px / 2 - 12px + 45px) !important;
}