/*
Theme Name: Nailgarden
Theme URI: https://nailgardennguyen.ch
Description: Custom theme for Nailgardennguyen.ch.
Author: Nailgardennguyen.ch
Author URI: https://nailgardennguyen.ch
Template: woovina
Version: 1.0
Tested up to:       	5.7.2
Requires at least:  	5.5
Requires PHP:       	7.4
*/
.container {max-width: 100%;}
.site-breadcrumbs {height: unset;}
.site-breadcrumbs ul li:after {margin: 0 20px;}
.site-breadcrumbs  .icon-home:before {margin-right: 20px;}
#footer-widgets .footer-box {padding: 0;}

.float-contact {position: fixed;bottom: 30px;right: 30px;z-index: 9988;}
.float-contact .icon a {background: #DDD;border-radius: 100%;padding: 25px;color: white;display: block;margin-bottom: 6px;height: 100%;background-repeat: no-repeat;background-position: center;}
.float-contact .icon.currency a {padding: 12px;background: #f78080;}
.float-contact .hotline a {background: #25d366;padding: 7px 0 4px 10px}
.float-contact .hotline a i.fab {font-size: 36px;}
.float-contact .chat-messenger a {background-image: url(images/Messenger_On.svg);}
.float-contact .chat-instagram a {background-image: url(images/instagram.svg);background-size: contain;}
.float-contact .icon a:hover { box-shadow: 0 5px 10px rgb(0 0 0 / 15%), 0 4px 15px rgb(0 0 0 / 13%); }
.float-contact .fa-yelp:before {content: "\f232";}

#scroll-top {
	right: 30px !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    bottom: 205px !important;
    line-height: 50px !important;
}

.home_infobox .wew-info-box-icon-wrap {
	position: absolute;
    top: 0%;
    left: 50%;
    background: white;
    padding: 10px 30px;
    transform: translate(-50%, -50%);
}
.home_infobox.hours .wew-info-box ul {
	list-style: none;
    text-align: center;
	font-size: 18px;
	padding: 0;
    margin: 0;
}
.home_infobox.hours .wew-info-box ul  li {
	margin-bottom: 10px;
    text-align: left;
}
.home_infobox.hours .wew-info-box ul small {
	display: inline-block;
    width: 30%;
    float: right;
}

#site-navigation-wrap .dropdown-menu > li.btn > a > span {
	font-weight: 500;
}
.customer-review-wrapper {
	padding: 40px 40px 40px 80px !important;
	overflow: hidden;
}
.customer-review-wrapper::before {
	content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
    position: absolute;
    left: 15px;
    top: 0;
	color: #CCC;
}
.contact-info-widget span.woovina-contact-title {
	display: none;
}
.contact-info-widget span.woovina-contact-text {
	display: inline-block;
}
.contact-info-widget.default i {
	width: 16px;
    height: 24px;
    line-height: 24px;
    border: none;
    color: #FFF;
    margin-right: 0;
}
.contact-info-widget.default .woovina-info-wrap {
	padding-left: 40px;
}
.contact-info-widget li {
	margin: 0 0 10px;
}
.widget-title {
	border: none;
	padding-left: 0;
}
.woovina-custom-links li a {
	font-size: 16px;
}
.woovina-newsletter-form-wrap button {
	top: 50%;
    right: 0;
    height: 100%;
}
.woovina-newsletter-form-wrap input[type="email"] {
	color: #332620;
}
#footer-widgets .mailchimp-widget input[type="email"]::placeholder,
#footer-widgets .mailchimp-widget input[type="email"]:focus {
	color: #332620;
}
#footer-widgets .container {
	width: 1430px;
}
#footer-widgets .col-1 {
	width: 35%;
}
#footer-widgets .col-2 {
	width: 45%;
	padding-left: 100px;
	padding-right: 80px;
}
#footer-widgets .col-3 {
	width: 20%;
}
#footer-bottom ul {
	display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
}
#footer-bottom ul.custom-links {
	gap: 25px;
}
@media screen and (max-width: 1410px){.container {padding: 0 20px;}}
@media screen and (max-width: 1300px){}
@media screen and (max-width: 1200px){}
@media screen and (max-width: 1170px){}
@media screen and (max-width: 1080px){#footer-widgets .col-2{padding-left: 80px;padding-right: 50px;}}
@media screen and (max-width: 1024px){}
@media screen and (max-width: 959px){}
@media screen and (max-width: 768px){#footer-widgets .col-2{padding-left: 20px;padding-right: 10px;}}
@media screen and (max-width: 767px){
	#footer-widgets .col-2{padding-left: 0px;padding-right: 0px;}
	#footer-bottom ul {display: block;text-align: left;line-height: 40px;}
	#footer-bottom ul.custom-links {display: inline-block;}
	#footer-bottom ul.custom-links li {display: inline-block; margin-right: 30px;}
	.container {padding: 0 10px;}
}
@media screen and (max-width: 559px){}
@media screen and (max-width: 480px){
	.float-contact {
	  right: 15px !important;
	  bottom: 90px;
	}
	.float-contact .icon a {
	  padding: 20px;
	}
	.float-contact .hotline a {
	  padding: 5px 0px 1px 7px;
	}
	.float-contact .hotline a i.fab {
	  font-size: 30px;
	}
	#scroll-top {
		right: 15px !important;
		border-radius: 50% !important;
		width: 40px !important;
		height: 40px !important;
		bottom: 235px !important;
		line-height: 40px !important;
	}
	#mobile-navbar li.menu-item a {
		padding: 10px;
	}
}
@media screen and (max-width: 420px){}
@media screen and (max-width: 400px){}
@media screen and (max-width: 380px){}
@media screen and (max-width: 360px){}