/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
 div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
html {background-color:#384473;}
body {background-color:#384473;color:#F3F3F3;width:90%;font-size:1.1em;line-height: 1.2;}
a.F3F3F3:link {color:#F3F3F3;text-decoration: none;}
a.F3F3F3:visited {color: #F3F3F3;text-decoration: none;}
a.F3F3F3:hover {color: #ED1B25;text-decoration: none;}
a.F3F3F3:active {color: #F3F3F3;text-decoration: none;}

a.subnav:link {color:#152873;text-decoration: none; padding: 0 0 0 15%;}
a.subnav:visited {color: #152873;text-decoration: none; padding: 0 0 0 15%;}
a.subnav:hover {color: #152873;text-decoration: none; padding: 0 0 0 15%;}
a.subnav:active {color: #152873;text-decoration: none; padding: 0 0 0 15%;}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 400 to 900
@font-face {
font-family: playfair;
src: url(fonts/PlayfairDisplay-VariableFont_wght.ttf);
}
.playfair-display-<uniquifier> {
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
}

.video-1 {border:2px solid #384473; width:90%;margin:auto 5%;}
.video-2 {border:0px solid #384473; width:100%;margin:0 0;padding:0 0 ;}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
h1 {
font-family: playfair;
color:white;
font-size:2.2em;
border:0px solid red;
}
h2 {
font-family: playfair;
color:#F3F3F3;
font-size:1.8em;
position:relative;
top:-15px;
text-align:left;
}
h3 {
font-family: playfair;
color:#F3F3F3;
font-size:1.2em;
position:relative;
top:-35px;
text-align:left;
}

p {padding:1% 0;}
.li-distributor-list {color: #ED1B25;line-height: 150%;list-style-type: disc;list-style-position: inside;padding-left: 1%; /* Adjust as needed */}
.heading-1 {font-size:1.3em;color:#A9B8F3;padding:5% 0 2% 0;}
.also-by {font-size:1.3em;font-weight:600;color:#F3F3F3;}
.text-1 {font-size:1.2em;}
.text-2 {font-size:.9em;color:#3355E2;}
.text-3 {font-size:.8em;color:#D0DCE1;}
.text-4 {font-size:.8em;}
.caption-1 {font-size:90%;padding:1% 1% 8% 1%;}
.display-inlineblock {display:inline-block;vertical-align:top;padding:0 5% 0 0;}
.center {text-align:center;}
.bold {font-weight:900;}
.italics {font-style:italic;}
.float-left {float:left;}
.float-right {float:right;}
.menu-sub-links {color:black;margin: 0 0 0 ;padding:0 0 0 0;}
.citation-1 {font-size:1.2em; font-style:normal;line-height:130%;}
.citation-2 {font-size:1em;margin:2.5% 0 0 7%;border:0px solid red;}
.citation-3 {font-size:.9em;margin:.5% 0 0 8%;}
.click-order-button {width:100px;float:left;padding:0 3% 1% 0;}
.bean-soup-audio {width: 100%;margin: 10% 0 0 10%;}
.div-modal-1 {/*background-color:#1F2D49;*/width:65%; /* set the width of the div
  padding:3%;border-radius:15px;*/margin: 0 0 0 26%;text-align:center;}
.text-modal-1 {color:#ffffff;font-size:3em;font-weight:900;}
.text-modal-2 {color:#ffffff;font-size:1.4em;font-weight:900;}
.text-modal-3 {color:#ffffff;font-size:1.6em;font-weight:900;font-style:normal;}
.text-modal-4 {color:#ffffff;font-size:1.5em;font-weight:900;font-style:italic;}
.text-modal-5 {color:#ffffff;font-size:1.2em;font-weight:900;font-style:normal;line-height:190%;}
.text-modal-6 {color:#ffffff;font-size:2.3em;font-weight:900;}
.text-modal-7 {color:#ffffff;font-size:2em;font-weight:900;}
.disc-bullet {color:#ED1B25;font-size:1.4em;line-height:110%;}
.buy-now-button {width:25%;position:relative;top:60px;left:2%;z-index:2000;}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
#left-col {width:46%;display:inline-block;vertical-align:top;border:0px solid green;}
#right-col {width:53%;display:inline-block;vertical-align:top;border:0px solid red;}
#video-container {position:absolute;top:5px;left:19.6%;text-align:center;width:80%;border:0px solid #425087;}
#cover-container {width:80%;margin:-30px 0 0 10%;position:relative;z-index;200;border:0px solid red;}
#book-description {width:80%;margin:9% 0 0 11%;position:relative;z-index;300;border:0px solid red;}
#footer-1 {width:94%;border-top:2px solid #ED1B25;position:relative;left:7.5%;top:50px;padding:1% 0 1% 0;font-size:80%;}
#nodisplay {display:none;}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.footer-panel-1 {width:40%;vertical-align:top;display:inline-block;border:0px solid red;padding:3% 0 3% 0;}
.footer-panel-2 {width:40%;vertical-align: bottom;display:inline-block;float:right;border:0px solid green;padding:3% 0 3% 0;}
.footer-panel-description {font-size:1.2em;padding:0 3% 4% 0;}
.banner-start-out { position:relative;margin-top:30%; width:100%;border:0px solid red;}
.distributor-list {border:0px solid green;margin:5px 0 0 5px;}
.menu-startout {position:fixed; top:13%;left:92.5%;z-index:10000;}
.rb-logo {position:fixed;left:77%;top:3%;width:100%;z-index:10000;}
.booksummary {width:100%;position:relative;border:0px solid red;opacity:.8;}
.summary {width:70%;position:relative;font-size:1.3em;background-color:#384473;padding:2% 5% 5% 5%;border:2px solid #384473;border-top-left-radius: 2%;border-top-right-radius: 2%;}
.blurb-1 {width:100%;border:0px solid red;padding:5% 0 0 5%;}
.flourish-1 {width:80%;border:0px solid red;padding:5% 0 0 0;margin:auto 37%;}
.left-quotes-DSO {position:relative;width:7%;border:0px solid red;display:inline-block;vertical-align:bottom;padding:0 1% 0 0;}
.right-quotes-DSO {position:relative;width:4%;border:0px solid red;display:inline-block;vertical-align:top;padding:0 0 0% 0;transform: rotate(180deg);}
.captioned-photo-area {width:80%;border:0px solid red;margin:10% 2% 3% 10%;display:none;}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.img-index-book-cover {width:100%;border:0px solid #343F6A;box-shadow: 15px 10px 30px #202641;}
.img-distributor-logo {width:110px;padding:5px;0;}
.img-footer-RB-logo {width:150px;}
.img-su-cover-footer {width:30%;padding:0 3% 15% 0;position:display:inline-block;vertical-align:top;}
.img-menu-start-out {width:55%;}
.img-menu-img-1 {width:50%;}
.img-menu-img-2 {width:100%;}
.img-rb-logo {width:20%;}
.img-blurb-1 {width:100%;}
.img-flourish-1 {width:40%;}
.img-quotes-1 {width:100%;padding:1%;}
.img-judy-bio-aboutidsotw {width:30%;border:1px solid black;margin:1% 0 1% 3%;}
.img-caption-photo {width:100%;border:1px solid white;}
.img-more-comments {width:32%;position:relative;left:20%;padding:5% 0 0 0;}
.img-bean-soup-audio {border: 2px solid #2A3356;width:60%;}
.img-available-at {width:27%;}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.animate__animated.animate__fadeIn {
  --animate-duration: 7s;
}
.animate__animated.animate__fadeInLeft {
  --animate-duration: 3.5s;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* slide menu */
.sidenav {
	font-family: 'Playfair', serif;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #D2DCFF;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    opacity:.92;
    border-top: 0px solid #ED1B25;
    border-right: 0px solid #ED1B25;
    font-weight:900;
}

.sidenav a {
    padding: 5% 1% 0 10%;
    text-decoration: none;
    color: #152873;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #880605;
    font-weight:600;
}

.sidenav .closebtn {
    position: absolute;
    top: 0px;
    right: 70px;
    font-size: 28px;
    margin-left: 50px;
    color:#3C5DDE;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 800px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/* end slide menu */

/*--------SPLASH STYLES------------------------------------------------------*/
/*--------------------------------------------------------------*/
.splash-banner {width:95%;position:absolute;left:3%;top:5%;border-bottom:0px solid red;}
.img-splash-logo {position:relative;width:65%;}
.splash-logo-sub-head {position:relative;left:11%;font-size:1.15em;}
.banner-item-1 {padding: 0 0 1% 0;position:relative;display:inline-block;vertical-align:top;width:30%;border:0px solid red;}

.splash-menu {width:90%;position:absolute;left:6%;top:25%;border:0px solid red;}
.splash-item-1 {position:relative;display:inline-block;vertical-align:top;width:100%;border:0px solid #FFFFFF;}
.splash-item-2 {position:relative;display:inline-block;vertical-align:top;width:100%;margin:0 0 0 1%;border:0px solid #FFFFFF;}
.splash-item-3 {position:relative;display:inline-block;vertical-align:top;width:100%;margin:0 0 0 1%;border:0px solid #FFFFFF;}
.splash-item-4 {position:relative;display:inline-block;vertical-align:top;width:100%;margin:0 0 0 1%;border:0px solid #FFFFFF;}
.splash-font {font-size:1.5em;line-height:100%;}

/*--------------------------------------------------------------*/
/*------------------ScrollFade Specific------------------*/
.scrollFade {
  opacity: 1;
  pointer-events: all;
}
.scrollFade--hidden {
  opacity: 0;
  pointer-events: none;
}
.scrollFade--visible {
  opacity: 1;
  pointer-events: all;
}
.scrollFade--animate {
  transition: opacity 2s ease-in-out;
}/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 700px)  {
#left-col {width:100%;display:inline-block;vertical-align:top;border:0px solid red;}
#right-col {width:100%;display:inline-block;vertical-align:top;border:0px solid red;}
h1 {font-size:2em;}
h2 {font-size:1.5em;}
#video-container {display:none}
#cover-container {width:90%;margin:16% 5%;position:relative;z-index;200;border:0px solid red;}
#book-description {width:90%;margin:70% 0 0 5%;position:relative;z-index;300;border:0px solid red;}
#footer-1 {width:100%;border-top:2px solid #ED1B25;position:relative;left:1%;padding:2% 0 2% 0;font-size:75%;}
.footer-panel-1 {width:90%;vertical-align:top;display:block;padding:3% 0 3% 0;}
.footer-panel-2 {width:90%;vertical-align:top;display:block;padding:7% 0 3% 0;}
.img-index-book-cover {width:98%;border:2px solid #343F6A;}
.img-menu-start-out {width:70%;}
.img-su-cover-footer {width:40%;padding:0 3% 10% 0;}
.img-rb-logo {width:40%;}
.menu-startout {position:fixed; top:10%;left:80%;z-index:10000;}
.banner-start-out {position:absolute; top:60%;left:3%;width:95%;}
.no-display {display:none;}
.rb-logo {position:fixed;left:54.5%;top:3%;width:100%;z-index:10000;}
.booksummary {width:100%;position:relative;border:0px solid red;}
.summary {width:90%;position:relative;font-size:1.3em;background-color:#384473;padding:2% 5% 5% 5%;margin-top:18%;}
.div-modal-1 {width:85%; /* set the width of the div*/margin: 10% 0 0 3%;text-align:center;}
.splash-banner {width:95%;position:absolute;left:3%;top:5%;border-bottom:0px solid red;}
.img-splash-logo {position:relative;width:100%;}
.splash-logo-sub-head {position:relative;font-size:1em;}
.banner-item-1 {position:relative;display:inline-block;vertical-align:top;width:100%;border:0px solid #FFFFFF;}
.banner-item-2 {position:relative;display:inline-block;vertical-align:top;width:100%;border:0px solid #FFFFFF;}
.banner-item-3 {position:relative;display:inline-block;vertical-align:top;width:100%;border:0px solid #FFFFFF;}
.banner-item-4 {position:relative;display:inline-block;vertical-align:top;width:100%;border:0px solid #FFFFFF;}
.banner-font {font-size:.1.2em;}
.img-more-comments {width:40%;position:relative;left:20%;}
.img-available-at {width: 35%;}
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*@media screen and (min-height: 890px)  {
.banner-start-out {position:relative; left:6%;width:75%;}
}*/