/**/
/* MEDIA QUERY -------------------------------------------------------------- */
/**/

/*
  Used by Bootstrap, first
  X-Small devices (portrait phones, less than 576px)
  No media query for `xs` since this is the default in Bootstrap
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .views-exposed-form #mobileFilter:not(.show) {
    display: block;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #block-venipedia-d8-sestantecercavicinoame {
    display: none;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  #footer-info,
  #footer-acquisto,
  #footer-social {
    margin-top: 3.5rem;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

  .block-entity-fieldnodefield-image-media img,
  .photoswipe-gallery .col img,
  .block-entity-fieldnodefield-image img,
  .elenco-playlist .views-field-rendered-entity img {
    width: 100%;
  }

  #vnp-paywall-cta-access-link {
    width: 100%;
  }

  #vnp-paywall-cta-box {
    width: 100%;
  }

  #vnp-paywall-cta-box-limited-offer {
    width: 50%;
  }

  #vnp-paywall-cta-benefits {
    width: 100%;
  }

  #vnp-paywall-cta-disclaimer {
    width: 100%;
  }

  #vnp-paywall-cta-box-7days {
    width: 100%;
  }

  #vnp-paywall-cta-openaccess-7days {
    width: 100%;
  }

  #vnp-paywall-cta-bottom {
    width: 100%;
  }

  #content-opener .vnp-proximity-system .mapboxgl-map {
    height: 80vh !important;
  }

  /* Bootstrap Override */
  .search-results .col-3 {
    width: 13% !important;
  }

  .search-results .col-9 {
    width: 87% !important;
  }
}

/*
  Used by Bootstrap, occasionally
*/
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  #block-venipedia-d8-page-title h1.title {
    font-size: 2rem !important;
  }

  .node__content .field--name-body,
  .node__content .field--name-body p,
  #main-wrapper .node__content .field--name-body ul li,
  #main-wrapper .node__content .field--name-body ul ol,
  .node__content .field--name-body span,
  .node__content .field--name-field-serie,
  .node__content .field--name-field-questo-contenuto-appartien,
  .node__content .field--name-field-questo-contenuto-appartien p,
  .node__content .field--type-text-with-summary,
  .node__content .field--type-text-with-summary p,
  .node__content .field--type-text-with-summary ul li,
  .node__content .field--type-text-with-summary ol li,
  .node__content .paragraph,
  .node__content .paragraph p,
  .node__content .paragraph ul li,
  .node__content .paragraph ol li {
    font-size: 1.1rem;
    font-weight: 400;
  }

  .section-tc-header .col {
    flex: 1 0 100%;
  }

  .section-tc-header .col .d-flex.justify-content-end {
    justify-content: flex-start !important;
    margin-bottom: 0.5rem;
  }

  #home-form-container .d-flex {
    padding-left: 1rem;
  }

  .views-home-copertina .view-header {
    top: 23%;
  }

  #views-bootstrap-content-guarda-cartoline-section-random .views-field {
    background: #f9f9f9;
    padding: 0.5rem 0 0 0;
  }

  .views-exposed-form #mobileFilter:not(.show) {
    display: none;
  }

  #views-exposed-form-content-esplora-mappa-context .js-form-item,
  #views-exposed-form-content-esplora-main-map .js-form-item-combine,
  #views-exposed-form-content-esplora-main-map .js-form-item-type-1 {
    width: 100%;
  }

  .venipedia-social-node-share-buttons .social-text-name {
    display: none;
  }

  #block-venipedia-d8-contenutodellapaginaprincipale #openseadragon {
    height: 380px !important;
  }

  #home-form-container .input-group input,
  #home-form-container .input-group button {
    font-size: 1.2rem;
  }

  #home-search-and-sestante-navigator-button button {
    font-size: 1rem;
    font-weight: bold;
    padding: 0.9rem 1.1rem;
  }

  #node-content-field-mappa,
  .venipedia-sestante-aside-box {
    border-radius: 6px;
  }

  .venipedia-sestante-aside-box {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
    padding: 18px;
    margin-bottom: 30px;
  }

  .sidebar.sidebar_second .block {
    border: none;
    border-color: unset;
    background: var(--grey-245);
    border-radius: 6px;
  }

  /* Bootstrap Override */
  .search-results .col-3 {
    width: 30% !important;
  }

  .search-results .col-9 {
    width: 70% !important;
  }
  div#openseadragon {
    height: 400px!important;
  }
  body.node--type-visiva div#openseadragon.fullpage {
    height: 100%!important;
  }
}

/* Small devices (landscape phones, less than 768px)  */
@media (max-width: 767.98px) {

  #navbar-venipedia-user .navbar-collapse,
  #navbar-venipedia-user .navbar-brand {
    flex: 1 1 auto !important;
  }

  .px-sm-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  #footer-info {
    border-top: 1px solid rgb(150, 150, 150);
    padding-top: 1rem;
  }

  #footer-info,
  #footer-acquisto {
    border-bottom: 1px solid rgb(150, 150, 150);
    margin-bottom: 1rem;
  }

  .node__content #vnp-paywall-cta-access-link,
  .node__content #vnp-paywall-cta-box,
  .node__content #vnp-paywall-cta-box-7days,
  .node__content #vnp-paywall-cta-benefits,
  .node__content #vnp-paywall-cta-disclaimer,
  .node__content #vnp-paywall-cta-openaccess-7days,
  .node__content #vnp-paywall-cta-bottom {
    width: 100%!important;
    font-size: 1rem;
  }

  .node__content .field--type-entity-reference img {
    max-width: 100%;
    height: auto;
  }

    .video-text-overlay {
      font-size: 1rem!important;
      width: 100%!important;
      line-height: 110%!important;
    }

    .video-text-overlay>button {
      font-size: inherit!important;
    }
}

/* Medium devices (tablets, less than 992px)  */
@media (max-width: 991.98px) {
  .views-home-copertina .view-header {
    top: 18%;
  }

  .views-home-copertina #home-copertina-descrizione-titolo h3,
  .views-home-copertina .view-header #home-search-and-sestante-or-label {
    font-size: 1rem;
  }

  #views-exposed-form-search-api-venipediasearch .form-type-textfield {
    width: 70%;
  }

  #breadcrumb-container .sestante-navigator-button {
    width: 100%;
  }

  #views-exposed-form-content-esplora-mappa-context .js-form-item {
    width: 47%;
  }
}

/* Large devices (desktops, less than 1200px)  */
@media (max-width: 1199.98px) {
  .views-home-copertina .view-header {
    top: 15%;
  }
}

/* X-Large devices (large desktops, less than 1400px)  */
@media (max-width: 1399.98px) {}

/* XX-Large devices (larger desktops) */
/* No media query since the xxl breakpoint has no upper bound on its width  */