/* basics */
.page.basics { background-color: #0e151d; }

.basics.front #pageContent {
  background: url(../images/basics/home-bg.jpg) no-repeat;
  background-size: 100% 1600px;
}
.basics.front .view-content { background-color: #151f2a; }
.basics .main-content-wrapper { padding-right: 0; padding-left: 0; }
.basics .home {
  text-transform: uppercase;
  padding: 1em 2em 1em 2em;
}
.basics.not-front .bosf-header { background-image: url(../images/basics/l1-header-bg.jpg); background-repeat: no-repeat; background-color: #151f2a; }
.basics.not-front .bosf-header.section { background-image: url(../images/basics/l2-header-bg.jpg); padding-top: 2em; padding-right: 2em; padding-bottom: 2em; }
.basics .main-content-wrapper-inner { padding-right: 2em; padding-left: 2em; }
.basics #sidebar-second ul.lvl2 { padding-left: 0; padding-right: 0; }
.basics #sidebar-second ul.lvl3 { padding-left: 1em; }

.basics #sidebar-second ul.lvl2:after {
    width: 100%; 
    height:1px;
    content: "";
    background: rgba(86, 105, 125, 1);
}

.basics .home:after {
    width: 100%;
    height: 1px;
    content: "";
    background: red;
}


.basics .lvl1:not(:first-of-type):before {
    content: '\A';
    white-space : pre;
}

.basics #sidebar-second ul.lvl2>li:last-of-type:after {
    content: '\A';
    white-space: pre;
}

.page.basic.basics.front .main-content-wrapper-inner { background: none; color: #fff; padding-top: 6em; }
.section-text, .chapter-text, .objective { padding-top: 3em; padding-left: 2em; color: #fff; }
.objective { padding-bottom: 3em; }
.section-label, .chapter-label { color: #6281a2; }
.chapter-title { font-size: 2em; }
.objective b { color: #bf8f31!important; font-size: 1.5em; font-weight: 300; }
.section-label, .section-title, .chapter-label { font-size: 1.2em; font-weight: 300; text-transform: uppercase; }

.bosf-header.section .section-text, .bosf-header.section .chapter-text { padding-top: 0; padding-left: 0; }
.bosf-header.section .chapter-title { font-size: 1.2em; }
.bosf-header.section .section-text, .bosf-header.section .chapter-text { text-align: right; }
.bosf-header.section .section-label,
.bosf-header.section .section-title,
.bosf-header.section .chapter-label,
.bosf-header.section .chapter-title { display: inline-block; font-weight: 300; }
.bosf-header.section .section-label,.bosf-header.section .chapter-label { padding-right: 0.5em; }

.basics.front .main-content p { padding-left: 1em; padding-top: 1em; }
.delta_rocket { background: url(../images/basics/delta_rocket.png) no-repeat; position: relative; top: -170px; width: 541px; height: 448px; float: right; }
.orbits_trajectories_placeholder { background: url(../images/spacer.gif) no-repeat; width: 472px; height: 386px; float: left; }
.orbits_trajectories { background: url(../images/basics/orbits_trajectories.png) no-repeat; width: 472px; height: 386px; position: absolute; top: 850px; left: -20px; display: none; }
.orbits_trajectories.active { display: block; }
.pioneer { background: url(../images/basics/pioneer.png) no-repeat; width: 355px; height: 524px; float: right; }
.basics.front .main-content .p1 {
  font-size: 0.8em;
  color: #7cacd4;
  width: 20%;
  font-style: italic;
  padding-top: 10em;
  padding-left: 1em;  
}

.basics.front .main-content .p2 {
    padding-top: 0em;
    display: inline-block;
    width: 100%;
}

.basics.front .main-content .p4 { padding-top: 1em; }
/*.basics.front .main-content .p5 { padding-top: 5em; padding-left: 15em; width: 550px; }*/
.basics.front .main-content .p5 { padding-top: 0em; padding-left: 25em; }

.basics.front .main-content .p6 { padding-top: 0; padding-left: 17.5em; }
.basics.front .main-content .p6 a { color: #fff; font-weight: 500; }
.basics.front .main-content .p7 {
  padding-top: 4em;
  padding-left: 5em;
  padding-right: 25em;
  text-align: right;
}
.basics.front .main-content span {
  color: #fdb833;
  font-style: italic;
}

.basics.front .content-nav a { color: #fff; }
.basics.front .content-nav a:after {
  content: url(../images/basics/next-page.png);
  padding-left: 0.5em;
}

.image-wrapper {
    padding-top: 8px;
}

.pull-right {
    padding-left: 18px;
}

.pull-left {
    padding-right: 18px;
}

.image-clicker {
    position: relative;
    left:     0px;
    font-size:12px;
    color:    #fdb731;
}

.pull-right ~ .image-clicker {
    padding-left: 28px !important;
}

h2 {
    font-size:   1.6em;
    font-weight: 400;
    color:       #0e4692;
}

h3 {
    font-size:   1.4em;
    font-weight: 300;
    color:       #eda71f;//#bf8f31; //#c49350;
    font-family: 'Roboto', Arial, sans-serif;
}

h4 {
    font-size:   1.2em;
    font-weight: 400;
    color:       #428bca;
    font-family: 'Roboto', Arial, sans-serif;
}

h5 {
    font-size:   1.1em;
    font-weight: 300;
    color:       #2b5782;
}

.emphasize {
    font-size: 2em;
}

.paragraph-table {
    width: 70%;
    background-color: #CCCC99;
}

.paragraph-table td {
    padding: 5px;
}

.text-table {
    border: 1px solid black;
    margin: auto;
}
.text-table th, .text-table td {
    padding:        5px 20px 5px 20px;
    text-align:     center;
    vertical-align: center;
}

.text-table, .text-table th, .text-table td {
    border: 1px solid black;
}

.text-table caption {
    color:          #0e4692;
    font-size:      20px;
    padding-bottom: 5px;
}

.text-table th {
    color:  #0e4692;
}

.table-note {
    color:        #0e4692;
    line-height: 1.5em;
}

.blockquote {
    width:    100%;
    position: relative;
    background-color: #fdb731;//#bf8f31;
    margin:   auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.pull-quote {
    border-top:    0px;
    border-bottom: 0px;
}

.pull-quote .caption-inner {
    padding-right:  3.5em;
    padding-left:   1em;
    padding-top:    1em;
    padding-bottom: 1em;
    padding-left:   1em;
}

.pull-quote figcaption {
    padding-left: 3.5em;
}

.blockquote figcaption {
    font-size:   19px;
    color:       black;//#c49350;
    font-style:  normal;
    font-family: 'Roboto', Arial, sans-serif;
    position:    relative;
    margin:      auto;
    width:       90%;
}

.subdued-text {
    border: 1px solid #b0b0b0;
    padding: 40px 60px;
    width:   100%;
    margin:  auto;
    //line-height: 1.2em;
    color:       #999;
}

/*.emphasized-text {
    border:      1px solid #b0b0b0;
    padding:     40px 60px;
    width:       100%;
    margin:      auto;
    //line-height: 1.2em;
    color:       #2071c1;
}*/
.emphasized-text {
    color:      black;
    font-style: normal;
    font-family: 'Roboto', Arial, sans-serif;
    border:     0px;
    width:      100%;
    position:   relative;
    margin:     auto;
    padding   : 30px;
    background-color: #fdb731; 
}

.emphasized-text::after {
    //content: ;
}

h4::before {
    content: '\A';
    white-space: pre;
}   

h2:not(:first-of-type)::before, h3:not(:first-of-type)::before {
    content: '\A';
    white-space: pre;
}

p ~ h3::before {
    content: '\A';
    white-space: pre;
}

/*p + h3::before, a + h3::before {
    content: '\A';
    white-space: pre;
}*/

/*h3:first-of-type {
    color: red !important;
}*/

.blockquote + p::before,
.subdued-text + p::before,
.emphasized-text + p::before,
.text-table + p::before {
    content: '\A';
    white-space: pre;
} 

figcaption {
    color:     #999;
    font-size: 11pt !important;
}

.content-image.pull-right, .content-image.pull-left {
    margin-bottom: 1em;
}

.image-credit {
    font-style: italic;
}

.links ol, .links ul {
    color: #799dc3;
}

.links li {
    line-height: 1 
} 

[id^="togList"],                        /* HIDE CHECKBOX */
[id^="togList"] ~ .list,                /* HIDE LIST */
[id^="togList"]   #collapse,   /* HIDE "Collapse" */
[id^="togList"]:checked {   
    display:none;
}

[id^="togList"]:checked + label span {
    display: inline;
}

[id^="togList"]:checked + label .triangle-right {
    display: none;
}

[id^="togList"]:checked + label .triangle-down {
    display: inline;
}

[id^="togList"]:not(:checked) + label .triangle-down {
    display: none;
}

[id^="togList"]:not(:checked) + label span {
    display: inline ;
}

[id^="togList"]:checked ~ .list{
  display:block;                        /* SHOW LIST (IF CHECKED) */
}

[id^="togList"]:checked + label .expand {
    display: none;
}

[id^="togList"]:not(:checked) + label .expand {
    display: inline;
}

[id^="togList"]:checked + label .collapse {
    display: inline;
}

[id^="togList"]:not(:checked) + label .collapse {
    display: none;
}


.links::after {
    content:  '\A';
    white-space: pre;
}


#togList ~ label::after {
    content:    '\A\A';
    white-space: pre;
}

.unit-table {
    margin:  0px;
}

.unit-table tr td {
    padding:        8px;
    text-align:     left;
    vertical-align: top;
}

.center-image {
    padding: 0px 100px 0px 100px;
}

.links-block {
    width:            90%;
    background-color: rgba(153, 153, 153, 0.16);
    position:         relative;
    margin:           auto;
    top:              40px;
    padding:          20px 0 0 0;
}

.links {
    padding: 10px 0 0 30px;
    margin-bottom: -20px;
}

.link-label {
    font-weight: 100;
    color: #999;
}

.triangle-right, .triangle-down {
    font-size: small;
}

.links .list {
    padding-top: 10px;
}

#edition {
    position:  relative;
    left:      20px;
    top:       40px;
    font-size: 12px;
    color:     #fdb833;
}

#emf-table tbody tr:nth-child(odd) {
    background-color: #f6f6f8; 
}

#emf-table thead tr {
    background-color: #ffc43f; 
    font-weight:      400;
    height:           60px;
}

#emf-table thead tr th {
    color: black;
    font-weight: 500;
}

#emf-table td {
    border: 1px solid #9e9e9e;
}

#emf-table {
    border: 1px solid black;
}

#emf-table .bolder {
    font-weight: 400;
    color:       #2b5782;
}

#emf-table th {
    border: 1px solid #9e9e9e;
}

#emf-table td:nth-child(2) {
    width: 160px;
}

#emf-table #red, #emf-table #blue {
    font-size: 10px;
}