/* 
    Digipage V3 CSS template
*/

/* background image - can either be images/bg.png or images/bg-black.png */
body,#viewport {
    background-color:#101010;
 	font-family: 'FranchiseFree-Bold';
  color:#fff;
}
#digiMenuBar, .digiMenuBar-Browser {
    background-color: rgb(103, 3, 41)! important;
  color:#fff;
  font-weight:bold;
}
#digiMenuBar-openInBrowser
{
  display:none;
  opacity:0;
  visibility:hidden;
}
#digiMenuBarLeftLogo {
    content: url("_content/harlequins-logo-small2.png");
    width: 20;
    height: 30;
}
.arrowLeft, .arrowRight, #arrowLeftBG, #arrowRightBG{
 cursor:pointer; 
}

#digiGallery, #digiVideo{
  background-color: rgba(0,0,0,0.8);
}

.contentLink {
background-color: #000;
}

.pages
{
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
}
@-webkit-keyframes pulse {
  50%, 65%, 80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  58%, 73% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  50%,70%,80%{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  62%, 92% {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.overlay
{
  background-color:rgba(0,0,0,0.85);
  width:100%;
  height:100%;
  z-index:2000000;
position: absolute;
}
.overlayImage
{
  position:absolute;
  left:0;
  top:0;
margin: auto;
  right:0;
  bottom:0;
}
.closeButtonOverlay
{
  pointer-event:auto;
  cursor:pointer;
  position:absolute;
  width:60px;
}

.noclick,.hidden
{
  ms-pointer-events: none !important;
  -ms-touch-action: none;
}

.unscaledobject
{
  	
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
  -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
    transition: all 1s;
    -ms-transform-origin: 50% 0%;  /* Chrome, Safari, Opera */
    -webkit-transform-origin: 50% 0%; 
    transform-origin: 50% 0%;
}
.scaleditem
{
  	
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
  -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
    transition: all 1s;
    -ms-transform-origin: 50% 0%;  /* Chrome, Safari, Opera */
    -webkit-transform-origin: 50% 0%; 
    transform-origin: 50% 0%;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px);
    -ms-transform: translateY(-400px);
    transform: translateY(-400px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
  -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;
}

.quinsLoader {
    position: absolute;
    display: block;
    animation: quinsLoaderflip 1.2s infinite ease-in-out;
  -webkit-animation: quinsLoaderflip 1.2s infinite ease-in-out;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
  width:45px;
  height:45px;
  -webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s;
  pointer-events:none;
}

.quinsLoaderfront, .quinsLoaderback {
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    display: block;
    background-color: #c61f56;
    height: 100%;
    width: 100%;
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}
.quinsLoaderflipper
{
  position:absolute;
  width:45px;
  height:45px;
}
.quinsLoaderback {
    background-color: #fff;
    z-index: 800;
    transform: rotateY(-180deg);
}
@-webkit-keyframes quinsLoaderflip {
  
  0% {
   -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
   transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  
  50% {
   -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  	transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  
  100% { 
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }

}
@keyframes quinsLoaderflip {
  
  0% {
   -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
   transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  
  50% {
   -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  	transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  
  100% { 
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }

}

.pulse {
  -webkit-animation: pulse linear 4s infinite;
  animation: pulse linear 4s infinite;
    pointer-events:auto !important;
}
.page
{
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
}
html[data-platform='iPhone'] div.dynamicPageLeft,html[data-platform='iPhone']  div.dynamicPageRight, html[data-platform='iPhone'] div.pageLeft, html[data-platform='iPhone'] div.pageRight, html[data-platform='iPad'] div.dynamicPageLeft, html[data-platform='iPad'] div.dynamicPageRight,  html[data-platform='iPad'] div.pageLeft, html[data-platform='iPad'] div.pageRight {
  visibility: hidden !important;
  opacity: 0 !important;
}