html {
--paler-red: #a00;
--pale-red: #c00;
--bright-red: #f00;
--pale-green: #0c0;
--bright-green: #0f0;
--background-grey: grey;
--background-white: white;
--menu-footer-foreground: #111;
--input-foreground: #333;
--input-background: var(--background-white);
--secondary-foreground: #555;
--bright-foreground: #fff;
--highlight-foreground: var(--bright-green);
--overall-background: var(--background-white);
--row-alt-background: #bfbfbf;
--highlight-background: #090;
--general-background: #0a0;
--button-border-background:#373;
--tooling-background: #777;
--header-background: #7e7;
--menu-border-background: #999;
--button-background: #aaa;
--border-background: #ccc;
--footer-top-background: #eee;
--header-footer-background:#1c1c1c;
--carousel-background: var(--overall-background);
--carousel-unselected: var(--background-grey);
--carousel-selected: var(--pale-green);
--carousel-border: var(--pale-green);
}
body {
position: absolute;
margin: 0px;
background-color: var(--footer-top-background);
align-content: middle;
align-items: center;
justify-content: center;
font-family: Arial, Verdana, Helvetica, sans-serif;
overflow-x: hidden;
}
a {
color: var(--general-background);
outline: none;
text-decoration: none;
}
quote {
font-style: italic;
color: var(--secondary-foreground);
}
label {
cursor: pointer;
display: inline-block;
height: 1.4em;
width: 1.4em;
margin-bottom: 0.75em;
border: 0px solid var(--bright-foreground);
}
li {
padding-bottom: 1em;
}
li:last {
padding-bottom: 0px;
}
hr {
width: 60vw;
}
details {
margin-right: 3em;
padding: 0.5em 1em;
}
details:hover {
background-color: var(--footer-top-background);
}
.header {
background-color: var(--header-footer-background);
position: fixed;
display: block;
top: 0;
width: 100vw;
z-index: 4;
border-bottom: 2px solid var(--border-background);
}
.header-top {
display: flex;
justify-content: space-between;
margin: auto;
}
.header-item-bold {
font-size: 0.9em;
font-weight: 600;
}
.header-controls {
position: relative;
display: block;
float: right;
}
.shadow {
font-size: 1em;
text-shadow: -2px 2px 3px var(--button-background);
}
.content {
position: relative;
width: 100vw;
background-color: var(--overall-background);
display: block;
z-index: 3;
margin-bottom: 370px;
border-bottom: 2px solid var(--border-background);
line-height: 1.4em;
}
.hidden {
display: none;
}
.hamburger {
cursor: pointer;
display: block;
opacity: 0.7;
position: relative;
float: right;
top: 22px;
height: 0.9em;
margin-top: 0.34em;
margin-right: 3em;
border-top: 0.2em solid var(--tooling-background);
border-bottom: 0.2em solid var(--tooling-background);
}
.hamburger:before {
content: "";
position: absolute;
top: 0.34em;
left: 0px;
width: 100%;
border-top: 0.2em solid var(--tooling-background);
}
.hamburger:hover {
opacity: 1.0;
}
.close {
display: hidden;
position: absolute;
top: 22px;
right: 27px;
}
.close:before,
.close:after {
background-color: var(--tooling-background);
position: absolute;
content: "";
height: 33px;
width: 3px;
left: 0px;
}
.close:before {
transform: rotate(45deg);
}
.close:after {
transform: rotate(-45deg);
}
.close:hover {
opacity: 0.3;
}
.logo-main {
height: 50px;
padding-top: 20px;
margin-left: 15px;
font-size: 1.2em;
font-weight: bold;
}
.logo-main a {
color: var(--pale-green);
}
.logo-small {
margin-top: -15px;
margin-left: -7px;
}
.menu {
}
.menu-popup {
visibility: hidden;
position: fixed;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
display: flex;
background-color: var(--overall-background);
justify-content: space-around;
margin: auto;
box-align: center;
overflow: hidden;
padding: 50px;
line-height: 2em;
transition: all 0.2s ease-in;
z-index: 5;
}
.menu-column {
flex: 1 1 auto;
}
.menu-header {
color: var(--menu-footer-foreground);
font-size: 1em;
padding-top: 20px;
margin-right: 25%;
margin-bottom: 20px;
border-bottom: 1px solid var(--menu-border-background);
}
.menu-item {
color: var(--secondary-foreground);
display: block;
position: relative;
}
.menu-item:hover {
background-color: var(--button-background);
display: inline-block;
}
.small-vertical-gap {
margin-top: 30px;
}
.vertical-gap {
margin-top: 50px;
}
.vertical-gap-bottom {
margin-bottom: 50px !important;
}
.vertical-gap-bottom-big {
margin-bottom: 90px !important;
}
.vertical-offset {
display: inline-block;
margin: 50px 25% 0px 25%;
}
.horizontal-offset {
padding-left: 10%;
}
.title {
text-align: center;
font-size: 1em;
margin: 0.2em 15vw 0.4em;
}
.title-large {
font-size: 2.6em;
}
.title-small {
font-size: 1.96em;
opacity: 0.5;
}
.title-very-small {
font-size: 0.9em;
opacity: 0.5;
}
.title-tagline {
font-size: 1.3em;
padding-top: 50px;
opacity: 0.75;
color: var(--general-background);
}
.title div {
padding-bottom: 40px;
}
.title-vertical-offset {
display: inline-block;
margin: 50px 20% 30px 20%;
}
.title a {
display: block;
align-items: center;
}
.title .plain a {
font-size: 1.1em;
}
.inline a {
display: inline;
}
.row {
display: flex;
padding: 100px 25px;
}
.row-symmetric {
display: flex;
padding: 100px 11vw 100px 9vw;
margin: 0px auto;
}
.row-no-padding {
display: flex;
margin: 10px 0px;
}
.single-row {
padding: 75px 0px 1px;
}
.row-centre-index {
display: inline-block;
align-items: center;
width: 100vw;
background-color: var(--overall-background);
margin-top: 135px;
z-index: 2;
}
.row-centre {
display: inline-block;
align-items: center;
width: 100vw;
background-color: var(--overall-background);
margin-top: 180px;
z-index: 2;
}
.row-odd {
position: relative;
background-color: var(--row-alt-background);
color: black;
top: -30px;
z-index: 2;
}
.row-even {
position: relative;
top: -30px;
margin-top: -30px;
margin-bottom: -30px;
background-color: var(--overall-background);
color: black;
z-index: 2;
}
.row-last {
display: flex;
width: 100vw;
}
.row-last-odd {
margin-bottom: -30px;
}
.arrow-down-odd {
position: relative;
margin: auto;
width: 0px;
height: 0px;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid var(--overall-background);
z-index: 3;
}
.arrow-down-even {
position: relative;
margin: auto;
top: -40px;
width: 0px;
height: 0px;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid var(--row-alt-background);
z-index: 3;
}
.main-text {
font-size: 1em;
text-align: justify;
}
.main-text-left {
display: inline-flex;
color: var(--general-background);
margin: auto;
padding-left: 5vw;
letter-spacing: 0.4em;
font-size: 2.6em;
font-style: oblique;
}
.main-text-right {
display: inline-flex;
color: var(--general-background);
margin: auto;
padding-right: 5vw;
letter-spacing: 0.4em;
font-size: 2.6em;
font-style: oblique;
}
.main-text-left-compact {
display: inline-flex;
color: var(--general-background);
margin: auto;
padding-right: 1em;
line-height: 1.2em;
font-size: 2em;
font-style: oblique;
}
.main-text-right-compact {
display: inline-flex;
color: var(--general-background);
margin: auto;
padding-left: 1em;
line-height: 1.2em;
font-size: 2em;
font-style: oblique;
}
.main-text-inner-1 {
color: var(--general-background);
margin: 275px 0px 0px -410px;
padding-right: 15vw;
letter-spacing: 0.2em;
font-size: 1.6em;
font-style: oblique;
}
.main-text-inner-2 {
color: var(--general-background);
margin: 275px 0px 0px -300px;
padding-right: 5vw;
letter-spacing: 0.2em;
font-size: 1.6em;
font-style: oblique;
}
.main-text-inner-3 {
color: var(--general-background);
margin: 275px 0px 0px -400px;
padding-right: 5vw;
letter-spacing: 0.2em;
font-size: 1.6em;
font-style: oblique;
}
.big-text {
display: flex;
flex-direction: column;
justify-content: space-around;
font-size: 1.3em;
text-align: center;
}
.pop-out-box-index {
background-color: var(--general-background);
width: 66vw;
margin: 75px auto 130px;
padding: 50px;
border-radius: 7px;
z-index: 2;
}
.pop-out-box-training {
background-color: var(--general-background);
margin: 100px 250px 90px 250px;
padding: 50px;
border-radius: 7px;
z-index: 2;
}
.pop-out-box {
background-color: var(--row-alt-background);
margin: 100px 250px 130px 250px;
padding: 50px;
border-radius: 7px;
z-index: 2;
}
.pop-out-text {
font-size: 1em;
text-align: justify;
color: var(--bright-foreground);
}
.pop-out-text-dark {
color: black;
}
.summary {
display: inline-flex;
justify-content: space-between;
margin: auto;
cursor: pointer;
outline: none;
text-decoration: none;
}
.summary-left {
width: 370px;
padding: 50px 0px 0px 370px;
}
.summary-right {
width: 340px;
padding: 50px 0px 0px 340px;
}
.more {
display: inline;
position: relative;
width: 100vw;
}
.more-left {
padding-left: 120px;
}
.arrow {
display: inline;
position: relative;
left: 5px;
}
.more:hover > .arrow {
left: 15px;
}
.check-marks {
padding-left: 50px;
line-height: 4em;
}
.check-mark-item-last {
padding-left: 250px;
}
.help-padding {
padding: 30px 0px 20px;
}
.cross {
display: inline-block;
color: var(--paler-red);
font-size: 1.7em;
}
.tick {
display: inline-block;
color: var(--general-background);
font-size: 1.7em;
}
.tick-title {
display: inline;
font-size: 0.7em;
font-weight: bold;
}
.tick-list {
padding-top: 40px;
margin: auto;
}
.tick-header {
display: inline-block;
font-size: 1.3em;
padding-bottom: 20px;
}
.tick-content {
display: inline-block;
font-size: 1em;
}
.footer {
display: block;
position: fixed;
color: var(--secondary-foreground);
background-color: var(--footer-top-background);
width: 100vw;
bottom: 0px;
overflow: hidden;
z-index: 1;
}
.footer-outer {
display: flex;
justify-content: space-around;
padding-bottom: 30px;
}
.footer-column-first {
color: var(--general-background);
flex: 0.5 0.5 auto;
padding: 20px 0px 20px 30px;
text-align: justify;
}
.footer-text quote {
font-style: italic;
color: var(--general-background);
}
.footer-column {
flex: 0.5 0.5 auto;
}
.footer-header {
color: var(--menu-footer-foreground);
font-size: 0.9em;
padding-top: 20px;
padding-bottom: 20px;
}
.footer-text {
font-size: 0.75em;
width: 260px;
line-height: 1.4em;
padding-top: 0px;
padding-left: 10px;
}
.footer-item {
color: var(--secondary-foreground);
display: block;
position: relative;
line-height: 1.8em;
font-size: 0.9em;
}
.footer-item-bold {
color: var(--menu-footer-foreground);
font-size: 0.9em;
font-weight: 500;
}
.footer-item:hover {
background-color: var(--border-background);
display: inline-block;
}
.footer-bottom {
background-color: var(--header-footer-background);
color: var(--secondary-foreground);
font-size: 0.75em;
display: block;
width: 100vw;
padding-top: 15px;
padding-bottom: 10px;
border-top: 2px solid var(--border-background);
}
.footer-copyright {
float: left;
padding-left: 38px;
}
.footer-copyright a:hover
{
color: var(--highlight-foreground);
}
.footer-privacy {
width: 85vw;
text-align: center;
}
.footer-privacy a:hover {
color: var(--highlight-foreground);
}
.highlight-text {
font-size: 1em;
font-style: italic;
}
.condensed-list li {
padding-bottom: 15px;
}
.info-middle {
padding: 0px 2em;
}
.info {
display: inline-flex;
background: var(--overall-background);
opacity: 1;
border: 1px solid var(--border-background);
border-radius: 7px;
transition: 1.5s ease;
margin: auto;
}
.info-no-border {
display: inline-flex;
background: var(--overall-background);
opacity: 1;
border-radius: 7px;
transition: 1.5s ease;
margin: 40px auto 75px;
}
.info-shadow {
box-shadow: -2em 2em 2em rgba(grey, 0.2);
}
.info-top {
display: block;
border-bottom: 1px solid var(--border-background);
font-size: 1em;
text-align: center;
}
.info-content {
padding: 0px 10px;
text-align: justify;
}
.support-info-content {
padding: 20px 10px;
text-align: justify;
}
.info-list li {
text-align: justify;
}
.right-offset {
padding-right: 60px;
}
.green {
border: 3px solid var(--bright-green);
margin: 0px;
}
.red {
border: 3px solid var(--bright-red);
margin: 0px;
}
.selection-box {
border-radius: 7px;
transition: 1.5s ease;
padding: 10px 40px 0px 0px;
}
.auto-margin {
display: flex;
margin: 0em auto;
}
.product-single {
width: 100vw;
background: var(--overall-background);
opacity: 1;
}
.product {
display: inline-flex;
width: 80vw;
background: var(--overall-background);
opacity: 1;
}
.third {
display: block;
width: 15em;
max-width: 15em;
margin: 5em auto;
text-align: justify;
border: 1px solid var(--border-background);
border-radius: 7px;
}
.third:hover {
position: relative;
top: -5px;
left: -5px;
transition: transform 0.5s;
box-shadow: 0em 0em 1.2em 0em rgba(0,0,0,0.1);
}
.third-arrow-down {
position: relative;
margin: auto;
top: -15px;
width: 0px;
height: 0px;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
border-top: 35px solid var(--general-background);
z-index: 3;
}
.description {
height: 72px;
margin: 10px 10px 25px;
padding: 0px 10px 25px;
}
.short-description {
height: 65px;
margin: 10px 10px 15px;
padding: 0px 10px 15px;
}
.very-short-description {
height: 65px;
margin: 10px 10px 5px;
padding: 0px 10px 5px;
}
.support-description {
height: 60px;
margin: 0px 10px;
padding: 0px 10px;
}
.button {
display: block;
max-width: 125px;
text-align: center;
padding: 10px;
margin: 0px auto 50px;
font-size: 1em;
border: 1px solid var(--button-border-background);
border-radius: 7px;
background-color: var(--general-background);
color: var(--overall-background);
}
.button:hover {
background-color: var(--general-background);
color: black;
}
#menu-toggle {
display: none;
}
#menu-toggle:checked + #menu-popup
{
background-color: var(--border-background);
visibility: visible;
}
.template-row-centre {
display: inline-block;
align-items: center;
width: 100vw;
color: black;
}
.template-row {
display: flex;
padding: 50px 50px 100px;
}
.template-content {
width: 70vw;
font-size: 1em;
margin: 40px auto 75px auto;
padding: 0px 15vw;
text-align: justify;
justify-content: center;
}
.template-content div {
margin: 20px 0px;
}
.template-content a {
color: var(--general-background);
text-decoration: underline;
}
.template-info {
padding: 0px 0px 0px;
}
.no-justify {
text-align: left;
}
.text-centre {
text-align: center;
}
.no-outline {
outline-color: var(--bright-foreground);
color: var(--pale-green);
}
div .read-heading {
border-top: 2px solid var(--general-background);
border-bottom: 2px solid var(--general-background);
padding: 20px 0px;
}
.read-row-centre {
display: inline-block;
align-items: center;
width: 100vw;
background-color: var(--overall-background);
margin-bottom: 3em;
z-index: 2;
}
.read {
font-size: 0.9em;
width: 75vw;
text-align: left;
}
.read tr td {
padding: 1.5em;
width: 40em;
}
.read td:nth-of-type(1) {
text-align: right;
}
.read td:nth-of-type(2) {
text-align: justify;
}
.roadmap {
font-size: 1em;
text-align: left;
}
.roadmap tr td {
height: 50px;
padding: 10px 0px;
vertical-align: top;
}
.roadmap td:nth-of-type(1)
{
width: 25px;
padding-right: 60px;
text-align: right;
}
.roadmap td:nth-of-type(2)
{
width: 700px;
text-align: justify;
}
.roadmap td:nth-of-type(3)
{
text-align: right;
}
.plain {
list-style: none;
font-size: 1em;
}
.expand {
cursor: pointer;
font-weight: bold;
}
a[href*="//"]:not([href*="index.html"]):after
{
position: relative;
top: -8px;
left: 4px;
padding-right: 7px;
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);
}
input, textarea {
font-size: 18px !important;
color: var(--input-foreground);
background-color: var(--header-footer-background);
border-radius: 7px;
border: 1px groove var(--border-background);
padding: 10px;
min-width: 600px;
max-width: 600px;
max-height: 120px;
}
textarea {
min-height: 120px;
}
.template-header {
position: relative;
height: 125px;
padding: 15px 0px;
margin-bottom: 25px;
background-color: var(--footer-top-background);
border-bottom: 2px solid var(--header-background);
opacity: 0.7;
}
.template-header h1 {
padding: 55px 0px;
font-size: 2.6em;
font-weight: 100;
letter-spacing: 10px;
padding-top: 55px;
color: var(--secondary-foreground);
text-align: center;
text-shadow: 0px 0px 5px #fff,
0px 0px 10px #777,
0px 0px 20px #aaa,
0px 0px 30px #999,
0px 0px 40px #fff;
}
.template-heading {
font-size: 1.1em;
font-weight: bold;
color: var(--general-background);
}
.sub-template-heading {
font-size: 1em;
font-weight: bold;
color: var(--general-background);
}
.tight-row {
display: flex;
padding-bottom: 40px;
margin-left: 6vw
}
.tight {
margin-bottom: 100px;
}
.tighter div {
margin-bottom: 80px;
}
.auto-width {
margin: 0px auto;
}
.training {
margin-left: 50px;
padding: 0px 30px 0px 60px;
}
#training-table tr td {
height: 1em;
font-size: 0.9em;
}
.training-label {
width: 100vw;
padding: 10px 30px;
}
.training-value {
width: 400px;
padding: 10px 30px;
}
.training-free {
background-color: var(--highlight-background);
color: var(--bright-foreground);
border-radius: 7px;
padding: 20px 25px;
margin: 0px 50px 30px 40px;
}
.heading {
font-size: 1.2em;
font-weight: bold;
}
.vertical-separator {
border-top: 1px solid var(--general-background);
}
.half {
width: 40vw;
}
.quote-block {
background-color: var(--border-background);
padding: 25px 30px 1px 30px;
}
.quote-block-equal {
background-color: var(--border-background);
padding: 20px 30px 20px;
}
.quote-block-gap {
padding-top: 30px;
}
.dark-quote {
background-color: var(--border-background);
border-radius: 0px;
}
.basic-list {
margin: 0px 20px 0px 10px;
text-align: justify;
}
.tight-pair div {
margin: 10px;
}
.small-text {
font-size: x-small;
font-weight: bold;
}
.black-text {
color: black;
}
.selecton li {
height: 2em;
}
.selection li a {
float: right;
background-color: var(--border-background);
padding: 10px 20px 10px 20px;
border: 1px solid var(--border-background);
border-radius: 12px;
}
form {
width: 685px;
}
#form div {
margin: 25px 0px;
}
.contact {
display: block;
background-color: var(--border-background);
color: var(--input-foreground);
border-radius: 7px;
padding: 20px 30px;
}
.contact a {
color: var(--input-foreground);
}
.comment-border {
padding-right: 40px;
width: 720px;
}
.comment-border > ul > li
{
padding-bottom: 0px;
}
.comment-field {
display: block;
height: auto;
width: 620px;
background-color: var(--border-background);
color: var(--input-foreground);
border-radius: 7px;
padding: 15px 30px 30px 30px;
text-align: none;
}
.comment-field label {
display: block;
margin-bottom: 10px;
width: auto;
}
.comment-field input,
.comment-field textarea
{
height: auto;
font-size: 18px !important;
background-color: var(--input-background);
color: var(--input-foreground);
border-radius: 7px;
border: 1px groove var(--border-background);
padding: 10px;
}
.comment-error {
width: 700px;
padding: 25px 30px;
font-weight: 800;
}
.book-back {
position: absolute;
}
.book-next {
position: absolute;
margin: 28px 0px 0px 80px !important;
}
.book {
float: left;
font-size: 1em;
margin: 40px 0px 225px 0px;
justify-content: center;
text-align: left;
}
.book-short {
margin: 40px 0px 0px 0px;
}
.book-field {
display: block;
height: auto;
background-color: var(--border-background);
color: var(--input-foreground);
border-radius: 7px;
padding: 15px 15px 30px;
text-align: none;
}
.book-field label {
display: block;
margin-bottom: 10px;
width: 80%;
}
.book-field input,
.book-field textarea
{
height: auto;
font-size: 18px !important;
background-color: var(--input-background);
color: var(--input-foreground);
border-radius: 7px;
border: 1px groove var(--border-background);
padding: 10px 0px 10px 10px;
}
.book form {
width: auto;
}
.book-free-indicator {
float: left;
font-size: large;
font-weight: 900;
color: var(--overall-background);
margin: 10px 20px 0px 70px;
}
.book-free {
background-color: var(--highlight-background);
color: var(--bright-foreground);
border-radius: 7px;
margin: 0px 70px 0px 60px;
padding: 20px 25px 20px 40px;
}
.book-error {
width: 64vw;
padding: 25px 30px;
font-weight: 800;
}
tbody > tr > td {
height: 50px;
width: 240px;
padding: 10px 0px;
}
td select {
height: 2.5em;
width: 200px;
font-size: 0.9em;
}
option {
margin: 7px 5px;
}
td > input {
height: auto;
font-size: 0.9em;
background-color: var(--header-footer-background);
color: var(--input-foreground);
border-radius: 7px;
border: 1px groove var(--border-background);
padding: 10px;
min-width: 180px;
max-width: 180px;
}
.button-submit {
float: left;
}
.button-submit:after {
outline: 0;
outline-color: var(--general-background);
text-decoration: none;
border: 0px solid var(--general-background);
}
.button-submit-done {
position: relative;
top: 20px;
left: -30px;
}
.tooltip-carousel {
height: 80vh;
}
.tooltip {
padding: 35px 33px;
}
.tooltip div {
margin: 0px;
}
.tooltip-content {
min-width: 600px;
background-color: var(--border-background);
color: black;
padding: 20px;
text-align: center;
}
.tooltip-text {
position: absolute;
width: 600px;
background-color: var(--tooling-background);
color: var(--overall-background);
text-align: justify;
padding: 20px;
margin: 0px;
}
.tooltip-text-short {
padding: 0px 20px !important;
}
.tooltip-text::after {
content: " ";
position: absolute;
bottom: 100vh;
left: 50%;
margin-left: -10px;
border-width: 10px;
border-style: solid;
border-color: transparent transparent var(--tooling-background);
}
.tooltip-text div {
margin: 20px;
}
.label {
min-width: 5em;
text-align: left;
padding: 10px 15px;
}
.value {
min-width: 25em;
text-align: justify;
padding: 10px 15px;
}
.button-container {
padding: 10px;
background-color: var(--button-background);
border-radius: 3px;
text-align: center;
}
.button-container a {
color: var(--overall-background);
}
.button-container a:hover
{
background-color: var(--secondary-foreground);
cursor: pointer;
}
.bar {
border-left: 2px solid black;
}
.book-header {
height: 2em;
}
.book-header-no-form {
position: relative;
height: 50px;
}
.book-header-left {
display: block;
float: left;
font-size: 1.1em;
font-weight: 800;
}
.book-header-right {
float: right;
font-size: 1em;
}
.book-border {
padding: 20px 20px 0px 20px;
}
.book-button {
color: var(--overall-background);
margin: 0px 0px 165px 5px;
text-decoration: none;
}
.book-region {
height: 2.5em;
width: 500px;
font-size: 0.9em;
}
.book-field tbody > tr > td
{
height: unset;
width: 150px;
padding: 10px;
}
.review-table-upper {
font-size: 0.9em;
padding-left: 15px;
}
.review-table-upper tr td
{
height: 0px;
}
.review-table-upper td:nth-of-type(1)
{
font-weight: bold;
}
.review-table-upper td:nth-of-type(2)
{
width: 25em;
}
.review-table {
font-size: 0.75em;
}
.review-table > thead {
font-size: 1.2em;
font-weight: bold;
}
.review-item {
width: 40vw;
}
.review-unit {
width: 20vw;
text-align: right;
}
.review {
width: 10vw;
}
.review-travel {
font-size: 0.9em;
font-weight: bold;
color: var(--pale-red);
}
.review-table tr td {
height: 0px;
padding: 10px 15px;
}
.review-total {
font-size: 1.2em;
font-weight: bold;
}
.review-cost {
text-align: right;
}
.review-cost-total {
text-align: right;
font-weight: bold;
}
.download {
margin-top: 75px !important;
}
.read-offset {
margin-top: 75px !important;
margin-bottom: 50px !important;
}
.read-offset-small {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.read-header {
font-weight: 800;
}
.download-border {
padding-left: 20px;
width: 65vw;
}
.details-border {
margin-right: 40px;
padding: 10px 25px;
}
.order-button {
margin: 0px 0px 165px 105px !important;
}
.plain-links a {
text-decoration: none;
}
.indent {
padding: 0px 60px;
}
.indent-line {
padding-left: 25px;
margin: 0px !important;
}
.table-key {
font-weight: bold;
padding-right: 50px;
}
.support-container {
margin: 10px 0px 50px;
}
#mentoring-table-outer {
font-size: 1em;
width: 470px;
}
#mentoring-table-outer tr td
{
height: 40px;
padding: 0px;
}
#mentoring-table-outer tr td:nth-of-type(1)
{
font-weight: 600;
}
#mentoring-table-inner {
font-size: 1em;
width: 300px;
}
#mentoring-table-inner tr td
{
height: 30px;
padding: 0px;
}
.dont-fork {
float: right;
margin: -30px -40px;
}
.download-icon {
width: 24px;
height: 24px;
margin-left: 10px;
margin-right: 15px;
vertical-align: sub;
}
caption {
width: 98%;
margin: 20px 20px 40px 0px;
font-size: 1.1em;
font-weight: 800;
font-style: italic;
text-align: justify;
}
.height-carousel {
height: 450px;
width: 550px;
}
.height-carousel-tall {
height: 485px;
width: 550px;
}
.height-carousel-content {
height: 400px;
}
.height-tooltip {
height: 725px;
}
.height-tooltip-carousel {
min-height: 650px;
width: 825px;
}
.textarea-variable {
max-height: 700px;
}