/*
 Theme Name:   Skilled Child Theme
 Theme URI:    http://example.com/wheels/
 Description:  Skilled Child Theme
 Author:       Aislin
 Author URI:   http://example.com
 Template:     skilled
 Version:      1.0.0
 Tags:
 Text Domain:
*/

@import url("../skilled/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
.sf-menu.wh-menu-main a {

    font-size: 14px;
  
  
}

.wh-sticky-header .sf-menu.wh-menu-main a {

    font-size: 12px;
    padding: 3px 7px;
  
}


.wh-sticky-header .logo-sticky img {
   max-height: 80px
}


.wh-sticky-header .cbp-container{
   display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.Circles{

   width: 100%;

}

.Circles__item{

   border-radius: 100px;
   width: 100%;
   padding: 10px;
   background: rgb(195,0,249);
   border: 5px solid rgb(190,97,221);
   margin-bottom: 10px;
}
.Circles__item h5{
   font-size: 14px;
   font-weight: bold;
   color: white;
   text-align: center;
   margin-top: 2px;
}
.Circles__item span {
   color: white;
   font-size: 30px;
   display: flex;
  justify-content: center;
  align-items: center;
}

.Circles__item:hover{

  background: white;
}

.Circles__item:hover span, .Circles__item:hover h5{

  color: rgb(195,0,249);;
}


/* Menu korekty*/
.sf-menu ul { z-index:1000; }
.menu-item-14481, .menu-item-14481 a { color: #f45656 !important; }
.menu-item-13913 > .sub-menu {
  width: 600px;
  box-sizing: border-box;
}
.menu-item-13913 > .sub-menu > li {
  white-space: normal;
  word-break: normal;
  clear: initial;
  float: left;
  width: 50%;
}



.a-polityka-prywatnosci {
display:inline-block;
width:auto;
color:#e5e5e5;
text-decoration:underline;
margin:5px 0 0 0;
}
.a-polityka-prywatnosci:hover{ color: #e5e5e5; }
.header-miasto-ikona:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f041";
  width: auto;
  height: auto;
  margin: 0 10px 0 0;
}
.przycisk-content {
  background: rgb(195,0,249);
  color: #fff;
  padding: 8px 12px;
  display: inline-block;
}
.przycisk-content:hover, .przycisk-content:active, .przycisk-content:focus {
  color: #fff;
  text-decoration: none;
}
#popup { display:none; position: fixed; margin:0 auto; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99999; max-width: 100%; box-sizing: border-box; }
#popup img { max-width: 100%; max-height: 75vh; }
#popup button { color: #fe4642; font-family: 'Raleway', sans-serif !important; background: #F4F4F4; border: 2px solid #fe4642; height: 25px; width: 27px; font-weight: bold; line-height: 23px; font-size: 20px; text-align: center; padding: 0; margin: 0; position: absolute; top: 10px; right: 10px; transition: all 0.15s; }
#popup button:hover, #popup button:active { border-color: #111; color: #111; }
@media only screen and (max-width:767px){ #popup { width: 95%; } }
.menu-item-15991, .menu-item-15991 a { color: #f45656 !important; }