/*
Theme Name: silkandlace
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* all */
/* product box */
.box-title {
  margin-bottom: 15px;
  font-size: 36px;
  line-height: 48px;
  font-weight: 400;
  text-transform: uppercase;
}
.box-image {
  border-radius: 1rem;
}
.tabbed-content li {
  margin: 9px 0 18px;
  border-bottom: 1px solid #e3e3e3;
}
.tabbed-content .nav > li > a {
  display: flex;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  padding-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: self-end;
  -ms-flex-align: self-end;
  position: relative;
  margin-right: 30px;
  margin-left: 30px;
}
.box-image .woocommerce-Price-amount {
  font-size: 20px;
  line-height: 24px;
}
/* end product box */
/* new product */
.new-product-section,
.best-product-section,
.bra-section,
.underwear-section,
.underwear-set-section,
.category-section,
.blog-section {
  padding-top: 40px !important;
}
/* end new product */
/* information */
.information-section {
  padding: 15px;
}
.information-row {
  background: #a50e43;
  border-radius: 60px;
}
.information-col {
  padding: 60px;
}
.information-col-right {
  padding: 30px;
}
.information-col-right img {
  border-radius: 60px;
}
.custom-btn {
  line-height: 40px;
  font-size: 16px;
  padding: 0 19px;
  color: #000 !important;
}
/* end information */
/* blog section */
.blog-section .box-text h5 {
  height: 50px;
  font-size: 20px;
  line-height: 24px;
  margin: 10px 0 13px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.blog-section .box-blog-post .is-divider {
  display: none;
}
.blog-section .box .button {
  font-size: 14px;
  line-height: 17px;
  padding: 16px 9px 0;
  letter-spacing: 0.15em;
  font-weight: 400;
  margin: auto;
  border-top: 1px solid #000 !important;
}
.blog-section .box,
.blog-section .col-inner {
  border-radius: 1rem;
}
.blog-section .box-image {
  border-radius: unset;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
/* end blog section */
/* footer */
.footer-secondary {
  display: none;
}
.footer-primary {
  float: none !important;
}
/* end footer */
/* single product */
.product-main,
.product-footer .woocommerce-tabs,
.shop-page-title {
  max-width: 1080px !important;
  margin: auto;
}
.breadcrumbs a {
  position: relative;
  font-size: 13px;
  line-height: 20px;
  padding: 13px 0;
  color: #000;
}
.single_add_to_cart_button {
  background: #a50e43 !important;
  border-radius: 23px;
  color: #fff;
}
.product-main .product-title {
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  font-family: "Inter", sans-serif;
}
.woocommerce-Reviews-title {
  font-family: "Inter", sans-serif;
}
.pd-static-group {
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  padding: 18px 0;
  margin: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
}
.pd-static-group .icon-truck {
  background-position: -9px -115px;
}
.pd-static-group .icon-box {
  background-position: -81px -115px;
}
.pd-static-group .icon-support {
  background-position: -150px -126px;
}
.pd-static-group .icons {
  width: 50px;
  height: 50px;
  margin: auto;
  display: block;
}
.icons {
  background: url(http://localhost:8888/silkandlace/wp-content/uploads/2023/02/sprite.png)
    no-repeat;
  background-size: 300px 300px;
}
.pd-static-group .text {
  margin: 10px 0 0;
  font-weight: 700;
}
.pd-summary-group {
  font-size: 12px;
  line-height: 19px;
}
.pd-summary-group .pd-summary-title {
  margin-bottom: 12px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pd-summary-group .title {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.pd-summary-list .item {
  position: relative;
  padding-left: 18px;
}
.pd-summary-list .item::before {
  content: "\f111";
  font-size: 5px;
  font-weight: 900;
  position: absolute;
  top: 0;
  left: 5px;
}
.woocommerce-product-gallery__image img {
  border-radius: 1rem;
}
/* end single product */
/* blog archive */
.blog-archive .box,
.blog-archive .col-inner {
  border-radius: 1rem;
}
.blog-archive .box-image {
  border-radius: unset;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.blog-archive .box-text h5 {
  height: 40px;
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 13px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.echbay-sms-messenger div.phonering-alo-zalo, 
.echbay-sms-messenger div.phonering-alo-alo {
	background-color:#0084ff
}
.echbay-sms-messenger div.phonering-alo-sms {
	background-color:#f60
}
.echbay-sms-messenger div.phonering-alo-messenger {
	background-color:#e60f1e
}
 
.echbay-sms-messenger {
	width:45px
}
.echbay-sms-messenger a {
	line-height:45px;
        color: transparent;
display:block;
}
.echbay-sms-messenger {
	display:block
}
.echbay-sms-messenger div.phonering-alo-zalo {
	display: block
}
 
.echbay-sms-messenger div.phonering-alo-alo {
    background-image: url(https://codfe.com/wp-content/uploads/2020/08/call.png);
}
.echbay-sms-messenger div.phonering-alo-sms {
    background-image: url(https://codfe.com/wp-content/uploads/2020/08/mail.png);
    background-color: #f60;
    background-size: 60%;
}
.echbay-sms-messenger div.phonering-alo-zalo {
    background-image: url(https://codfe.com/wp-content/uploads/2020/08/zalo.png);
}
.echbay-sms-messenger div.phonering-alo-messenger {
    background-image: url(https://codfe.com/wp-content/uploads/2020/08/messenger.png);
    background-color: #e60f1e;
}
.echbay-sms-messenger div {
    margin: 14px 0;
    background: #0084FF center no-repeat;
    background-size: 70%;
    border-radius: 50%;
    box-shadow: 0 3px 10px #888;
}
 
.echbay-sms-messenger {
    text-align: center;
    right:20px;
    position: fixed;
    bottom: 20px;
    z-index: 999;
}
/* write your CSS code here 90949ca6 */
/*them nut call*/:root {
	--phone-text-color:#f00;
	/* màu chữ */
	--phone-icon-color:coral;
	--phone-bg-color:#52bebd;
	/* màu nền nút gọi */
	--phone-text-bg-color:#eeeb7c;
	/* màu nền text */
	--phone-border-color:#47a862;
	/* màu vòng tròn */
	--phone-hover-color:#f86e00;
	/* màu vòng tròn re chuột */
	--phone-hover2-color:red;
	/* màu vòng tròn re chuột */
}
		.fone {
			font-size:19px;
			/* chữ cạnh nút gọi */
	color:var(--phone-text-color);
			line-height:40px;
			font-weight:bold;
			padding-left:48px;
			/* cách bên trái cho chữ */
	margin:0 0;
}
	.fix_tel {
			position:fixed;
			bottom:15px;
			left:18px;
			z-index: 999;
}
	/* left 18px là cách bên trái 18px. nếu muốn cho nút gọi sang phải thay là right */
.fix_tel a {
			text-decoration:none;
			display:block;
}
	.tel {
			background:var(--phone-text-bg-color);
			width:205px;
			height:40px;
			position:relative;
			overflow:hidden;
			background-size:40px;
			border-radius:28px;
			border:none
}
	.ring-alo-phone {
			background-color:transparent;
			cursor:pointer;
			height:80px;
			position:absolute;
			transition:visibility 0.5s ease 0s;
			visibility:hidden;
			width:80px;
			z-index:200000 !important;
}
	.ring-alo-phone.ring-alo-show {
			visibility:visible;
}
	.ring-alo-phone.ring-alo-hover,.ring-alo-phone:hover {
			opacity:1;
}
	.ring-alo-ph-circle {
			animation:1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
			background-color:transparent;
			border:2px solid rgba(30,30,30,0.4);
			border-radius:100%;
			height:70px;
			left:10px;
			opacity:0.1;
			position:absolute;
			top:12px;
			transform-origin:50% 50% 0;
			transition:all 0.5s ease 0s;
			width:70px;
}
	.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
			animation:1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
	.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
			animation:2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
	.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle,.ring-alo-phone:hover .ring-alo-ph-circle {
			border-color:var(--phone-border-color);
			opacity:0.5;
}
	.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle,.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
			border-color:var(--phone-hover2-color);
			opacity:0.5;
}
	.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
			border-color:var(--phone-border-color);
			opacity:0.5;
}
	.ring-alo-ph-circle-fill {
			animation:2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
			background-color:#000;
			border:2px solid transparent;
			border-radius:100%;
			height:30px;
			left:30px;
			opacity:0.1;
			position:absolute;
			top:33px;
			transform-origin:50% 50% 0;
			transition:all 0.5s ease 0s;
			width:30px;
}
	.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill,.ring-alo-phone:hover .ring-alo-ph-circle-fill {
			background-color:var(--phone-hover-color);
			opacity:0.75 !important;
}
	.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill,.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
			background-color:var(--phone-hover-color);
			opacity:0.75 !important;
}
	.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
			background-color:var(--phone-hover-color);
			opacity:0.75 !important;
}
	.ring-alo-ph-img-circle {
			animation:1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
			border:2px solid transparent;
			border-radius:100%;
			height:30px;
			left:30px;
			opacity:1;
			position:absolute;
			top:33px;
			transform-origin:50% 50% 0;
			width:30px;
}
	.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle,.ring-alo-phone:hover .ring-alo-ph-img-circle {
			background-color:var(--phone-text-bg-color);
}
	.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle,.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
			background-color:var(--phone-hover2-color);
}
	.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
			background-color:var(--phone-bg-color);
}
	@keyframes ring-alo-circle-anim {
			0% {
					opacity:0.1;
					transform:rotate(0deg) scale(0.5) skew(1deg);
	}
			30% {
					opacity:0.5;
					transform:rotate(0deg) scale(0.7) skew(1deg);
	}
			100% {
					opacity:0.6;
					transform:rotate(0deg) scale(1) skew(1deg);
	}
}
	@keyframes ring-alo-circle-img-anim {
			0% {
					transform:rotate(0deg) scale(1) skew(1deg);
	}
			10% {
					transform:rotate(-25deg) scale(1) skew(1deg);
	}
			20% {
					transform:rotate(25deg) scale(1) skew(1deg);
	}
			30% {
					transform:rotate(-25deg) scale(1) skew(1deg);
	}
			40% {
					transform:rotate(25deg) scale(1) skew(1deg);
	}
			50% {
					transform:rotate(0deg) scale(1) skew(1deg);
	}
			100% {
					transform:rotate(0deg) scale(1) skew(1deg);
	}
}
	@keyframes ring-alo-circle-fill-anim {
			0% {
					opacity:0.2;
					transform:rotate(0deg) scale(0.7) skew(1deg);
	}
			50% {
					opacity:0.2;
					transform:rotate(0deg) scale(1) skew(1deg);
	}
			100% {
					opacity:0.2;
					transform:rotate(0deg) scale(0.7) skew(1deg);
	}
}
	.ring-alo-ph-img-circle a img {
			padding:1px 0 12px 1px;
			width:30px;
			position:relative;
			top: -1px;
}
}
/* end blog archive */