/*
    CSS Stylesheet for So Many Aircraft Software (smasw.gitlab.io), based on the original
    So Many Aircraft style sheet
    Coyright (c) 2015-2025 So Many Aircraft. All Rights Reserved.
    Design: Ora Lassila ora@somanyaircraft.com
*/


@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css);
@import url(https://fonts.googleapis.com/css?family=Rosario:700,700italic,400,400italic);




BODY {
    font-family: 'Rosario', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.63;
    padding-top: 50px;
    margin: 0em;
    # background-image: url(/stuff/images/clouds.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
	overflow-y: scroll;
}
H1, H2, H3, H4 {
    font-family: 'Rosario', sans-serif;
    font-weight: 700;
    text-shadow: 0px 0px 5px #CCC;
}
H1 {
  margin-top: 20px;
  padding-bottom: 0.5rem;
}
CODEHEADER {
    font-size: 1.1rem;
    font-weight: bold;
    font-family: monospace;
    display: block;
}
P:has(CODEHEADER) {
    margin-bottom: 0.5rem;
    border-top: 1px solid lightgray;
}
PRE {
    font-weight: bold;
    font-family: monospace;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: WhiteSmoke;
}
DIV[class^="col-"] > H2:first-child, DIV[class*="centered"] + A + H2, DIV[class*="centered"] + H2 {
  margin-top: 1rem;
}
A {
  text-decoration: underline;
  color: #F47727;
}
A[href$=".pdf"]:after {
  content: " (PDF)";
}
A[href$=".svg"]:after {
  content: " (SVG)";
}
DIV.orange {
    background-color: #F9A025;
}
NAV.navbar {
    background-color: #F9A025;
}
A.nav-link {
  color: black !important;
}
.centered {
    text-align: center;
}
H1.jumbo {
  margin-top: 0.5em;
  margin-bottom: 0.4em;
  font-size: 4rem;
}
IMG.bookcover {
    padding: 0px;
    margin-top: 10px;
    border: 1px solid gray;
}
.centered IMG {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    /* box-shadow: 2px 2px 5px 0px #DDD; */
}
*[class*="centered"] > IMG:first-child {
	margin-top: 1.5em;
}
/*
IMG.centered {
  box-shadow: 2px 2px 5px 0px #DDD;
}
*/
DIV.jumbotron {
    padding-top: 0px;
    margin-bottom: 0px;
    background-color: transparent;
}
.navbar-brand {
    padding: 0px;
    /* margin-top: 5px; */
    margin-right: 5px;
    margin-left: 5px;
    height: 40px;
}
NAV#access {
    background-color: #F9A025;
}
SPAN.smacopyright {
    padding-right: 2em;
}
DIV.smacopyright {
    padding-right: 2em;
}
A.socialicon {
    padding-left: 4px;
}
DIV#smafooter + A {
    display: none;
}
.nav-link {
  color: black;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
}
.nav-item.active {
  background-color: #F47727;
}
.nav-link.active {
  color: white;
}
A.btn {
  text-decoration: none;
  font-weight: 700;
}
.social-twitter, .social-instagram, .social-facebook, .social-pinterest, .social-mastodon, .social-linked-in{
	background: url(/stuff/images/social.png) no-repeat;
	width: 48px;
	height: 48px;
}
.social-twitter{
	background-position: 0 0;
}
.social-instagram{
	background-position: -64px 0;
}
.social-facebook{
	background-position: -129px 0;
}
.social-pinterest{
	background-position: -193px 0;
}
.social-mastodon{
	background-position: -257px 0;
}
.social-linked-in{
	background-position: -320px 0;
}
TABLE.social TR TD {
  padding-top: 4px;
  padding-right: 10px;
}
IMG.modelimage {
  margin: 4px;
}
P.modelimage {
  text-align: center;
  font-style: italic;
}
TABLE.modelinfo TR TH {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: top;
}
H2.modelyear {
  font-size: 22px;
  margin-top: 0px !important;
}
.blockquote {
	margin-bottom: 0px;
	font-size: 1.1rem;
}

DIV.cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
DIV.card {
	flex: 1 0 500px;
	box-sizing: border-box;
	margin: 1rem .25em;
}
DIV.card-body A.stretched-link {
	font-weight: bold;
	text-decoration: none;
}
@media screen and (min-width: 40em) {
    .card {
       max-width: calc(50% -  1em);
    }
}
@media screen and (min-width: 60em) {
    .card {
        max-width: calc(25% - 1em);
    }
}
DIV.alert.draft {
    font-weight: bold;
    font-size: 1.5rem;
}
DIV.sidebar-toc {
    margin-top: 20px;
}
DIV.inline-toc NAV {
    margin-top: 0px;
}
TABLE.howtotable TD, TABLE.howtotable TH {
    text-align: right;
}
CODE {
    color: black;
    font-weight: bold;
}