body {font-family: Arial, Helvetica, sans-serif ; font-size: 15px ; background-color: #fff ; background-image: url(https://www.rojekdental.pl/wp-content/uploads/2015/10/bg.jpg) ;background-position: fixed; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .header-first-line {background-color:; } body, p, .widget li .news-date { color: #5c5f54 ;}  .my-slider .flex-direction-nav {visibility: visible;display: block;}  a {color: #288ccb;}  h1, h2, h3, h4, h5, h6, .my-slider .slide-content, .my-slider .slide-content a, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {color: #288ccb;} 
				.navbar-toggle {border:1px solid ; background-color: ; } 
				.navbar-toggle:hover, .navbar-toggle:focus {border:1px solid #288ccb; background-color: #288ccb ; } 
				.navbar-toggle .icon-bar {background-color: #288ccb; } 
		 #header-navigation a { color: #191919;}  
		#header-navigation a:hover, #header-navigation .current-menu-item, 
		.dropdown .active, .dropdown .active .open, 
		.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
		.dropdown-menu li a:hover 
		{color:#ffffff; background: #288ccb ; }
		.dropdown-menu li {float:none !important;}
		 .menu-text {color: #ffffff;}
.my-slider .slides li {background-size: 100% auto !important;background-repeat: no-repeat;height: auto !important;}
.my-slider {height: auto !important;}
.header-first-line {position: relative;}
#osc_servicebox_0 span.iconcircle {color: #21759B !important;}
#osc_servicebox_1 span.iconcircle {color: #21759B !important;}
#oscitas-slider-1 .carousel-caption .ebs-caption {display:none !important;}

/* ============ MOBILE NAV FIX (rojekdental.pl) ============ */
@media (max-width: 767px) {

  /* Sam nav */
  #header-navigation{
    position: relative;
    width: 100%;
    z-index: 1000;
  }

  /* Header navbara */
  #header-navigation .navbar-header{
    width: 100%;
    display: block; /* nie ruszamy układu toggle */
  }

  /* NIE DOTYKAMY hamburgera / toggle / icon-bar (zostaje jak w temacie/bootstrapie) */
  /* Celowo brak stylowania: .navbar-toggle, .icon-bar */

  /* Panel menu (collapse) — 100vw, żeby nie był ucięty przez col-xs-6 */
  #header-navigation .navbar-collapse{
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;

    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 16px;
    box-shadow: 0 10px 26px rgba(0,0,0,.14);

    padding: 6px 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 110px);
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
  }

  /* Bootstrap 3: po rozwinięciu ma klasę .in */
  #header-navigation .navbar-collapse.in{
    display: block !important;
  }

  /* Lista menu pionowo */
  #header-navigation .navbar-nav{
    float: none;
    margin: 0;
    padding: 0;
  }

  #header-navigation .navbar-nav > li{
    float: none;
    display: block;
  }

  #header-navigation .navbar-nav > li > a{
    display: block;
    padding: 14px 16px;
    font-size: 16px;
    line-height: 1.2;
    color: #111;
    border-bottom: 1px solid rgba(0,0,0,.07);
  }

  #header-navigation .navbar-nav > li:last-child > a{
    border-bottom: 0;
  }

  /* Aktywna pozycja */
  #header-navigation .navbar-nav > li.active > a,
  #header-navigation .navbar-nav > li.current-menu-item > a{
    background: rgba(0,0,0,.05);
    font-weight: 600;
  }

  /* Dropdown: na mobile jako sekcja w flow (bez hover-popup) */
  #header-navigation .dropdown-menu{
    position: static;
    float: none;
    min-width: 0;

    margin: 0;
    padding: 0 0 6px 0;

    border: 0;
    box-shadow: none;
    background: transparent;
  }

  /* Bootstrap 3: otwarty dropdown ma .open */
  #header-navigation .open > .dropdown-menu{
    display: block !important;
  }

  #header-navigation .dropdown-menu > li > a{
    padding: 12px 24px; /* wcięcie submenu */
    font-size: 15px;
    border-bottom: 1px solid rgba(0,0,0,.06);
    color: #111;
    background: rgba(0,0,0,.02);
  }

  #header-navigation .dropdown-menu > li:last-child > a{
    border-bottom: 0;
  }

  /* Linki z caret: caret po prawej, łatwiej tapnąć */
  #header-navigation .dropdown > a.dropdown-toggle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  #header-navigation .dropdown > a.dropdown-toggle .caret{
    margin-left: auto;
  }

  /* Touch */
  #header-navigation a{
    -webkit-tap-highlight-color: transparent;
  }
}
/* ============ /MOBILE NAV FIX ============ */