/*
 Theme Name:   ThemeWS - child theme
 Theme URI:    https://websyc.pl
 Description:  Motyw potomny do wszystkich stron spełniajacych standard WCAG.
 Author:       Waldemar Syc, WebSyc
 Author URI:   https://websyc.pl
 Template:     wstheme
 Version:      2.2.5
 Text Domain:  ThemeWSChild
*/
html:root{
  --color-primary: #002c53;
  --color-primary-rgb: 0, 44, 83;
  --color-secondary:  #0198f0;
  --color-secondary-rgb: 1, 152, 240;
  --color-accent: #ffaf00;
  --color-grey: #f4f6f9;
  --color-border: #eaecf2;

  --color-menu-primary: #004b8c;
  --color-menu-secondary: #ffaf00;
  --color-menu-text: #fff;
  --color-menu-border: #0198f0;

  /* --color-icons-menu-1: #002852;
  --color-icons-menu-2: #11a2db;
  --color-icons-menu-3: #e93c3c;
  --color-icons-menu-4: #6da519;
  --color-icons-menu-5: #ec9f04;
  --color-icons-menu-6: #6610f2;
  --color-icons-menu-hover: #ffffff; */

  /* --color-fixed-btn-1: #11a2db;
  --color-fixed-btn-2: #002852; */
}
/* Typography */
#template.home .h2::after, #template.home h2::after {
    background-color: var(--color-menu-border);
}
/* Header */
.main-header .main-header__boxes .main-header__box i{
  color: var(--color-menu-border);
}
.top-bar .top-bar__left-column span i {
  color: var(--color-menu-border);
}
/* Slider */
#template .slider {
  margin-top: -36px;
  max-width: 100%;
}
#metaslider-id-1311 .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a{
  display: block;
  width: 35px;
  height: 35px;
  font-size: 1.1rem;
  line-height: 1.8rem;
}
#template .slider .metaslider .flexslider .flex-progress-bar {
  background-color: var(--color-menu-border);
}
#template .slider .metaslider .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a:not(.flex-active){
  color: #fff;
}
#template .slider .metaslider .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a:not(.flex-active) {
  border-color: var(--color-menu-border);
}
#template .slider .metaslider .flexslider .flex-control-nav li a:not(.flex-active) {
  background: var(--color-primary);
}
#template .slider .metaslider .flexslider .flex-direction-nav li a{
  background: var(--color-primary);
  color: #fff;
}
#template .slider .metaslider .flexslider .flex-direction-nav li a:hover{
  background: var(--color-accent);
}
#template .slider .metaslider .flexslider .flex-direction-nav li a:before {
  background-color: #ffffff;
  mask-size: 20px auto;
}
#template .slider .metaslider .flexslider .flex-pauseplay .flex-pause, #template .slider .metaslider .flexslider .flex-pauseplay .flex-play {
  background-color: var(--color-primary);
  color: #fff;
  opacity: 1;
}
#template .slider .metaslider .flexslider .flex-pauseplay .flex-pause:hover::before, #template .slider .metaslider .flexslider .flex-pauseplay .flex-play:hover::before{
  color: var(--color-accent);
}
#template .slider .metaslider .flex-pauseplay .flex-play::before, #template .slider .metaslider .flex-pauseplay .flex-pause::before {
  margin-right: 10px;
  color: var(--color-secondary);
}
#template .slider .metaslider .flexslider .caption-wrap {
  background: transparent;
  opacity: 1;
}
#template .slider .metaslider .flexslider .caption-wrap .caption{
  background: var(--color-primary);
  padding: 1rem 2rem;
  color: #fff;
  opacity: 1;
  font-size: 1rem;
  font-weight: bold;
}
/* Slider contrast */
body.contrast#template .slider .metaslider .flexslider ol{
  background: transparent!important;
}
body.contrast#template .slider .metaslider .flexslider .caption-wrap .caption{
  background: #000;
  color: #ff0;
}
#template .hero-v1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/* Important posts */
#template .important-posts{
  background: var(--color-primary);
}
#template .important-posts .wazne-info-label{
  background: var(--color-accent);
}
/* Menu */
@media (max-width:768px) {
  #template #nav-top{
    padding-top: 8px;
  }
  #template .important-posts {
    padding-bottom: 8px;
  }
}
#template .navbar-nav{
  align-items: center;
}
/* #template .navbar-nav>li{
  flex: 1 1 0;
} */
#template .navbar-nav>li>a{
  white-space: normal;
}
#template .navbar-nav>li>a:hover{
  color: var(--color-accent);
}
#template .navbar-nav>li>a i {
  color: var(--color-menu-border);
  font-size: 1.8rem;
  margin-right: 13px;
}
#template #main-nav .dropdown > .dropdown-menu{
  background: #fff;
  border-radius: 0!important;
}
#template #main-nav .dropdown-menu .menu-item{
  width: 300px;
}
#template #main-nav .dropdown:focus-within>.dropdown-menu, #template #main-nav .dropdown:hover>.dropdown-menu {
  top: 105%;
}
#template #main-nav .navbar-nav .dropdown-item{
  color: #000;
  border-bottom: 1px solid var(--color-border);
  border-radius: 0!important;
  white-space: break-spaces;
}
#template #main-nav .dropdown .dropdown-item:focus, #template .dropdown .dropdown-item:hover {
  color: #000;
}
#template #main-nav .dropdown.nav-item>.dropdown-menu:before {
  border-bottom: .7rem solid var(--color-primary);
  border-left: .525rem solid transparent;
  border-right: .525rem solid transparent;
}
.search-form-toggle .search-toggle-btn {
  color: var(--color-accent);
}
.search-form-toggle .search-toggle-btn:hover{
  color: var(--color-secondary);
}
#template #main-nav .nav-dropdown-v1 .dropdown-item.active, #template .nav-dropdown-v1 .dropdown-item:active {
  color: #000;
}
#template #main-nav .dropdown.nav-item>.dropdown-menu:before {
  display: none!important;
}
#template #main-nav .nav-dropdown-v1 .dropdown-item:focus, #template #main-nav .nav-dropdown-v1 .dropdown-item:hover{
  border-left-color: var(--color-menu-border);
}
/* Single page */
#template .single-header{
  margin-top: -36px;
}
/* Sidebar */
#template .widget-box iframe{
  width: 100%;
}
#template .widget-box .wp-block-image{
  margin: 0;
}
#block-47 ul{
  list-style: none;
}
#sidebar #block-47 p:empty{
  display: none!important;
}