*{
	font-family: "Lato", sans-serif;
	font-weight: 300;
	font-style: normal;
  color: #9b9b9b;
}

html {
    scroll-behavior: smooth;
}

.scrollspy-e {
	max-height: 600px;
	margin-bottom: 10px;
	overflow: scroll;
}

.bookcover .card{ border-radius:8px;border:1px solid #b9b9b9;box-shadow:0 0 30px 1px #aaa;height:auto;border:1px solid #999;display:block;margin:0 auto}

.radio-container {
	margin-bottom: 10px;
  }

  .radio-label {
	margin-right: 10px;
  }

select.form-control {
	padding: 5px;
}

select.form-control option[selected] {
	background-color: #337ab7;
	color: #fff;
}
.customhover {
    /*border-radius: 4px;*/
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    /*padding: 14px 80px 18px 36px;*/
    cursor: pointer;
}

.customhover:hover {
    transform: scale(1.1);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
  }
  
  .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }

.img-data {
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 10px 41px -26px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 41px -26px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 41px -26px rgba(0,0,0,0.75);
}

.dollar{
	position: relative; 
	top: -0.9em; 
	font-size: 45%;
}
.small {
	position: relative; 
	top: -0.0em; 
	font-size: 40%;
}
.price{
	margin-left: 0px;
	text-align: center;
	color: #e63e3b;
	font-size: 55px;
	padding: 30px 0 0px;
}
.dollar2{
	position: relative; 
	top: -2.2em; 
	font-size: 25%;
}
.price2{
	color: #e63e3b;
	font-size: 45px;
	padding: 15px 0 5px 0;
	text-align: center;
	margin-bottom: 20px;
}
.introductory{
	text-align: center;
}
.form {
	text-align: left;
}
.introductory span{	
	font-size: 12px;
	border: 1px solid #e63e3b;
	color: #e63e3b;
	padding: 5px 7px 4px 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.vertical-center {
	float:none;
 	margin:0 auto;
  }

li{
	list-style: none;
}

.google-sign-in-button {
    cursor: pointer;
    transition: background-color .3s, box-shadow .3s;
        
    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 1px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
}

.google-sign-in-button:hover {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
}

.google-sign-in-button:active {
    background-color: #eeeeee;
}

.google-sign-in-button:active {
    outline: none;
        box-shadow: 
        0 -1px 0 rgba(0, 0, 0, .04),
        0 2px 4px rgba(0, 0, 0, .25),
        0 0 0 3px #c8dafc;
}

.google-sign-in-button:disabled {
    filter: grayscale(100%);
    background-color: #ebebeb;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    cursor: not-allowed;
}

a{text-decoration:none}.text-theme-color{color:#0d6efd}h1,h2,h3{font-weight:700}h2{margin-top:1.75rem;margin-bottom:1rem}img{max-width:100%;height:auto}.yt-red{color:red;border-color:red}.yt-red:hover{background-color:red;border-color:red}.ig-orange{color:orange;border-color:orange}.ig-orange:hover{background-color:orange;border-color:orange}.line-green{color:#03c755;border-color:#03c755}.line-green:hover{border-color:#03c755;background-color:#03c755}.twitter-blue{color:#1ea1f1;border-color:#1ea1f1}.twitter-blue:hover{border-color:#1ea1f1;background-color:#1ea1f1}.facebook-blue{color:#2d88ff;border-color:#2d88ff}.facebook-blue:hover{border-color:#2d88ff;background-color:#2d88ff}.purple{color:#a96fff;border-color:#a96fff}.purple:hover{border-color:#a96fff;background-color:#a96fff}.GitHub-white{color:#cdd9e5;border-color:#cdd9e5}.GitHub-white:hover{color:#2d333b;border-color:#cdd9e5;background-color:#cdd9e5}.Share-btn{color:#474d57;border-color:#474d57}.Share-btn:hover{color:#fff;border-color:#474d57;background-color:#474d57}.badge{color:#1d6fdc;background-color:#ddf4ff}.badge:hover{color:#fff;background-color:#1d6fdc}@media (prefers-color-scheme:dark){body{background-color:#22272e}::selection{color:#fff;background-color:#ffe5d1}.card,tr{color:#cdd9e5}.dropdown-menu,.navbar,.sticky-top,tr{background-color:#2d333b}tr{border-color:#cdd9e5}tr:hover{color:#2d333b;background-color:#cdd9e5;border-color:#2d333b}.card{background-color:#22272e;border-color:#434c56}.badge,.text-theme-color{color:#549bf5}.btn-outline-primary,a{color:#549bf5;border-color:#549bf5}.btn-outline-primary:hover{border-color:#549bf5;background-color:#549bf5}.badge{background-color:#273449}.badge:hover{color:#fff;background-color:#549bf5}.Share-btn{color:#cdd9e5;border-color:#cdd9e5}.Share-btn:hover{color:#22272e;border-color:#cdd9e5;background-color:#cdd9e5}}.customhover{box-shadow:0 6px 10px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.155,1.105,.295,1.12),box-shadow .3s,-webkit-transform .3s cubic-bezier(.155,1.105,.295,1.12);cursor:pointer}.customhover:hover{transform:scale(1.02);box-shadow:0 10px 20px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06)}


footer {
    margin: 60px 0 0 0;
    text-align: center;
    width: 100%;
    min-height: 2rem;
}

footer a {
    text-decoration: none;
    color: #9b9b9b;
}

footer span {
    color: var(--primary);
}

.disclaimer {
    color: #9b9b9b;
    font-size: 0.75rem;
    text-align: center;
    margin: 0 auto;
}

.inline-links {
    display: inline;
    margin: 0 10px;
}

.box {
  box-shadow: 1px 1px 4px #ffbf69;
  border: 1px solid #ffbf69;
  padding: 30px;
  border-radius: 3px;
}


.marquee {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%; /* adjust based on your layout */
  }
  
  .marquee span {
    display: inline-block;
    padding-left: 100%; /* ensure animation starts off-screen */
    animation: marquee 15s linear infinite;
  }
  
  @keyframes marquee {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }