/* Learner Child Responsive - Phase 2 */
/* =BASE (desktop-safe: no global box-sizing reset - parent uses content-box) = */
body { overflow-x: hidden; -webkit-text-size-adjust: 100%; }
.speed-nav-toggle, .speed-nav-toggle *, .sub-toggle,
.page-id-17 #main-fullwidth table[style], .page-id-17 #main-fullwidth td[style] { box-sizing: border-box; }
#container { width: 960px; max-width: 100%; margin: 0 auto; }
img { max-width: 100%; height: auto; }
iframe, embed, object, video { max-width: 100%; }
.post, .page, .post-single { overflow-wrap: break-word; word-wrap: break-word; }

/* =HEADER LOGOS: desktop untouched (parent floats = pixel-identical). Mobile shrinks in one row. = */

/* =SLIDER: untouched on desktop (parent 930x300), fluid only <=900px = */

/* =HAMBURGER (hidden on desktop) = */
.speed-nav-toggle { display: none; }
.sub-toggle { display: none; }

/* =TABLET / SMALL DESKTOP <=1020px = */
@media (max-width: 1020px) {
  #container { width: auto; margin: 0 10px; }
  .menu-secondary-container { margin: 0; padding: 0 0 10px 0; }
  #content { width: 65%; }
  #sidebar-primary { width: 32%; margin-left: 3%; }
  .footer-widget-box { width: 31%; margin-left: 2%; }
  .footer-widget-box:first-child { margin-left: 0; }
}

/* =TABLET PORTRAIT <=900px : stack + hamburger = */
@media (max-width: 900px) {
  #header { height: auto; padding: 15px 0; background-size: cover; }
  .logo, .header-right { float: none; margin: 0; text-align: center; }
  #top-social-profiles { text-align: center; }

  #content, #sidebar-primary { float: none; width: auto; margin: 0; }
  #sidebar-primary { margin-top: 20px; }



  /* slider fluid */
  .fp-slides, .fp-thumbnail, .fp-prev-next, .fp-nav { width: 100% !important; max-width: 930px; }
  .fp-slides, .fp-thumbnail { height: auto !important; min-height: 140px; }
  .fp-slides img { width: 100% !important; height: auto !important; display: block; }
  .fp-content { max-width: 100%; }
  .fp-prev-next { bottom: 38%; }
  #main, #main-fullwidth { padding: 12px; }
  #footer-widgets { padding: 20px 15px 5px 15px; }
  .footer-widget-box, .footer-widget-box:first-child { float: none; width: auto; margin: 0 0 15px 0; }

  .fp-content p { display: none; }
  .fp-title { font-size: 16px; }

  /* hamburger bar */
  .speed-nav-toggle {
    display: block; width: 100%; min-height: 48px; border: 0; cursor: pointer;
    background: #244D8E; color: #fff; font-size: 16px; font-weight: bold;
    text-transform: uppercase; letter-spacing: .5px; padding: 12px 15px; text-align: left;
  }
  .speed-nav-toggle .icon { margin-right: 10px; }
  .speed-nav-toggle:focus { outline: 2px solid #fff; outline-offset: -4px; }

  .menu-secondary-container, .menu-primary-container {
    display: none; height: auto; margin: 0; padding: 0; float: none; background: #2D5594;
  }
  .menu-secondary-container.nav-open, .menu-primary-container.nav-open { display: block; }
  .menu-secondary ul, .menu-primary ul { min-width: 0; }
  .menu-secondary li, .menu-primary li { float: none; display: block; position: relative; }
  .menu-secondary li a, .menu-primary li a {
    display: block; float: none; margin: 0; padding: 14px 55px 14px 15px;
    font-size: 14px; border-top: 1px solid rgba(255,255,255,.15); background: #2D5594;
    min-height: 44px;
  }
  .menu-secondary li li a, .menu-primary li li a { background: #D52B2C; padding-left: 25px; }
  .menu-secondary li li li a, .menu-primary li li li a { background: #BF1D1F; padding-left: 35px; }
  .menu-secondary ul.sub-menu, .menu-secondary ul.children,
  .menu-primary ul.sub-menu, .menu-primary ul.children {
    display: none; position: static !important; visibility: visible !important;
    opacity: 1 !important; left: auto !important; top: auto !important;
    box-shadow: none !important; margin: 0;
  }
  .menu-secondary li.sub-open > ul, .menu-primary li.sub-open > ul { display: block; }
  .sub-toggle {
    display: block; position: absolute; right: 0; top: 0; width: 48px; height: 48px;
    border: 0; border-left: 1px solid rgba(255,255,255,.2); background: transparent;
    color: #fff; font-size: 20px; line-height: 1; cursor: pointer;
  }
  .sub-toggle:focus { outline: 2px solid #fff; outline-offset: -2px; }

  /* tables scroll */
  #content table, #main-fullwidth table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  pre { overflow-x: auto; white-space: pre-wrap; }
  input, textarea, select { max-width: 100%; }
}

/* =PHONE <=768px = */
@media (max-width: 768px) {
  body { font-size: 14px; line-height: 1.6; }
  /* keep floats but tighten tops on tablet */
  #main, #main-fullwidth { padding: 10px; }
  .title, .post-title { font-size: 22px; line-height: 1.25; }
  .fp-nav { padding: 8px 0; }
  .fp-prev-next { bottom: 38%; }
  #copyrights { padding: 15px 10px; }
}

/* =PHONES <=600px: shrink logos, keep floats in one row (desktop untouched above) = */
@media (max-width: 600px) {
  #container > a[href="https://speed.pub.ro/"] img {
    width: 110px !important; height: auto !important;
    padding-left: 5px !important; padding-top: 8px !important;
  }
  #container > a[href="https://etti.upb.ro/"] img {
    width: 115px !important; height: auto !important; padding-top: 8px !important;
  }
  #container > a[href="https://upb.ro/"] img {
    width: 45px !important; height: auto !important;
    padding-left: 5px !important; padding-right: 5px !important; padding-top: 8px !important;
  }
}

/* =SMALL PHONE <=480px = */
@media (max-width: 480px) {
  #container { margin: 0 6px; }
  /* logos inherit 600px shrink */
  .fp-slides, .fp-thumbnail { min-height: 110px; }
  .fp-content { padding: 8px 10px; }
  .fp-title { font-size: 14px; }
  .wp-pagenavi a, .wp-pagenavi span { padding: 8px 10px; margin: 3px; }
}

/* =CONTACT (page-id-17) : 2 maps side-by-side, full width = */
.page-id-17 #main-fullwidth table[style] {
  display: table !important; width: 100% !important; max-width: 100%;
  table-layout: fixed; border-collapse: collapse; border-spacing: 0;
}
.page-id-17 #main-fullwidth td[style] { width: 50% !important; vertical-align: top; }
.page-id-17 #main-fullwidth td[style]:first-child { padding-right: 8px; }
.page-id-17 #main-fullwidth td[style]:last-child { padding-left: 8px; }
.page-id-17 #main-fullwidth iframe[width] {
  width: 100% !important; max-width: none; height: 350px; display: block; border: 0;
}
@media (max-width: 700px) {
  .page-id-17 #main-fullwidth table[style],
  .page-id-17 #main-fullwidth tbody,
  .page-id-17 #main-fullwidth tr,
  .page-id-17 #main-fullwidth td[style] { display: block !important; width: 100% !important; }
  .page-id-17 #main-fullwidth td[style]:first-child,
  .page-id-17 #main-fullwidth td[style]:last-child { padding: 0 0 15px 0; }
  .page-id-17 #main-fullwidth iframe[width] { max-width: 100%; height: 300px; }
}