:root {
  /*light theme*/

  /*Graphite Scheme*/
  --comfortGraphite: #616469;
  --lightGraphite: #595c67;
  --graphiteGray: #4b4e53;
  --matteGraphite: #414244;
  --darkGraphite: #39393f;

  /*Titanium Scheme*/
  --titaniumWhite: #f3f4f7;
  --titaniumFrost: #b0afa9;
  --titanium: #878681;
  --metallicTitanium: #7a7772;
  --matteTitanium: #73706f;

  /*Theme colors*/
  --bgColor: var(--titaniumWhite);
  --white88: #ffffffcc;
  --linkColor: #5c7ae0;
  --linkHoverColor: #3289ec;
  --menuLinkColor: var(--matteTitanium);
  --menuLinkHoverColor: var(--darkGraphite);
  --darkShadowColor: var(--titanium);
  --lightShadowColor: var(--titaniumFrost);
  --darkTextColor: #4b4e53;

  --main-width: 85%;
  --max-main-width: 1400px;

  @media screen and (max-width: 480px) {
    --main-width: 95%;
  }
}

@font-face {
  font-family: GFSDidotRegular;
  src: url("../fonts/GFS_Didot/GFSDidot-Regular.ttf");
}
@font-face {
  font-family: ModerneSans;
  src: url("../fonts/Moderne-Sans-Font/Moderne Sans Font.ttf");
}

@font-face {
  font-family: OxygenLight;
  src: url("../fonts/Oxygen/Oxygen-Light.ttf");
}

@font-face {
  font-family: OxygenRegular;
  src: url("../fonts/Oxygen/Oxygen-Regular.ttf");
}

@media only screen and (min-width: 993px) {
  .row .col.l4 {
    width: 32% !important;
  }
}
.hidden{
  display:none;
}

body {
  color: var(--darkTextColor) !important;
  /* font-family: Karla !important; */
  font-family: ModerneSans !important;
  overflow-y: scroll;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--titaniumWhite);
  box-shadow: inset 0 0 6px var(--metallicTitanium);
  padding: 3px;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: var(--comfortGraphite);
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  box-shadow: inset 0 0 6px var(--metallicTitanium);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--matteGraphite);
}

.ap-header-affix-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: white;
  /*box-shadow: 1px 2px 5px var(--titaniumFrost);*/
  /*border-bottom: 1px solid var(--titaniumFrost);*/
}

.ap-header {
  width: var(--main-width);
  /* max-width: var(--max-main-width); */
  margin: auto;
}

/*@media screen and (max-width:480px) {
  .ap-header {
    width: 95%;
  }
}*/

.ap-header tr {
  padding: 0;
}

.ap-header td {
  /* padding: 10px 0 0 0; */
}

.ap-header-logo-cell {
  width: 30%;
}

.ap-header-menu-cell {
  width: 70%;
}

.ap-header-menu {
  font-family: OxygenRegular;
  float: right;
  text-align: center;
  vertical-align: bottom;
}

.ap-header-menu a {
  font-weight: bold;
  padding-top: 5px;
  margin: 0 0 0 3vmin;
  text-transform: uppercase;
  font-size: max(14px, 2.1vmin);
  color: var(--menuLinkColor);
}

.ap-header-menu a:hover {
  color: var(--menuLinkHoverColor);
  text-decoration: none;
}

.ap-header-menu .active {
  color: var(--menuLinkHoverColor);
  text-decoration: none;
  border-top: 2px solid var(--linkHoverColor);
}

.header-bottom-border {
  padding-top: 5px;
  width: 105%;
  height: 3px !important;
  position: relative;
  border-bottom: 1px solid var(--metallicTitanium);
}

.logoline {
  padding: 0;
  font-family: ModerneSans;
  font-size: 3.5vmin;
  line-height: 1 !important;
  color: var(--darkGraphite);
  font-weight: bold;
}

.logoline .first {
  /*font-weight: bold;*/
}

.logoline .last {
}

.logoline .smaller {
  font-size: 3vmin;
}

.body-wrapper {
  /* height: 100vh; */
  width: 100vw;
  margin: 0;
  overflow-x: hidden;
  /* overflow-y: scroll; */
  background-color: white;
  margin-top: max(80px, 5vh);
  padding-bottom: 40px;
}

/*.body-wrapper-image {
  position: absolute;
  left: 0;
  top: 130px;
  height: 80vh;
  resize: both;
  margin-left: auto;
  margin-right: auto;
  filter: invert(100%);
  z-index: 0;
}
*/
.body-container {
  width: var(--main-width);
  max-width: var(--max-main-width);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: max(10px, 2vmin);
}

@media screen and (max-width: 480px) {
  .bodyContainer {
    width: 98%;
    margin-top: min(80px);
  }
}

.ap-footer-affix-container {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background-color: white;
  /* margin-top: max(100px, 10vh); */
}

.credits-offcanvas-bottom {
  .credit-logo-div{
    display: inline-block;
    padding: 5px;

    .credit-logo{
      height: max(2vw, 30px);
      resize: both;
    }

    .credit-title-as-logo{
      font-weight:bold;
    }

    .credit-title{
      font-size: max(2vh,12px);
    }
  }
}

.footer {
  /* text-transform: uppercase; */
  /* text-align: center; */
  margin-left: auto;
  margin-right: auto;
  font-family: OxygenLight;
  color: var(--matteTitanium);
  font-size: 10pt;
  padding-top: 5px;
}

.footer-left {
  text-align: left;
}
.footer-right {
  text-align: right;
}
.btn {
  background-color: lightblue !important;
  color: var(--darkGraphite) !important;
  border-radius: 5px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.embedded-btn {
  display: inline-flex !important;
  background-color: var(--titaniumWhite) !important;
  color: var(--darkGraphite) !important;
  border-radius: 2px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 16px !important;
  font-size: 12px !important;
  height: 24px !important;
}

.embedded-btn-icon {
  line-height: 16px !important;
  font-size: 12px !important;
}

.credits-btn {
  display: inline-flex !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 2px !important;
  padding: 0px;
  line-height: 16px !important;
  font-size: 12px !important;
  height: 24px !important;
}

.hidden-elem {
  display: none !important;
}