/*
 Theme Name:   Joly Child Theme
 Theme URI:    https://joly.ancorathemes.com
 Description:  Joly Child Theme
 Author:       AncoraThemes
 Author URI:   https://ancorathemes.com
 Template:     joly
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  joly
*/


/* =Theme customization starts here
------------------------------------------------------------ */

.logoImage .logo_image {
	height:90px;
}
.menu_mobile .sc_layouts_logo img {
    max-height: 60px!important;
}
.makeItSticky.sticky {
	/*background-color: #5E3E42!important;*/
	background-color: #8d8d8c!important;
    z-index: 170;
    margin: 0 auto;
    border: 0px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px 0!important;
}
#popup-2 > .sc_layouts_panel_inner {
	background:#AB8287;
}
.socialHeaderWidget .social_item,
.socialHeaderWidget .social_icon {
	color:#fff!important;
}
.footer_wrap.footer_custom_footer {
	/*background:#AB8287;*/
	background:#5E3E42;
}
.colorWhite a,
.colorWhite a .social_icon {
	color:#fff!important;
}
.colorWhite a .social_icon {
	border: 1px solid #fff!important;
}
.aboutUsText .sc_item_descr p {
	font-size: 22px;
    line-height: 37px;
}
.fa-solid {
    font-weight: 400;
}
.aboutUsText .sc_item_title {
	text-shadow: 2px 2px #fafafa;
}
.headerPage .sc_layouts_title_caption {
	/*color:#5E3E42;*/
	color:#fff;
}
.descreiptionLayout .sc_item_descr.sc_title_descr p {
	font-size: 20px;
    line-height: 28px;
}
.icon-lj_mirror-1:before {
    content: url("https://nail-it.gr/wp-content/uploads/2023/04/pedicure-icon-front.png");
	height: 97px;
    min-height: 97px;
    max-height: 97px;
}
.sc_icons_item.sc_icons_item_linked.with_more:hover .icon-lj_mirror-1:before {
    content: url("https://nail-it.gr/wp-content/uploads/2025/03/pedicure-icon-back.png");
}
.icon-lj_cream:before {
    content: url("https://nail-it.gr/wp-content/uploads/2023/04/wedding-icon-front.png");
	height: 97px;
    min-height: 97px;
    max-height: 97px;
}
.sc_icons_item.sc_icons_item_linked.with_more:hover .icon-lj_cream:before {
    content: url("https://nail-it.gr/wp-content/uploads/2025/03/wedding-icon-back.png");
}
.icon-hourglass:before {
    content: url("https://nail-it.gr/wp-content/uploads/2023/04/lash-front.png");
	height: 97px;
    min-height: 97px;
    max-height: 97px;
}
.sc_icons_item.sc_icons_item_linked.with_more:hover .icon-hourglass:before {
    content: url("https://nail-it.gr/wp-content/uploads/2025/03/lash-back.png");
}
.icon-cc:before {
    content: url("https://nail-it.gr/wp-content/uploads/2025/03/relaxing-massage-front.png");
	height: 97px;
    min-height: 97px;
    max-height: 97px;
}
.sc_icons_item.sc_icons_item_linked.with_more:hover .icon-cc:before {
    content: url("https://nail-it.gr/wp-content/uploads/2025/03/relaxing-massage-back.png");
}
.icon-codeopen:before {
    content: url("https://nail-it.gr/wp-content/uploads/2025/03/reflexology-front.png");
	height: 97px;
    min-height: 97px;
    max-height: 97px;
}
.sc_icons_item.sc_icons_item_linked.with_more:hover .icon-codeopen:before {
    content: url("https://nail-it.gr/wp-content/uploads/2025/03/reflexology-back.png");
}
.icon-css3:before {
    content: url("https://nail-it.gr/wp-content/uploads/2025/03/facial-care-front.png");
	height: 97px;
    min-height: 97px;
    max-height: 97px;
}
.sc_icons_item.sc_icons_item_linked.with_more:hover .icon-css3:before {
    content: url("https://nail-it.gr/wp-content/uploads/2025/03/facial-care-back.png");
}
.icon-delicious:before {
    content: url("https://nail-it.gr/wp-content/uploads/2025/03/eyebrow-makeup-front.png");
	height: 97px;
    min-height: 97px;
    max-height: 97px;
}
.sc_icons_item.sc_icons_item_linked.with_more:hover .icon-delicious:before {
    content: url("https://nail-it.gr/wp-content/uploads/2025/03/eyebrow-makeup-back.png");
}
.servicesWrapper .sc_icons_columns_wrap .trx_addons_column-1_5:nth-child(2) .sc_icons_item_details {
	margin-top: 1.8em;
}
.servicesWrapper .sc_icons_columns_wrap .trx_addons_column-1_5:nth-child(4) .sc_icons_item_details {
	margin-top: 1.8em;
}
.servicesWrapper .sc_icons_columns_wrap .trx_addons_column-1_5:nth-child(5) .sc_icons_item_details {
	margin-top: 1.8em;
}
.contactDetails .sc_icons_item_more_link {
	color:#000!important;
}
.contactDetails .sc_icons_item_more_link:hover {
	color:#dea9b0!important;
}
.followUsText .sc_item_descr.sc_title_descr p {
	font-size:20px;
}
.priceList {
    border-collapse: collapse;
    width: 100%;
}
.priceList td, .priceList th {
  	border: 1px solid #ddd;
  	padding: 8px;
}
.priceList td {
  	font-size: 18px;
}
.priceList tr:nth-child(even){
	background-color: #f2f2f2;
}
.priceList tr:hover {
	background-color: #ddd;
}
.priceList th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #E3BF56;
    color: white;
	font-weight: 400!important;
    font-size: 25px;
}
.priceList > tbody > tr:nth-child(2n) > td {
    background-color: unset!important;
}
.priceList > tbody > tr > th:nth-child(2n),
.priceList > tbody > tr > td:nth-child(2n) {
    text-align:right;
}
.priceList tbody tr:last-of-type {
    border-bottom: 4px solid #e3ab09;
}
.biggerFont {
	font-size: 25px;
    font-weight: 500;
}
.contactBoxes .sc_icons_item_title {
	font-weight: 400;
}
.contactBoxes .sc_icons_item_description {
	font-size: 18px;
}
.cookie-notice-container {
    border: 1px solid #000;
}
#cn-accept-cookie, #cn-refuse-cookie, #cn-more-info {
    border: 1px solid #000!important;
}
.footerContant a,
.footerContant h4.sc_icons_item_title {
	font-size: 17px!important;
    font-weight: 400!important;
	color:#fff!important;
}
.footerContant a:hover {
	color:#e3bf56!important;
}
.dialog-close-button.dialog-lightbox-close-button {
	background: #000;
    color: #fff;
    padding: 15px;
}
.biggerDesc .sc_item_descr.sc_title_descr p {
	font-size: 20px;
    line-height: 30px;
}
.contactLink  {
	font-size:20px!important;
}
.sc_layouts_menu_nav .menu-item ul.sub-menu {
	background:#D1AC41;
}
.sc_layouts_menu_nav .menu-item ul.sub-menu .menu-item a {
	color:#fff!important;
}
.menu_mobile .menu_mobile_inner {
    background-color: #8d8d8c;
}
.custom-gallery {
    display: grid;
    gap: 10px;
}
/* Grid Layout (Standard) */
.grid-layout {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
/* Masonry Layout (Fix for Single Column Issue) */
.masonry-layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* Masonry Item Size (Ensures Proper Layout) */
.masonry-layout .gallery-item {
    width: calc(100% / var(--columns)); /* Dynamically Adjusted */
    margin-bottom: 10px;
}
/* Ensure Images Fit */
.gallery-item img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    transition: transform 0.3s ease-in-out;
}
/* Hover Effect */
.gallery-item img:hover {
    transform: scale(1.05);
}
.box-services .sc_services_item img {
	object-fit: cover;
    width: 400px;
    height: 340px;
}
/* Mobile Columns - Now Fixed to 2 Columns */
@media (max-width: 767px) and (min-width: 600px){
	.box-services .sc_services_item img {
		object-fit: unset;
    	width: 100%;
		height: auto;
	}
}
@media (max-width: 767px) {
    .custom-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
	.masonry-layout .gallery-item {
    	width: 50%; /* Dynamically Adjusted */
    	margin-bottom: 10px;
	}
	.masonry-layout .gallery-item {
		width: calc(100% / 2); /* Dynamically Adjusted */
		margin-bottom: 10px;
	}
	.box-services .sc_services_item img {
		object-fit: unset;
    	width: 100%;
		height: auto;
	}
}