@font-face {
  font-family: Faktum;
  src: url(/app/plugins/cmnn-visualizador/src/assets/fonts/faktum/Faktum-Medium.otf);
  font-weight: normal;
}

@font-face {
  font-family: FaktumBold;
  src: url(/app/plugins/cmnn-visualizador/src/assets/fonts/faktum/Faktum-Bold.otf);
  font-weight: bold;
}

@font-face {
  font-family: FaktumMedium;
  src: url(/app/plugins/cmnn-visualizador/src/assets/fonts/faktum/Faktum-Medium.otf);
  font-weight: medium;
}

@font-face {
  font-family: FaktumLight;
  src: url(/app/plugins/cmnn-visualizador/src/assets/fonts/faktum/Faktum-Light.otf);
  font-weight: lighter;
}

body {
  font-family: "Faktum";
  color: #13303e;
  overflow: hidden;
}

.full-width {
  width: 100%;
  padding: 0;
  margin: 0;
}

.pointer {
  cursor: pointer;
}

[hook-id="side-nav"] div.modal-backdrop.show,
.model-nav-wrapper div.modal-backdrop.show {
  opacity: 0;
  display: none;
}

#lateralnav.offcanvas {
  top: 82px;
}

a#lateralnav-open-button:focus-visible {
  outline: none;
}

svg.bi.bi-list {
  font-size: 28px !important;
  height: 35px;
  width: 35px;
  padding: 0;
  margin: 0;
}

div#app-wrap {
  height: 100%;
  width: 100%;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
}

.printer-hook {
  margin: 0;
  padding: 0;
}

.hidden {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

.no-pointer-events {
  pointer-events: none;
}

.no-child-pointer-events * {
  pointer-events: none;
}

.carousel-fill-height {
  height: 100%;
}

.modal-content {
  overflow-y: auto;
  overflow-x: hidden;
}

/* Responsive */
/**
  320px — 480px: Mobile devices
  481px — 768px: iPads, Tablets
  769px — 1024px: Small screens, laptops
  1025px — 1200px: Desktops, large screens
  1201px and more —  Extra large screens, TV
*/

.footer-wrapper {
  width: 100%;
  float: left;
}

.footer-wrapper .navbar {
  width: 100%;
  padding: 0px;
}

div#modelNav {
  position: fixed;
  z-index: 10;
}

/* Content generic start */

.content .section {
  padding: 0 60px;
}

.content .close-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 88;
  background-color: #13303e;
  height: 80px;
  width: 99px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.content p {
  font-family: "FaktumLight";
  margin-top: 30px;
  font-size: 21px;
}

.content p.featured-paragraph {
  font-size: 27px;
  font-family: "FaktumMedium";
}

.content p.presenter-text {
  font-size: 30px;
  font-family: "FaktumMedium";
}

.content p.no-margin-top {
  margin-top: 0;
}

.content .title {
  font-size: 50px;
}

.content b,
.intermission b {
  font-family: "FaktumBold";
}

.content .subtitle {
  margin-bottom: 20px;
}

.content .no-margins {
  padding: 0;
  margin: 0;
}

hr.content-separator {
  border-top: 1px solid #13303e;
  opacity: 1;
  margin: 60px 0;
}

hr.content-separator.smaller {
  margin: 30px 0;
}

hr.content-separator.invisible {
  opacity: 0;
}

.intermission .title,
.intermission .text,
.intermission .middle-text {
  text-align: center;
}

.intermission .text,
.intermission .middle-text {
  width: 80%;
  margin: 0 auto;
}

.intermission .text {
  font-size: 24px;
}

.middle-text {
  font-size: 37px;
  line-height: 36px;
}

.content .description-generic {
  font-family: "FaktumMedium";
  margin: 0;
  font-size: 21px;
}

.content .number-generic {
  font-size: 72px;
}

.content .mini-caps {
  font-family: "FaktumMedium";
  font-size: 19px;
  margin: 0;
  /* text-transform: uppercase; */
}

@media screen and (min-width: 992px) {
  .intermission .text,
  .intermission .middle-text {
    width: 50%;
  }
}

.intermission .title {
  font-family: "FaktumBold";
}

.intermission {
  padding: 0 20px;
}

._im_10px-margin-top {
  margin-top: 10px !important;
}

._20px-margin-top {
  margin-top: 20px;
}

._30px-margin-top {
  margin-top: 30px;
}

._40px-margin-top {
  margin-top: 40px;
}

._80px-margin-top {
  margin-top: 80px;
}

._40px-margin-bottom {
  margin-bottom: 40px;
}

._60px-padding-sides {
  padding-left: 60px;
  padding-right: 60px;
}

._20px-padding-right {
  padding-right: 20px;
}

/* Content generic end */

@media screen and (min-width: 320px) {
}

@media screen and (min-width: 480px) {
}

@media screen and (min-width: 768px) {
  #modelNav {
    margin-top: 113px;
  }
}

@media screen and (min-width: 992px) {
  #hamburger-button {
    display: none;
  }

  .footer-wrapper .navbar {
    padding: 20px 40px;
  }

  .footer-wrapper .footer-area {
    margin: 14px 0px;
  }

  /* img.logo {
    height: 60px;
  } */

  .footer-wrapper {
    height: 60px;
    /* background: red; */
    position: absolute;
    bottom: 0;
  }

  .desktop-nav-wrapper {
    height: calc(100% - 224px);
  }

  header.d-flex.flex-wrap.py-3.mb-4.border-bottom {
  }
}

@media screen and (min-width: 1024px) {
}

@media screen and (min-width: 1200px) {
}
@media (max-width: 992px) and (orientation:landscape){
  #lateralnav.offcanvas{
    top: 57px !important;
  }
}

@media (max-width: 576px){
  hr.content-separator{
    margin: 20px 0;
  }
  hr.content-separator.smaller {
    margin: 10px 0;
  }

  .content:last-child{
    padding-bottom: 60px;
  }

  .content .section{
    padding: 0 30px;
  }
}

.popup-rotatePhone{
  display: none;
}
@media (orientation:portrait){
  .popup-rotatePhone{
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(54, 54, 54, 0.48);
    z-index: 1000;
  }
  
  .popup-rotatePhone .popup-content{
    position: relative;
    background-color: white;
    width: 80%;
    padding: 50px 30px;
    text-align: center;
  }
  
  .popup-rotatePhone .close-button{
    position: absolute;
    top: 0;
    right: 0;
    height: 33px;
    width: 40px;
    padding: 8px;
    display: flex;
    background-color: #13303e;
    flex-direction: row;
    justify-content: center;
    cursor: pointer;
  }

  .popup-rotatePhone .close-button svg{
    width: 100%;
    height: 100%;
    vertical-align: baseline;
  }

  .popup-rotatePhone img{
    display: block;
    margin: 0 auto;
    width: 30%;
    margin-top: 30px;
  }
}