/*!
 * Start Bootstrap - Stylish Portfolio v5.0.3 (https://startbootstrap.com/template-overviews/stylish-portfolio)
 * Copyright 2013-2022 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-stylish-portfolio/blob/master/LICENSE)
 */

b, strong {
  font-weight: 600 !important;
}

path:focus {
  outline: 0;
  stroke: #f2b900;
  fill: #f2b900;
  stroke-width: 1px;
  stroke-dasharray: 2, 2;
  stroke-linejoin: round;
}

#skip-link {
  margin-top: 100px;
  color: red;
}

.br8 {
  border-radius: 8px;
}

/* qtips */
.qtip-copyright a {
  color: #000;
  text-decoration: underline;
}

.qtip {
  max-width: 600px !important;
}
.qtip p {
  margin: 0;
}

.qtip-fact-sheets {
  background-color: #4CAF50;
  border-color: #4CAF50;
  color: #fff;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.qtip-bootstrap {
  border-radius: 0;
}

.qtip-tsu-figure .qtip-content {
  padding: 0;
}

.qtip-download .qtip-title,
.qtip-download .qtip-content {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
}

.qtip-bootstrap .qtip-icon .ui-icon {
  color: #f00;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 60px;
}

.qtip-icon {
  border-radius: 0 !important;
}

.qtip-close {
  border: 0 !important;
}

/*
      Attribution icon
*/
.copyright {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 21px;
  height: 16px;
  background: url(/img/camera-icon.png) center center no-repeat;
  z-index: 100;
  cursor: pointer;
}

div.copyr {
  display: none;
}

/*
    Downward pointing chevron
*/
.nav-arrow {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  padding: 10px;
  font-size: 30px;
  z-index: 50;
}
.nav-arrow:hover {
  background-color: #000;
}
.nav-arrow a {
  display: block;
  width: 100%;
  background-color: transparent;
  color: #fff;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
@media (max-width: 480px) {
  .nav-arrow a {
    display: none;
  }
}

footer.footer {
  border-top: 3px solid #0058a6;
}

#footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-inner-div h3 {
  font-weight: 300;
}
.footer-inner-div h3 a {
  font-weight: 300;
}

.yamm-fw h3 {
  margin-bottom: 5px;
  font-size: 1.25rem;
  font-weight: 400;
  background-color: #0058a6;
  color: #fff;
  text-align: center;
  padding: 3px 0;
}
.yamm-fw ul {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}
.yamm-fw ul li {
  padding-left: 0;
  margin-left: 0;
}
.yamm-fw ul li a {
  padding-left: 0;
  padding-bottom: 0;
}

.icon {
  width: 32px;
  height: 32px;
  display: inline-block;
  stroke-width: 0;
  stroke: #0058a6;
  fill: #0058a6;
  margin-right: 5px;
}

.icon-white {
  stroke: #fff;
  fill: #fff;
}

.icon-big {
  width: 48px;
  height: 48px;
  stroke: #fff;
  fill: #fff;
}

.navbar-nav .nav-link {
  color: #fff !important;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
/* https://css-tricks.com/how-to-create-a-skip-to-content-link/ */
.skip-to-content-link {
  background: #c00;
  color: #fff !important;
  height: 30px;
  top: 70px;
  left: 25%;
  position: absolute;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  text-decoration: none;
  z-index: 500;
}

.skip-to-content-link:focus {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.centered-header-icons-no-border {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  width: 100%;
}