/*---------------------------------------------------------------------------------
 Theme Name:   ANIA
 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: #f0c8ca #fbefe2;
  }

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

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

  *::-webkit-scrollbar-thumb {
    background-color: #f0c8ca;
    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: #ce6267;
}
.latepoint-btn {
    background-color: #ce6267; 
}
.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 #ce6267 !important;
}
.customer-dashboard-tabs a.active {
    color: #ce6267;
}
.customer-dashboard-tabs a:after {
    background-color: #ce6267;
}
.customer-bookings-tiles h6.customer-booking-service-name {
    color: #ce6267;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span {
    border-bottom: 1px solid #ce6267;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link i {
    color: #ce6267;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline {
    background-color: transparent;
    color: #ce6267 !important;
    border: 1px solid #ce6267 !important;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline i {
    color: #ce6267;
}
.customer-bookings-tiles .new-booking-tile {
    border: 2px dotted #ce6267;
    color: #ce6267;
}
.customer-bookings-tiles .new-booking-tile:hover {
    border-color: #ce6267;
}
.latepoint-book-button {
    display: inline-block;
    background-color: #ce6267;
}
.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: #ce6267;
}
.latepoint-btn.latepoint-btn-primary {
    background-color: #ce6267;
}
.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: #ce6267;
}
/* 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 : #ce6267!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5:before {background-color: #ce6267!important;}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li.active a {color: #ce6267!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li a:before { background-color: #ce6267!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {color: #ce6267!important; }
.latepoint-btn.latepoint-btn-primary.latepoint-next-btn { background-color: #ce6267!important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-contact-logged-in-header-w div:before {
    background-color: #ce6267;
}

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

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

.latepoint-w .latepoint-booking-form-element ul.os-agents li.selected a { box-shadow: 0px 0px 0px 2px #ce6267, 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 #ce6267, 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: #ce6267!important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item>.os-item-i:hover {
    border-color: #ce6267!important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-summary-w .summary-header {
    color: #ce6267!important;
}
.os-monthly-calendar-days .os-day.selected .os-day-box { background-color: #ce6267!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li a:hover .agent-name { color: #ce6267!important; }
.dp-timeslot.selected .dp-label {background-color: #ce6267!important; }
.dp-timeslot.selected {background-color: #ce6267!important; }
.os-weekdays .weekday { color: #ce6267; }
.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: #ce6267;
}
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item.selected>.os-item-i {
    border-color: #ce6267;
}
.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: #ce6267;
}
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
    color: #ce6267;
}
.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: #ce6267;
}

/*koniec dla latepoint*/




/* 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);
}/*menu*/

/*Zmienia ikone hamburgera na X*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*Dostosowanie*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*pozycjonowanie*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*usuwanie standardowego tła w submenu*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*Ukrywanie pozycji w submenu*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*jw tylko, że pokazuje*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*dostosowanie pozycji*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*zmiana ikonki kiedy zamkniety*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #ce6267;
	background: #fbefe2;
	border-radius: 50%;
	padding: 3px;
}


/*zmiana ikonki kiedy otwarty*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*dodaje punkt w submenu*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*pozycjonowanie hamburgera*/



/*dostosowanie koloru tła*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}
/*dostosowanie koloru tła po najechaniu*/
.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: #f0c8ca;!important
	opacity: unset;!important
}