/* Copyright (C) 2019-2021 Julian Valentin, LTeX Development Community
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

/* logo in topnav */
.navbar-brand {
  display:flex;
  align-items:center;
}
.fa-home::before { content:none; }
.navbar-brand > img {
  display:inline-block;
  height:2em;
  margin-right:0.2em;
}

/* links in topnav */
.navbar-right .btn { font-weight:bold; }

/* sidebar */
li.sidebarTitle { font-weight:bold; }
.nav > li > a { font-weight:bold; }
.nav ul li a { padding-left:30px; }

/* table of contents */
div#toc ul {
  min-width:200px;
  max-width:400px;
}
div#toc > ul::before {
  display:inline-block;
  width:auto;
  padding-top:0;
  padding-bottom:10px;
  padding-left:5px;
  font-weight:bold;
}
div#toc ul li,
div#toc ul li ul li {
  margin-top:0;
  margin-bottom:0;
}

/* headings */
h3 { font-size:125%; }

/* inline code */
code + a > code { margin-left:0; }

/* links */
a.no-external::after,
a[href^="https://valentjn.github.io/ltex"]::after {
  content:none;
}
a[href^="http://"]:not(.btn, .no-external)::after,
a[href^="https://"]:not(.btn, .no-external)::after {
  margin-right:-17px;
}
a[href^="http://"]:not(.btn, .no-external),
a[href^="https://"]:not(.btn, .no-external) {
  padding-right:17px;
}

/* images */
@media only screen and (min-width:900px),
only screen and (min-device-width:900px) {
  .col-md-9 img { max-width:100%; }
}

/* client-specific sections */
.client-specific { display:flex; }
.client-specific-border {
  flex-shrink:0;
  width:5px;
  margin-right:10px;
  background:repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    #d0d0ff 5px,
    #d0d0ff 10px
  );
}

/* world map on homepage */
.world-map {
  position:relative;
  text-align:center;
  font-size:2.4vw;
  font-weight:bold;
}
@media (min-width:768px) {
  .world-map { font-size:120%; }
}
@media (min-width:992px) {
  .world-map { font-size:120%; }
}
@media (min-width:1200px) {
  .world-map { font-size:150%; }
}
.world-map-text-1 {
  position:absolute;
  left:4%;
  top:40%;
  transform:rotate(5deg);
}
.world-map-text-2 {
  position:absolute;
  left:7.5%;
  bottom:27%;
  transform:rotate(-3deg);
}
.world-map-text-3 {
  position:absolute;
  left:25%;
  bottom:10%;
  transform:rotate(5deg);
}
.world-map-text-4 {
  position:absolute;
  right:20%;
  bottom:13%;
  transform:rotate(-3deg);
}
.world-map-sources {
  font-size:80%;
  color:#aaaaaa;
}
.world-map-sources a,
.world-map-sources a:active,
.world-map-sources a:focus,
.world-map-sources a:hover {
  color:#aaaaaa;
}

/* footer */
footer { font-size:14px; }
footer .githubEditButton {
  margin-left:1em;
  margin-bottom:0;
}
.footer {
  display:flex;
  justify-content:right;
  align-items:center;
}
.fa-github {
  vertical-align:-10%;
  margin-left:0.1em;
}

/* colors */
.navbar-inverse {
  background-color:#6666cc;  /* blue: 347dbe */
  border-color:#4545c4;      /* blue: 015cae */
}
.nav > li.active > a { background-color:#6666cc; }  /* blue: 347dbe */
.nav > li > a:hover { background-color:#5b5bfc; }   /* blue: 248ec2 */
li.sidebarTitle { color:#5555ff !important; }
code {
  color:#5555ff;
  background-color:#f2f2f9;
}
h3 { color:inherit; }