.books{background-color:#0000;padding-top:24px}.books.dark{color:#fff;background-color:#0000;background-image:none}.books.dark form input{color:#fff;background-color:#000}.books.dark button[variant=primary]{color:#81b7d9;background-color:#104362;border:2px solid #104362}.books.dark button[variant=secondary]{color:#81b7d9;border:2px solid #81b7d9}.books.dark button[variant=tertiary]{color:#81b7d9}.books.dark button[variant=tertiary]:hover{border-color:#81b7d9}.books.dark .cta{color:#81b7d9;background-color:#104362}.books.dark .cta:hover{color:#fff;background-color:#46677b}.books.dark a{color:#81b7d9}.books.dark a:hover,.books.dark a:active{color:#46677b}.books.dark a.active{color:#fff;cursor:initial}.books.dark select{color:#fff;background-color:#000}.books.light{color:#000;background-color:#ddd;background-image:none}.books.light form input{color:#000;background-color:#fff}.books.light button[variant=primary]{color:#104362;background-color:#81b7d9;border:2px solid #81b7d9}.books.light button[variant=secondary]{color:#104362;border:2px solid #81b7d9}.books.light button[variant=tertiary]{color:#104362}.books.light button[variant=tertiary]:hover{border-color:#81b7d9}.books.light .cta{color:#104362;background-color:#81b7d9}.books.light .cta:hover{color:#fff;background-color:#46677b}.books.light a{color:#81b7d9}.books.light a:hover{color:#c0dced}.books.light a:active{color:#46677b}.books.light a.active{color:#fff;cursor:initial}.books.light select{color:#000;background-color:#fff}@media (max-width:1024px){.books{padding:1rem}}@media (max-width:600px){.books{padding:.5rem}}
.bookContainer{vertical-align:top;flex-direction:row;justify-content:center;align-items:stretch;gap:3rem;margin:1rem;display:flex}.bookContainer.dark{color:#fff;background-color:#0000}.bookContainer.dark .bookTitle,.bookContainer.dark .bookDescription,.bookContainer.dark .infomatic{color:#fff;border-color:#fff}.bookContainer.dark .largeBook{box-shadow:0 0 36px #fff}.bookContainer.light{color:#104362;background-color:#ddd}.bookContainer.light .bookTitle,.bookContainer.light .bookDescription,.bookContainer.light .infomatic{color:#104362;border-color:#104362}.bookContainer.light .largeBook{box-shadow:0 0 36px #104362}.bookContainer .column{flex:1 1 0;max-width:556px}.bookContainer .column.left{text-align:right;flex:initial}.bookContainer .column.right{text-align:left}.bookContainer .infomatic{text-transform:uppercase;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:30px;font-weight:500;line-height:1.3em}.bookContainer .bookTitle{border:0 solid #81b7d9;border-left-width:5px;margin-top:1.25rem;padding:0 0 0 20px;font-size:3rem;font-weight:600;line-height:.9em;display:block}.bookContainer .bookTitle .bookSuperTitle{margin:0 0 .5rem;font-size:1rem;line-height:1rem}.bookContainer .bookDescription{color:#fff;margin-top:2rem;font-size:20px;font-weight:600;line-height:1.5em}.bookContainer+.bookContainer{margin-top:4rem}.bookContainer.dark .column.right{background:radial-gradient(#000000b3 40%,#0000 70%,#0000)}.bookContainer.reverse{flex-direction:row-reverse}.bookContainer.reverse .column.left{text-align:left}.bookContainer.reverse .infomatic{text-align:right}.bookContainer.reverse .bookTitle{text-align:right;border-width:0 5px 0 0;padding:0 20px 0 0}.bookContainer.reverse .bookDescription{text-align:right}.bookFrame{margin:36px;position:relative;overflow:hidden;box-shadow:0 0 36px #fff}.bookFrame .ribbonComingSoon{text-align:center;text-transform:uppercase;background-color:red;border:2px solid #000;width:250px;font-family:arial;font-size:1.5rem;font-weight:700;position:absolute;top:60px;left:-55px;transform:rotate(-45deg)}.largeBook{width:100%;max-width:400px;height:auto;display:block}@media (max-width:1024px){.bookContainer,.bookContainer.reverse{flex-direction:column}.bookContainer .column,.bookContainer.reverse .column{max-width:initial}.bookContainer .column.left,.bookContainer.reverse .column.left{text-align:center;margin:auto}.bookContainer .infomatic,.bookContainer.reverse .infomatic{text-align:left}.bookContainer .bookTitle,.bookContainer.reverse .bookTitle{text-align:left;border-width:0 0 5px;padding:0 0 20px}.bookContainer .bookDescription,.bookContainer.reverse .bookDescription{text-align:left}}@media (max-width:600px){.bookContainer .bookTitle,.bookContainer.reverse .bookTitle{font-size:1.5rem}.bookContainer .bookDescription,.bookContainer.reverse .bookDescription,.bookContainer .infomatic,.bookContainer.reverse .infomatic{font-size:1rem}}
