/***  Page Styles ***/

     .bg-1 {
       background:url(https://www.follettcontent.com/cloud-k12/rhcbpicturebooks/images/587183-Random-House-SEL-Picture-Book-LP-bg-1.jpg); 
       background-repeat: no-repeat;
 -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
       background-attachment: fixed;
}
       .bg-2 { background:url(https://www.follettcontent.com/cloud-k12/rhcbpicturebooks/images/587183-Random-House-SEL-Picture-Book-LP-bg-2.png);
   background-size: contain;  
   background-position:bottom center;
   background-repeat:no-repeat;}
         .bg-3 { 
         background: url(https://www.follettcontent.com/cloud-k12/rhcbpicturebooks/images/587183-Random-House-SEL-Picture-Book-LP-bg-3.png) repeat-x 0 0;
      width: 100%;
      margin: 0;
      box-sizing: border-box;
       background-attachment: fixed;


      -webkit-animation: slide 60s linear infinite;
        animation: slide 60s linear infinite;
           
       }
        @-webkit-keyframes slide {
      from {
        background-position: 0 0;
      }

      to {
        background-position: -1950px 0px;
      }
    }
       
        @keyframes slide {
      from {
        background-position: 0 0;
      }

      to {
        background-position: -1950px 0px;
      }
    }
       
/***  Page Styles ***/


/***   material design scripts and css ***/
      .pngshadow {-webkit-filter: drop-shadow(5px 5px 5px #666666);
        filter: drop-shadow(5px 5px 5px #666666);}
/***   material design scripts and css ***/



/***  bootstrap root overides ***/
      body {--mdb-black
  font-family: var(--mdb-font-roboto);
  line-height: 1.6;
  color: var(--mdb-black);
}
      .topColor {background: var(--bs-top-color) !important;}
      .bg-black-rabbit {background: var(--bs-black-rabbit-blue) !important;}
      .border-black-rabbit {border-color: var(--bs-black-rabbit-blue) !important;}
     .bg-danger {
  --mdb-bg-opacity: 1;
  background-color: rgba(var(--mdb-danger-rgb),var(--mdb-bg-opacity)) !important;
}
      .btn-outline-light:hover {
  color: #000 !important;
  background-color: #f9f9f9 !important;
  border-color: #f9f9f9 !important;
}
      .btn-danger {
  color: #fff;
  background-color: rgba(var(--mdb-danger-rgb)) !important;
}
         .btn-success {
  color: #fff;
  background-color: rgba(var(--mdb-success-rgb)) !important;
}
 .bg-success {
  background-color: rgba(var(--mdb-success-rgb),var(--mdb-bg-opacity)) !important;
}     
      
 .bodylight > a {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}     
 .bodylight > a:hover, .bodylight > a:focus {
  background-size: 100% 2px;
}
.bodylight > a {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}     
      
      
      .btn-black-rabbit {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-black-rabbit-blue);
  --bs-btn-border-color: var(--bs-black-rabbit-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-black-rabbit-dark-blue);
  --bs-btn-hover-border-color: #7497d5;
  --bs-btn-focus-shadow-rgb: rgba(116,195,213,0.5);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7497d5;
  --bs-btn-active-border-color: #16abd5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-black-rabbit-blue);
  --bs-btn-disabled-border-color: var(--bs-black-rabbit-blue);
}
      
 .bg-the-creative-company {background: var(--bs-the-creative-company-green) !important;}
 .border-the-creative-company {border-color: var(--bs-the-creative-company-green) !important;}

      :root {
  --bs-rhcb-orange:rgba(232,124,30,1);
  --bs-rhcb-orange-80:rgba(232,124,30,.80);
  --bs-rhcb-orange-90:rgba(232,124,30,.90); 
  --bs-rhcb-pink-90:rgba(240,113,157,.90); 
  --bs-rhcb-purple-90:rgba(53,43,79,.90);      
  --bs-rhcb-yellow:rgba(240,220,58,1);
  --bs-rhcb-yellow-80:rgba(240,220,58,.80);
  --bs-rhcb-yellow-90:rgba(240,220,58,.90);   
  --bs-top-color:rgba(0,82,156,.70);
  --bs-black-rabbit-blue: #74c3d5;
  --bs-black-rabbit-dark-blue: #74abd5;
  --bs-black-rabbit-blue-rgb: 116,195,213;
  --bs-the-creative-company-green: #99ca3c;
  --bs-the-creative-company-green-rgb: rgba(153,202,60, 1.0);
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #ec1c24 !important;
  --mdb-red: #ec1c24 !important;      
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #20a950 !important;
  --mdb-green: #20a950 !important;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --mdb-black: #000 !important;      
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #20a950;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #ec1c24 !important;
  --mdb-danger: #ec1c24 !important;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 32, 169, 80 !important;
  --mdb-success-rgb: 32, 169, 80 !important;      
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 236, 28, 36 !important;
  --mdb-danger-rgb: 236, 28, 36 !important;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-heading-color: ;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}
/***  bootstrap root overides ***/