/*
    Created on : 05/20/2022
    Author     : Carlos Alberto Sánchez
*/

@font-face {
    font-display: fallback;
    font-family: "OracleSansVF";
    src: url("fonts/oraclesansvf.woff2") format("woff2");
    font-weight: 275 800;
    font-style: normal
}

.demo-mypanel {
    width: 100%;
    min-height: 29rem;
    padding: 2rem;
    position: relative;
  }

  .demo-mypanel oj-button{
    position: absolute;
    bottom: 25px;
  }

.rw-strip-ocean::before{
    content: '';
    position: absolute;
    top: 0;
    height: 12px;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 0;
    background-image: url(images/rw-strip-ocean.gif);
    background-repeat: repeat-x;
    background-size: auto 100%;
}

.rw-strip-pine::before{
    content: '';
    position: absolute;
    top: 0;
    height: 12px;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 0;
    background-image: url(images/rw-strip-pine.gif);
    background-repeat: repeat-x;
    background-size: auto 100%;
}

.rw-strip-rose::before{
    content: '';
    position: absolute;
    top: 0;
    height: 12px;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 0;
    background-image: url(images/rw-strip-rose.gif);
    background-repeat: repeat-x;
    background-size: auto 100%;
}

.oj-web-applayout-page::before{
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url(images/rw-pattern4.png) !important;
    background-size: 500px 500px;
    filter: opacity(0.8);
    background-color: #F1EFED;
    mix-blend-mode: overlay;
    z-index: -100000 !important;
  }

  .filmstrip-item {
    box-sizing: border-box;
    width: 95%;
    min-height: 13rem;
    overflow: hidden;
    font-family: "OracleSansVF";
    color: black !important;
    font-weight: normal !important;
    background: rgba(255,255,255,0.7);
  }

  .filmstrip-item p{
    font-size: 18px;
  }
  
  .filmstrip-container {
    position: relative;
  }
  
  .overlaid-paging-control {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .oj-pagingcontrol-nav{
      padding: 0px !important;
  }

  .oj-web-applayout-header {
    border-bottom: 0px;
}

.titleAlignment{
  text-align: center;
}

/*medium screen*/
@media print, screen and (min-width: 768px) {
  .titleAlignment{
      text-align: left;
  }
}
/*large screen*/  
@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .titleAlignment{
      text-align: left;
  }
}
/*x-large screen*/
@media screen and (min-width: 1281px) {
  .titleAlignment{
      text-align: left;
  }
}

[slot='secondary'] p:last-child {
  margin-bottom: 0px !important;
}