/*
Theme Name: Đại An Phú Child
Description: This is a child theme for Đại An Phú Theme
Author: Đại An Phú
Template: daianphu
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-vertical-menu__opener{
	background: url('https://hoadaianphu.com/wp-content/uploads/2024/04/bg-danhmuc.png') no-repeat;
	height:44px;
	background-color: transparent !important;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a{
	font-size:16px;
	font-weight:bold;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a:before{
	font-family: 'Font Awesome 5 Pro';
	content:"\f0a9";
	padding-right: 10px;
	color:#fcaa8a;
}
.ml-auto, .mx-auto {
    margin-left: auto !important;
}
.mr-auto, .mx-auto {
    margin-right: auto !important;
}
.home .section.pb-0 .section-title-center{padding-top:30px;}
.custom_sc_bg .section-bg{
	background:linear-gradient(90deg, #ffecd2 0%, #fcb69f 100%) !important;
}
.custom_sc_bg .product-small .col-inner{
	box-shadow:none !important;
}
.single-post .section-title.section-title-center b {
    background: #fcaa8a;
}
.single-post .section-title.section-title-center span {
    background: #fcaa8a;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-weight: bold;
}
/* Catelogue Product */
span.amount{color:#bd2026;}
.product-small .col-inner{
	box-shadow: 0 4px 24px 0 rgba(103, 151, 255, .1), 0 12px 64px 0 rgba(103, 151, 255, .1);
	text-align: center;
    background: #fff;
    transition: all 0.215s ease-out;
    overflow: visible;
    border: 1px solid #ffffff;
    border-radius: 15px;
}
.product-small .col-inner .box-text-products{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.product-small .col-inner .box-text-products .name.woocommerce-loop-product__title{
	font-size:18px;
}
/* single Product*/
.product-short-description ul.camket li{
	list-style:none;
	margin-left:0px;
}
.product-short-description ul.camket i{
	color: #fcaa8a;
}
.single_add_to_cart_button{
	border: 0;
    background: #013440;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 3px 25px;
    border-radius: 25px;
    background: linear-gradient(102.13deg, #fe8c00 12.43%, #ff5a2c 55.45%, #f83600 93.37%);
    -webkit-animation: won 1s infinite cubic-bezier(0.5, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(228, 69, 2, 0.7);
    -moz-animation: won 1s infinite cubic-bezier(0.5, 0, 0, 1);
    -ms-animation: won 1s infinite cubic-bezier(0.5, 0, 0, 1);
    animation: won 1s infinite cubic-bezier(0.5, 0, 0, 1);
    margin: 0;
    width: 50%;
}
/* Post */
.home .box-blog-post h5.post-title{font-weight:bold;}
.single-post .article-inner{
    background-color: #ffffff;
    border-radius: 8px;
    padding: 3rem 1rem;
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
    margin-bottom: 2rem;
}
.single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5{
	font-weight:bold;
}
.archive #post-list .col.post-item .col-inner{
	background-color: #ffffff;
    border-radius: 8px;
	box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
}
.archive #post-list .col.post-item .box-text h5{
	font-size:18px;
	font-weight:bold;
}
.col.post-item .button.is-outline {
    border-color: rgb(252,170,138);
    background:#ffd1c7;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 70px 9px 15px;
    color: #000;
    line-height: 1;
    overflow: hidden;
    position: relative;
    border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    -ms-border-radius: 4px!important;
    -o-border-radius: 4px!important;
}
.col.post-item .button.is-outline:before{
    content: "";
    position: absolute;
    bottom: -24px;
    right: -20px;
    top: 0;
    background:rgb(252,170,138);
    z-index: 0;
    width: 0;
    border-radius: 4px;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    width: 50%;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
}
.col.post-item .button.is-outline:after {
    content: "→";
    font-weight: 700;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    z-index: 1;
}
.col.post-item .button.is-outline:hover:before {
    width: 55%;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    bottom: -30px
}
.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: black;
}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 25%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 120px;
    border-radius: 0 32px 0 32px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    padding-top: 7px;
    font-weight:bold;
    overflow: hidden;
}
/* Widget */
#secondary .widget{
	background-color: #ffffff;
    border-radius: 8px;
    padding: 32px;
    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
    border: none;
    position: relative;
}
#secondary span.widget-title::before{
    color: #0cf !important;
}
#secondary span.widget-title:before{
    margin-right: 0.25rem;
}
#secondary .widget .is-divider, .post-sidebar .widget .is-divider{
	background:transparent !important;
	margin-top:0px;
}
/* Store */
.section-store .col-content-store h3{
	font-weight: 700;
    padding-bottom: 0px;
    border-bottom: 1px solid #2b2929;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 0;
    color: #f48862;
}
.section-store .col-content-store ul li{
	list-style-position: inside;
	margin-left:0px;
	margin-bottom:0px;
}
.section-store .col-content-store{
	height: 100vh;
}
.section-store .col-content-store .col.custom-scrollbar{
	height: 100%;
	overflow-y: scroll;
}
.section-store .col-content-store .col.custom-scrollbar .col-inner{
	padding: 10px;
  	background: #f2f2f2;
}
/* custom scrollbar */
::-webkit-scrollbar {
  	width: 6px;
    height: 6px 
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {  	
	background-color: #d6dee1;
 	border-radius: 20px;
  	border: 6px solid transparent;
  	background-clip: content-box;
}

/*::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}*/
::-webkit-scrollbar-thumb:window-inactive {
    background: #fcaa8a
}
.custom-scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #aaa; 
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgb(252,170,138);
}
/* Footer */
#footer .widget .is-divider{background:transparent !important}
.footer-1 .widget-title{
	font-size:1.6em;
}
/* hieu ung*/
@-webkit-keyframes won {
    to {
        box-shadow: 0 0 0 15px rgba(232,76,61,0)
    }
}

@-moz-keyframes won {
    to {
        box-shadow: 0 0 0 15px rgba(232,76,61,0)
    }
}

@-ms-keyframes won {
    to {
        box-shadow: 0 0 0 15px rgba(232,76,61,0)
    }
}

@keyframes won {
    to {
        box-shadow: 0 0 0 15px rgba(232,76,61,0)
    }
}
/*** Hieu ung anh*/
.post-item .box-image:hover::before, .product-small .box-image:hover::before, .bai-viet-lien-quan ul li .box-image:hover::before{
	-webkit-animation:shine .75s;
	animation:shine .75s;
}
@-webkit-keyframes shine{
	100%{left:125%}
}
@keyframes shine{
	100%{left:125%}
}
.post-item .box-image::before, .product-small .box-image:hover::before, .bai-viet-lien-quan ul li .box-image::before{
	position:absolute;
	top:0;
	left:-75%;
	z-index:2;
	display:block;
	content:'';
	width:50%;
	height:100%;
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
/* button contact */
.pd-bottom-right{position: fixed; z-index: 999; right: 32px; bottom: 120px;}
/*.pd-widget-list.pd-widget-list[class*=-right]{right:0;bottom:0;left:auto;top:auto}
.pd-widget-list.pd-top-right{top:0;right:0;left:auto;bottom:auto}*/
.pd-widget-list.pd-middle-right{-webkit-transition:all .3s!important;transition:all .3s!important;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:table!important}.pd-widget-list[class*=-left]{left:0;bottom:0;right:auto;top:auto}.pd-widget-list.pd-top-left{top:0;left:0;right:auto;bottom:auto}
.pd-widget-list.pd-middle-left{-webkit-transition:all .3s!important;transition:all .3s!important;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:table!important}.pd-widget-list .pd-bar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.pd-widget-list.pd-bottom .pd-bar{width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow-x:auto;overflow-y:hidden}.pd-widget-list[class*=-left] .pd-bar{display:grid;-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.pd-widget-list[class*=-right]
.pd-bar{display:grid;-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.pd-widget-list .pd-bar.pd-bg{background-color:#fff;-webkit-box-shadow:0 -2px 6px 0 #ccc;box-shadow:0 -2px 6px 0 #ccc}.pd-widget-list.pd-align-center .pd-bar{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.pd-widget-list.pd-align-right .pd-bar{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}
.pd-widget-list.pd-align-left .pd-bar,.pd-widget-list.pd-align-right .pd-bar,.pd-widget-list.pd-show-label .pd-bar{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.pd-widget-list.pd-align-left .pd-bar{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.pd-widget-list.pd-show-label .pd-bar{-ms-flex-pack:distribute!important;justify-content:space-around!important}.pd-widget-list.pd-highlight .pd-bar{overflow:unset;height:60px!important}.pd-p-error{font-family:"Roboto",sans-serif;font-size:13px;text-align:center;color:red;margin-top:7px!important;height:15px}
.pushdy-widget-button,.pushdy-widget-icon{background-repeat:no-repeat;background-position:center center}.pushdy-widget-button{cursor:pointer;background-size:100%}.pushdy-widget-icon{width:100%;height:100%;background-size:cover}.pd-widget-list.pd-highlight .pushdy-widget-icon{width:36px;height:36px;margin:5px auto 0}.pd-widget-list.pd-highlight.pd-round .pushdy-widget-icon{border-radius:10rem}.pushdy-widget-icon.highlight{width:50px!important;height:50px!important;position:absolute;bottom:18px;border:2px solid #fff;-webkit-transform:translateX(5px);transform:translateX(5px)}
.pd-widget-main-button{width:60px;height:60px;background:-webkit-gradient(linear,left top,left bottom,from(#6480f1),to(#4861c6));background:linear-gradient(to bottom,#6480f1,#4861c6);border-radius:50%;position:relative;overflow:hidden;border:2px solid #fff;-webkit-animation:uptocallmini_offline 2s 0s ease-out infinite;animation:uptocallmini_offline 2s 0s ease-out infinite;cursor:pointer;box-sizing:content-box!important;-webkit-box-sizing:content-box!important}.pd-widget-main-button .pushdy-widget-button-icons-line{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important;overflow:visible!important;-webkit-transition:.2s all;transition:.2s all;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:auto!important;-webkit-transform:translate(0,0);transform:translate(0,0)}.pd-widget-main-button .pushdy-widget-button-icon{-webkit-transition:.2s all;transition:.2s all;position:absolute;top:0;left:0;display:none}.pushdy-widget-feature{width:60px;height:60px;position:fixed;background:0 0;-webkit-box-shadow:none;box-shadow:none;display:block;z-index:999;border-radius:100%;cursor:pointer}.pushdy-widget-feature.pd-hl-shadow{-webkit-animation:uptocallmini_offline 2s 0s ease-out infinite;animation:uptocallmini_offline 2s 0s ease-out infinite}.pushdy-widget-feature.pd-d-shadow{-webkit-box-shadow:0 5px 6px 0 rgba(0,0,0,.14);box-shadow:0 5px 6px 0 rgba(0,0,0,.14)}.pushdy-widget-feature>div.pd-avatar-img{background-size:cover!important;width:100%!important;height:100%!important;border-radius:50%;border:2px solid #fff}.pushdy-widget-feature>div.pd-avatar-img>img{width:20px;height:20px;position:absolute;left:0;bottom:0;border-radius:50%}.pushdy-widget-feature:hover .pd-feature-tooltip{visibility:visible;opacity:1}.pd-feature-tooltip,.pd-feature-tooltip.pd-tooltip-text{position:absolute;top:calc(50% - 16px);z-index:1;text-align:center;white-space:nowrap;border-radius:4px;padding:8px;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.pd-feature-tooltip{font-family:'Oswald',sans-serif!important;font-size:14px;font-weight:500;line-height:1.32!important;background-color:#0070e0;background-image:none;color:#fff;visibility:hidden;height:auto;margin:0;overflow:hidden}.pd-feature-tooltip.pd-tooltip-text{-o-object-fit:contain;object-fit:contain;font-size:12px!important;line-height:16px!important;-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.09);box-shadow:0 6px 10px 0 rgba(0,0,0,.09);background-color:#fff}.pd-feature-tooltip.pd-tooltip-content{position:absolute;white-space:nowrap;color:#fff;padding:0 8px;height:100%;visibility:unset;background-color:#17b8ff}.pushdy-widget-feature[class*=-right] .pd-feature-tooltip.pd-tooltip-text{right:120%}.pd-widget-list[class*=-left] .pushdy-widget-button:hover .pd-label.pd-tooltip-text,.pd-widget-list[class*=-right] .pushdy-widget-button:hover .pd-label.pd-tooltip-text,.pushdy-widget-feature[class*=-left]:hover .pd-feature-tooltip.pd-tooltip-text,.pushdy-widget-feature[class*=-right]:hover .pd-feature-tooltip.pd-tooltip-text{visibility:unset;opacity:1}.pushdy-widget-feature[class*=-left] .pd-feature-tooltip.pd-tooltip-text{left:120%}.pushdy-widget-button{margin:5px auto;position:relative}.pd-widget-list[class*=-left] .pushdy-widget-button,.pd-widget-list[class*=-right] .pushdy-widget-button,.pushdy-widget-button{height:54px;width:54px}.pd-widget-list.pd-bottom .pushdy-widget-button{height:40px;width:40px;margin:0 5px}.pd-widget-list.pd-bottom.pd-show-label .pushdy-widget-button{height:50px;width:50px;margin:0 5px;background-size:28px;overflow:auto;background-position:center 20%}.pd-widget-list.pd-bottom.pd-show-label.pd-highlight .pushdy-widget-button{height:60px;width:60px;overflow:unset!important;position:relative}.pd-round .pushdy-widget-button{border-radius:10rem}.pd-square .pushdy-widget-button{border-radius:0}.pd-rounded .pushdy-widget-button{border-radius:20%}.pd-widget-list[class*=-left].pd-partrounded .pushdy-widget-button{border-radius:0 20% 20% 0}.pd-widget-list[class*=-right].pd-partrounded .pushdy-widget-button{border-radius:20% 0 0 20%}.pd-highlight .pushdy-widget-button{width:60px;height:60px;overflow:unset!important;position:relative}.pd-label,.pd-widget-list .pushdy-suggestion-footer>span{font-family:'Oswald',sans-serif!important;white-space:nowrap}.pd-label{font-size:14px;font-weight:500;line-height:1.32!important;color:#0d192d;height:auto;margin:0;visibility:hidden;overflow:hidden;padding:0 40px 0 20px}.pd-label.pd-tooltip-text{position:absolute;top:calc(50% - 16px);z-index:1;-o-object-fit:contain;object-fit:contain;font-size:12px!important;line-height:16px!important;text-align:center;white-space:nowrap;border-radius:4px;padding:8px;-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.09);box-shadow:0 6px 10px 0 rgba(0,0,0,.09);background-color:#fff;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.pd-label.pd-tooltip-content{position:absolute;white-space:nowrap;color:#fff;padding:0 8px;height:100%;visibility:unset;background-color:#17b8ff}.pd-widget-list[class*=-right] .pd-label.pd-tooltip-text{right:120%}.pd-widget-list[class*=-right] .pd-label.pd-tooltip-text::after{border-color:transparent #1d243e transparent transparent;right:100%;content:"";position:absolute;top:50%;margin-top:-5px;border-width:5px;border-style:solid}.pd-widget-list[class*=-right] .pd-label.pd-tooltip-content{left:calc(100% - 1px);text-align:right;line-height:54px!important}.pd-widget-list[class*=-left] .pd-label.pd-tooltip-text{left:120%}.pd-widget-list[class*=-left] .pd-label.pd-tooltip-text::after{border-color:transparent transparent transparent #1d243e;left:100%;content:"";position:absolute;top:50%;margin-top:-5px;border-width:5px;border-style:solid}.pd-widget-list[class*=-left] .pd-label.pd-tooltip-content{right:calc(100% - 1px);text-align:left;line-height:54px!important}.pd-widget-list[class*=-left] .pushdy-widget-button:hover .pd-label,.pd-widget-list[class*=-right] .pushdy-widget-button:hover .pd-label{display:block}.pd-widget-list.pd-bottom.pd-show-label .pd-label{visibility:unset;display:block;top:auto;width:100%;bottom:5%;left:0;padding:0;margin:0;text-align:center;opacity:1;font-size:9px!important;font-weight:400;color:#000;background:unset!important;border:unset!important;-webkit-box-shadow:unset!important;box-shadow:unset!important}.pd-widget-list.pd-bottom.pd-show-label.pd-highlight .pd-label{bottom:3px}.pd-widget-list .pushdy-suggestion-footer{position:relative;width:100%;visibility:hidden;opacity:0;-webkit-transition:visibility 2s ease,opacity .6s ease;transition:visibility 2s ease,opacity .6s ease}.pd-widget-list .pushdy-suggestion-footer>span{background-color:red;padding:3px 7px;border-radius:3px;color:#555!important;background:rgba(0,0,0,.1)}.pd-widget-list:hover .pushdy-suggestion-footer{opacity:1}.pd-widget-list[class*=-right] .pushdy-suggestion-footer{text-align:right}.pd-widget-list[class*=-left] .pushdy-suggestion-footer{text-align:left}.pd-widget-list.pd-bottom .pushdy-suggestion-footer{display:none}
.pd-tel{
	height: 48px !important;
	width: 50px !important;
	background-image: url('https://hoadaianphu.com/wp-content/uploads/2024/04/icon-phone-s2.svg');
}
.pd-zalo{
	height: 48px !important; 
	width: 48px !important; 
	background-image: url('https://hoadaianphu.com/wp-content/uploads/2024/04/icon-zalo-s2.svg');
}
.pd-fanpage{
	height: 48px !important; 
	width: 48px !important; 
	background-image: url('https://hoadaianphu.com/wp-content/uploads/2024/04/icon-fanpage-s2.svg');
}
.pd-bar .pd-label{
	/*color: rgb(255, 255, 255);
	background: rgb(20, 53, 195);*/
	color:#3c3838 !important;
	background:#ffe521;
}
@media screen and (min-width: 850px) {
   .row-large > .large-8.col{   	   	
	  	padding-right: 15px !important;
  }
	.row-large > .large-4.col{
		padding-left: 15px !important;
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content {
    	background-color: #ffd1c7;
	}
	.pd-bottom-right{right: 15px; bottom: 110px;}
	.bai-viet-lien-quan ul li {width:50%;}
}