.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-279 .elementor-element.elementor-element-3d020a0:not(.elementor-motion-effects-element-type-background), .elementor-279 .elementor-element.elementor-element-3d020a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000003B;}.elementor-279 .elementor-element.elementor-element-3d020a0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-279 .elementor-element.elementor-element-3d020a0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-279 .elementor-element.elementor-element-4552235{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 5%;padding:0px 0px 0px 0px;}#elementor-popup-modal-279 .dialog-widget-content{background-color:#90C1C836;}#elementor-popup-modal-279{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-279 .dialog-message{width:80vw;height:auto;}#elementor-popup-modal-279 .dialog-close-button{display:flex;}/* Start custom CSS for html, class: .elementor-element-4552235 */.book-wrapper {
  display:flex;
  justify-content: center;
  align-items:center;
  border:none;
  height:80vh;
  overflow:hidden;
  perspective:2200px;
  transform-style: preserve-3d;
  cursor: pointer;
}
book {
  display:block;
  background:#522;
  background:radial-gradient(#FFFFFF,#F2FFFF);
  position:relative;
  height:65vmin;
  width:44.9vmin;
  perspective:1600px;
  perspective-origin: center;
  transform: translateZ(-100px) rotateY(15deg);
  transform-style: preserve-3d;
  transition:0.5s transform cubic-bezier(.17,.84,.44,1);
  counter-reset: x -1;
  margin-left: 5%;
  font-family: Times New Roman;

}
book p {
    line-height: 1.2em;

}
book:hover, book:active {
  transform: rotateY(0deg);
}
.page-1 { 
  position:absolute;
  top:0; left:0; right:0; bottom:0;
  background:rgba(255,255,255,.95);
  background:radial-gradient( rgba(255,255,255,.97) , rgba(215,215,225,.97) );
  box-shadow:inset 0 0 64px rgba(0,0,0,0.2);
  transform-origin:left;
  justify-content: center;
  align-items:center;
  transform:rotateY( calc( calc(var(--total-pages) * -0.5deg ) + calc( var(--page-number) * 0.5deg)  ) );
  padding:2vmin 4vmin;
  z-index:calc( var(--total-pages) - var(--page-number) );
  outline: 1px solid transparent;
  perspective:inherit;
  backface-visibility:visible;
  transform-style: preserve-3d;
  transition:0.5s transform cubic-bezier(.45,.05,.55,.95);
  font-size:1.95vmin;
}
.page-1 h5{
    text-align: center;
}
.page-1.past {
  transform:rotateY(calc(-178deg + calc( var(--page-number) * 2deg) ) );
  z-index: calc( 1 +  var(--total-pages) + var(--page-number) );
  transition:0.4s transform cubic-bezier(.45,.05,.55,.95);
}
.page-1::before {
  content: counter(x)'.';
  counter-increment: x 1;
  position:absolute;
  bottom:0; right:0;
  padding:1vmin;
}
.page-1:after {
  content:"";
  display:block;
  position:absolute;
  transform:translateZ(-1px) rotateX(180deg);
  top:0; right:0; left:0; bottom:0;
  background:rgba(230,235,240,.9);
   backface-visibility:hidden;
  outline:solid 1px transparent;
}

.cover {
  background-image: url('https://integrativedentalarts.com/wp-content/uploads/2022/08/Screen-Shot-2022-08-12-at-11.48.06-AM-1.png');
    background-repeat: no-repeat;
    background-size: contain;
    color:#739c9a;
;

   
}
.cover h1 {
  font-size:min(2.8em , 5.6vmin);
  padding-bottom:45%;
  line-height:1;
  text-shadow:1px -2px 2px rgba(20,0,0,.5);
}
.book-spine { 
  text-align:center;
  background:#739c9a;
  padding:1vmin;
  font-size:2vmin;
  transform:rotateZ(90deg) rotateX(-84deg);
  transform-origin:left top;
  width:65vmin;
  color:white;
  outline:solid 1px transparent;
}/* End custom CSS */