/*---------------------------------------------------------------------------------
 Theme Name:   NAILBAR
 Theme URI:    https://webidemic.pl
 Description:  Strona Salonu Manicure
 Author:       webidemic.pl
 Author URI:   https://www.webidemic.pl
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------------------------ ADDITIONAL CSS HERE ------------------------------*/


/* Pasek scroll */
  /* Firefox */
  * {
    scrollbar-width: none;
    scrollbar-color: #f5009b #da9ad5;
  }

  /* Chrome, Edge, Safari */
  *::-webkit-scrollbar {
    width: 11px;
  }

  *::-webkit-scrollbar-track {
    background: #da9ad5;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #f5009b;
    border-radius: 10px;
    border: 2px none #ffffff;
  }
/* usuwa dolara na początku ceny w module cennika */ 
.nailpricelist .dipl_price_list_item_currency {
	display: none!important;
}
/* Kolorystyka latepoint dla panelu klienta */ 
.latepoint-login-form-w h4 {
    color: #ff4a9e;
}
.latepoint-btn {
    background-color: #ff4a9e; 
}
.latepoint-btn:hover, .latepoint-btn:focus {
    background-color: #ff9ec9;
}
.latepoint-w .os-form-group.os-form-select-group .os-form-control, .latepoint-w .os-form-group.os-form-select-group input.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control, .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control {
    border: 1px solid #ff4a9e !important;
}
.customer-dashboard-tabs a.active {
    color: #ff4a9e;
}
.customer-dashboard-tabs a:after {
    background-color: #ff4a9e;
}
.customer-bookings-tiles h6.customer-booking-service-name {
    color: #ff4a9e;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span {
    border-bottom: 1px solid #ff4a9e;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link i {
    color: #ff4a9e;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline {
    background-color: transparent;
    color: #ff4a9e !important;
    border: 1px solid #ff4a9e !important;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline i {
    color: #ff4a9e;
}
.customer-bookings-tiles .new-booking-tile {
    border: 2px dotted #ff4a9e;
    color: #ff4a9e;
}
.customer-bookings-tiles .new-booking-tile:hover {
    border-color: #ff4a9e;
}
.latepoint-book-button {
    display: inline-block;
    background-color: #ff4a9e;
}
.latepoint-book-button:focus, .latepoint-book-button:hover {
    box-shadow: none;
    background-color: #ff9ec9;
}
.latepoint-chat-box-w .lc-contents .lc-conversations .lc-conversation.lc-selected {
    background-color: #ff4a9e;
}
.latepoint-btn.latepoint-btn-primary {
    background-color: #ff4a9e;
}
.latepoint-chat-box-w .booking-messages-list .os-booking-message-w.os-bm-agent .os-booking-message, .latepoint-chat-box-w .booking-messages-list .os-booking-message-w.os-bm-admin .os-booking-message {
    background-color: #ff4a9e;
}
/* Kolorystyka latepoint dla rezerwacji */ 
.latepoint-w .latepoint-booking-form-element h1, .latepoint-w .latepoint-booking-form-element h2, .latepoint-w .latepoint-booking-form-element h3, .latepoint-w .latepoint-booking-form-element h4, .latepoint-w .latepoint-booking-form-element h5 { color : #ff4a9e!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5:before {background-color: #ff4a9e!important;}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li.active a {color: #ff4a9e!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li a:before { background-color: #ff4a9e!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {color: #ff4a9e!important; }
.latepoint-btn.latepoint-btn-primary.latepoint-next-btn { background-color: #ff4a9e!important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-contact-logged-in-header-w div:before {
    background-color: #ff4a9e;
}

.latepoint-w .latepoint-booking-form-element .step-locations-w ul.os-locations li a:hover { border-color: #ff4a9e!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element .step-locations-w ul.os-locations li.selected a { border-color: #ff4a9e!important; background-color: #fcecfd!important; }

.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a:hover { border-color: #ff4a9e!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li.selected a { border-color: #ff4a9e!important; background-color: #fcecfd!important; }

.latepoint-w .latepoint-booking-form-element ul.os-agents li.selected a { box-shadow: 0px 0px 0px 2px #ff4a9e, 0 10px 32px 0 #fcecfd!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li a:hover { box-shadow: 0px 0px 0px 2px #ff4a9e, 0 10px 32px 0 #fcecfd!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li.selected a .agent-name { color: #ff4a9e!important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item>.os-item-i:hover {
    border-color: #ff4a9e!important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-summary-w .summary-header {
    color: #ff4a9e!important;
}
.os-monthly-calendar-days .os-day.selected .os-day-box { background-color: #ff4a9e!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li a:hover .agent-name { color: #ff4a9e!important; }
.dp-timeslot.selected .dp-label {background-color: #ff4a9e!important; }
.dp-timeslot.selected {background-color: #ff4a9e!important; }
.os-weekdays .weekday { color: #ff4a9e; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-progress ul li.active .progress-item, .latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-progress ul li.complete .progress-item {
    background-color: #ff4a9e;
}
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item.selected>.os-item-i {
    border-color: #ff4a9e;
}
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item.with-plus:after, .latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-services-w .os-service-durations .os-item .os-duration-value {
    color: #ff4a9e;
}
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
    color: #ff4a9e;
}
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-btn.latepoint-btn-primary, .latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-form-w .select-total-attendies-w .total-attendies-selector-w .total-attendies-selector:hover, .latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
    background-color: #ff4a9e;
}

/*koniec dla latepoint*/


.et-db #et-boc .et-l .mobile_menu_bar {top: 2px;}

/*Zmienia menu hamburgera do X*/

.et-db #et-boc .et-l .mobile_nav.opened .mobile_menu_bar::before { content: '\4d';}


/*Usuwa linię poziomą po otwarciu menu*/

.et-db #et-boc .et-l .et_mobile_menu {border-top: none;}

/*Ukrywa pozycje w submenu w widoku mobilnym*/
.et-db #et-boc .et-l .et_mobile_menu li ul.hide {
	display: none !important;
}
/*Wyrównanie pozycji rodzica*/
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children {
	position: relative;
}
/*Wyrównanie pozycji rodzica mobilnie*/
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
	background: transparent;
}
/*Pozycja i stylizacja submenu*/
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a + span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-weight: bold;
	cursor: pointer;
}
/*Ikona dla zamknięcia*/
.et-db #et-boc .et-l span.menu-closed:before {
	content: "\33";
	display: block;
	color: #ff4a9e;
	font-size: 18px;
	font-family: ETmodules;
}
/*Ikona dla otwarcia*/
.et-db #et-boc .et-l span.menu-closed.menu-open:before {
	content: "\4d";
	color: #ff4a9e!important;
}
/*Dostosowanie lini*/
.et-db #et-boc .et-l .et_mobile_menu li:not(:last-child) a {
 
}
/*Usuwa linie w ostatniej linii*/

/*Stylistyka submenu*/
ul.sub-menu{border:none !important;
border-radius:10px;
-webkit-box-shadow: 0 0 2px 0px rgba(0,0,0,0.25);
box-shadow: 0 0 2px 0px rgba(0,0,0,0.25);}

ul.sub-menu:after{border-color: #906c5f;
border-style: dashed;
border-width: 1px;
content: "";
display: block;
height: auto;
pointer-events: none;
position: absolute;
bottom: 5px;
left: 5px;
right: 5px;border-radius:15px;
top: 5px;
width: auto;}

ul.sub-menu li{display: block;
padding: 0px 15px;
position: relative;
width: 100%;}

ul.sub-menu li a{padding: 15px 8px 15px !important;border-style: dashed;
border-width: 0 0 1px;opacity:1;background:transparent !important;
position: relative;color: #2b2b2b !important;font-size: 15px !important;
display: block;-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;opacity:1;
transition: all 0.3s linear;}



ul.sub-menu li a:hover:before{width: 75%;}
ul.sub-menu li a:hover:after{opacity: 1;
filter: alpha(opacity=100);
visibility: visible;}
ul.sub-menu li a:after{border-width: 1px;
border-style: solid;border-radius: 10px;
border-color: transparent;
content: "" !important;
display: inline-block;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
left: 0;
top: 0;
visibility: hidden;
width: 100%;
-webkit-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}

ul.sub-menu li:last-child a{border:none;margin-bottom: 0;}

.nav li li ul,
.nav li li ul{top:-10px;left:100%;}

/* checkbox kontakt*/
.et_pb_contact_field_3.et_pb_contact_field .input[type="checkbox"]+label i {
  background-color: #EDF000;
}

.et_pb_contact_field_3.et_pb_contact_field .input[type="checkbox"]:checked+label i {
  background-color: #7cda24;
}
/*styl usług*/

.service-card-2:hover .et_pb_blurb h4{
	color:#fff !important
}
.service-card-2:hover .et_pb_blurb strong{
	color:#fff !important
}
.service-card-2:hover .et_pb_blurb_description{
	color:#fff !important
}
.service-card-2:hover .et_pb_main_blurb_image{
	background:#fff;
    width:50px;
    padding:10px;
    border-radius:5px;
    box-shadow:0px 2px 10px rgba(0,0,0,0.36);
}