/*
Theme Name: Tâm Phát Child
Description: This is a child theme for Theme
Author: Tâm Phát
Template: taphaco
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
span.amount{color:#f00 !important;}
/*.header-wrapper{padding-top:80px}
.header-bg-color {
    background-color: transparent;
}
.header-bg-image.fill{
	background: url(https://maixeptamphat.com/wp-content/uploads/2024/06/topbar-bg.png);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}*/
.header-block .img-inner{position:relative;width:522px;margin:0 auto;overflow:hidden}
.header-block .img-inner:before {
	content: "";
	position: absolute;
	left: -900px;
	top: -460px;
	width: 522px;
	height: 10px;
	background-color: rgba(255,255,255,.5);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-60deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: searchLights 2.5s ease-out 1.5s infinite;
	-o-animation: searchLights 2.5s ease-out 1.5s infinite;animation: searchLights 2.5s ease-out 1.5s infinite;
}
@-webkit-keyframes searchLights {0% { left: -200px;top: 0;} to{left: 500px;top: 0;}}
@-o-keyframes searchLights {0% { left: -200px;top: 0;} to{left: 500px;top: 0;}}
@-moz-keyframes searchLights {0% { left: -200px;top: 0;} to{left: 500px;top: 0;}}
@keyframes searchLights {0% { left: -200px;top: 0;} to{left: 500px;top: 0;}}
button i, .button i {}
.button span {line-height: 2.5em;}
.home .section-slider{
	padding: 10px 20px !important;
}
.home .product-small.col{}
/*widget*/
.widget span.widget-title{
	background: #ff6100;
    padding: 10px;
    display: block;
	color:#fff;
}
.widget .is-divider{
	background: transparent;
}
#product-sidebar .widget .is-divider{display:none !important;}
#custom_html-5, #custom_html-6{
	box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
    padding: 10px;
	border: 1px solid #ddd;
}
#custom_html-5 .is-divider, #custom_html-6 .is-divider{display:none !important}
#custom_html-5 .wpcf7-form-control.wpcf7-submit,  #custom_html-6 .wpcf7-form-control.wpcf7-submit{
	box-shadow: 0 20px 30px 0 rgba(0, 168, 236, 0.2);
}
#custom_html-5 .textwidget, #custom_html-6 .textwidget{padding-top:10px;}
.author-box{
	background: #fbfbfb;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 20px;
    border: 1px dashed #ff5400;
}
.author-box .mr{
	width: 50%;
  	flex-basis: 50%;
}
.author-box li{
	margin-bottom: 0;
	margin-left: 1.3em;
    list-style: square;
}
/* Product*/
.product-small.col .col-inner {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 12px rgb(0 0 0 / 6%);
    padding: 0;
}
.home p.name.product-title.woocommerce-loop-product__title a, .post-item .post-title {
    font-size: 1.2em;
    font-weight: 700;
    text-transform: capitalize;
    color: #474c51;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.product-small .box-image, .product-small .box-text, .product-small .box, .img .img-inner {
    border-radius: 16px;
}
.woocommerce-tabs .tab-panels{
	padding-left:10px !important;
	padding-right:10px !important;
}
.row.chat-facebook .button{margin-bottom:0px !important;}
.product-info-call {
    background: #23b0e6;
    padding: 15px 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.product-info-call form {
    margin-bottom: 0;
}
.product-info-call .wpcf7-form > p {
    display: flex;
    align-items: center;
}
.product-info-call input {
    margin-bottom: 0;
    border-radius: 5px;
    box-shadow: none;
    border: none;
    height: 40px;
    font-size: 15px;
}
.product-info-call input.wpcf7-form-control.has-spinner.wpcf7-submit {
    margin-right: 0;
    margin-left: 5px;
    margin-bottom: 0;
    background: #ff6100;
    font-weight: normal;
    text-transform: none;
}
.product-info-call .wpcf7-spinner {
  display: none;
}
/*Post*/
.single-post .entry-content, .single-product .tab-panels #tab-description.entry-content{
	font-size: larger;
}
.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: 4px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}
/*** Hieu ung anh*/
.post-item .box-image, .bai-viet-lien-quan ul li .box-image {
	border-radius:20px;
}
.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::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)
}
/* Footer contact */
.footer-form-contact{
	padding-top:120px !important;
	padding-bottom:120px !important;
}
.footer-form-contact .row-bg{
	background-image: url(https://maixeptamphat.com/wp-content/uploads/2026/05/z7764698354044_acde6ee9cd3ec0458593788f07c54b85.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	width:100%;
	margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.footer-form-contact .row-bg:before{
	content: '';
    display: block;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(1, 1, 128, 0.5) !important;
}
.footer-form-contact .col{
	background:transparent !important;
	padding-bottom:0px;
}
.footer-form-contact .col.col-left{
	padding: 30px;
}
.footer-form-contact .col.col-left h2{
	font-size:64px;
	line-height: 110%;
}
.footer-form-contact .col.col-right{
	background:#fff !important;
	display: flex;
    box-shadow: 0 10px 16px 0 rgba(2, 1, 1, .4);
    margin-top: -80px;
    margin-bottom: -80px;
    margin-left: 0px;
    margin-right: 0px;
    padding:30px;
}
.footer-form-contact .wpcf7-form fieldset{
	margin-bottom:0px;
}
.footer-form-contact .wpcf7-form, .footer-form-contact .wpcf7-form p{
	margin-bottom:0px;
}
.footer-form-contact .wpcf7-form .wpcf7-submit{
	background: #fbc604 !important;
    border-color: #f99e15 !important;
	border-radius:5px;
	margin-bottom:0px;
	color: #000;
}
/* footer */
#footer{padding-bottom:60px;}
#footer .widget span.widget-title{
	background: transparent !important;
}
#footer p{margin-bottom:5px;}
#footer i{color:#ff6100 !important;}
/* button contact */
.devvn_toolbar {
   position: fixed;
   bottom: 20px;
   left: 10px;
   z-index: 99999999;
}
.devvn_toolbar ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.devvn_toolbar ul li {
   padding: 10px 0px;
   margin: 0;
   list-style: none;
}
.devvn_toolbar ul li a {
   display: block;
   position: relative;
}
.devvn_toolbar ul li a#devvn_contact_1 span:after {
    border-right-color: #13990a;
}
.devvn_toolbar ul li a#devvn_contact_1 span {
    color: #ffffff;
     background-color: #13990a;
}
 .devvn_toolbar ul li a#devvn_contact_1 > div {
   box-shadow: 0 0 0 0 #13990a;
}
.devvn_toolbar ul li a#devvn_contact_2 span:after {
    border-right-color: #00acd3;
}
.devvn_toolbar ul li a#devvn_contact_2 span {
     color: #ffffff;
     background-color: #00acd3;
}
.devvn_toolbar ul li a > div {
     width: 42px;
     height: 42px;
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     margin: 0 0 5px;
     position: relative;
     background-position: 50% 50%;
     background-size: cover;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .devvn_toolbar ul li a br {
      display: none;
}
.devvn_toolbar ul li a span {
     font-weight: 400;
     color: #333;
     position: absolute;
     top: 50%;
     left: calc(100% + 10px);
     left: -webkit-calc(100% + 10px);
     left: -moz-calc(100% + 10px);
     margin-top: -12.5px;
     font-size: 14px;
     height: 25px;
     line-height: 25px;
     padding: 0 10px;
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     white-space: nowrap;
     opacity: 0;
     visibility: hidden;
}
.devvn_toolbar ul li a:hover span {
     opacity: 1;
     visibility: visible;
}
.devvn_toolbar ul li a span:after {
     right: 100%;
     top: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(136, 183, 213, 0);
     border-right-color: #333;
     border-width: 5px;
     margin-top: -5px;
}
.devvn_toolbar ul li a img {
     width: auto;
     height: auto;
     max-width: 42px;
     max-height: 42px;
     margin: 0;
     box-shadow: none;
     border: 0;
}
.devvn_toolbar ul li a > div {
   background: transparent !important;
}
.devvn_toolbar ul li a.animation_tada > div {
    animation-name: devvn_tada;
    -webkit-animation-name: devvn_tada;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    box-shadow: 0 0 0 0 #c31d1d;
}
.devvn_toolbar ul li a.animation_zoom > div {
     animation-name: devvn_zoom;
     -webkit-animation-name: devvn_zoom;
     animation-delay: 0s;
     -webkit-animation-delay: 0s;
     animation-duration: 1.5s;
     -webkit-animation-duration: 1.5s;
     animation-iteration-count: infinite;
     -webkit-animation-iteration-count: infinite;
     cursor: pointer;
     box-shadow: 0 0 0 0 #c31d1d;
}
 @-webkit-keyframes devvn_tada {
                    0% {
                        -webkit-transform: scale(1);
                        transform: scale(1)
                    }

                    10%, 20% {
                        -webkit-transform: scale(.9) rotate(-3deg);
                        transform: scale(.9) rotate(-3deg)
                    }

                    30%, 50%, 70%, 90% {
                        -webkit-transform: scale(1.1) rotate(3deg);
                        transform: scale(1.1) rotate(3deg)
                    }

                    40%, 60%, 80% {
                        -webkit-transform: scale(1.1) rotate(-3deg);
                        transform: scale(1.1) rotate(-3deg)
                    }

                    100% {
                        -webkit-transform: scale(1) rotate(0);
                        transform: scale(1) rotate(0)
                    }
}
@keyframes devvn_tada {
                    0% {
                        -webkit-transform: scale(1);
                        -ms-transform: scale(1);
                        transform: scale(1)
                    }

                    10%, 20% {
                        -webkit-transform: scale(.9) rotate(-3deg);
                        -ms-transform: scale(.9) rotate(-3deg);
                        transform: scale(.9) rotate(-3deg)
                    }

                    30%, 50%, 70%, 90% {
                        -webkit-transform: scale(1.1) rotate(3deg);
                        -ms-transform: scale(1.1) rotate(3deg);
                        transform: scale(1.1) rotate(3deg)
                    }

                    40%, 60%, 80% {
                        -webkit-transform: scale(1.1) rotate(-3deg);
                        -ms-transform: scale(1.1) rotate(-3deg);
                        transform: scale(1.1) rotate(-3deg)
                    }

                    100% {
                        -webkit-transform: scale(1) rotate(0);
                        -ms-transform: scale(1) rotate(0);
                        transform: scale(1) rotate(0)
                    }
}
@-webkit-keyframes devvn_zoom {
                    0% {
                        transform: scale(.9)
                    }

                    70% {
                        transform: scale(1);
                        box-shadow: 0 0 0 15px transparent
                    }

                    100% {
                        transform: scale(.9);
                        box-shadow: 0 0 0 0 transparent
                    }
}
@keyframes devvn_zoom {
                    0% {
                        transform: scale(.9)
                    }

                    70% {
                        transform: scale(1);
                        box-shadow: 0 0 0 15px transparent
                    }

                    100% {
                        transform: scale(.9);
                        box-shadow: 0 0 0 0 transparent
                    }
}
.devvn_toolbar ul li a.animation_swing img {
    animation-name: devvn_swing;
    -webkit-animation-name: devvn_swing;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
}
 @-webkit-keyframes devvn_swing {
                    20% {
                        -webkit-transform: rotate3d(0,0,1,15deg);
                        transform: rotate3d(0,0,1,15deg)
                    }

                    40% {
                        -webkit-transform: rotate3d(0,0,1,-10deg);
                        transform: rotate3d(0,0,1,-10deg)
                    }

                    60% {
                        -webkit-transform: rotate3d(0,0,1,5deg);
                        transform: rotate3d(0,0,1,5deg)
                    }

                    80% {
                        -webkit-transform: rotate3d(0,0,1,-5deg);
                        transform: rotate3d(0,0,1,-5deg)
                    }

                    to {
                        -webkit-transform: rotate3d(0,0,1,0deg);
                        transform: rotate3d(0,0,1,0deg)
                    }
}
@keyframes devvn_swing {
                    20% {
                        -webkit-transform: rotate3d(0,0,1,15deg);
                        transform: rotate3d(0,0,1,15deg)
                    }

                    40% {
                        -webkit-transform: rotate3d(0,0,1,-10deg);
                        transform: rotate3d(0,0,1,-10deg)
                    }

                    60% {
                        -webkit-transform: rotate3d(0,0,1,5deg);
                        transform: rotate3d(0,0,1,5deg)
                    }

                    80% {
                        -webkit-transform: rotate3d(0,0,1,-5deg);
                        transform: rotate3d(0,0,1,-5deg)
                    }

                    to {
                        -webkit-transform: rotate3d(0,0,1,0deg);
                        transform: rotate3d(0,0,1,0deg)
                    }
}
body .devvn_toolbar.devvn_toolbar_right {
   left: auto;
   bottom: 10px;
   right: 10px;
}
body .devvn_toolbar.devvn_toolbar_right ul li a span {
     right: calc(100% + 10px);
     right: -webkit-calc(100% + 10px);
     right: -moz-calc(100% + 10px);
     left: auto
}
.devvn_toolbar.devvn_toolbar_right ul li a span:after {
      left: 100%;
      right: 0;
      transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg)
}
/* bottom contact bar */
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: #0177c0;
    padding: 5px 0
}

.bottom-bar .btn {
    color: #fff;
    background-color: #4194cd;
    margin: 5px;
    width: auto;
    display: flex;
    align-items: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    justify-content: center
}

.bottom-bar .btn:hover {
    background-color: #0566a3
}

.bottom-bar .icon {
    margin-right: 5px
}

.bottom-bar .icon svg {
    width: 20px
}

.bottom-bar .btn-hotline .icon svg {
    width: 15px
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex !important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center !important;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center !important;
}
@media (max-width: 575px) {
    /*.bottom-bar .btn:first-child,.bottom-bar .btn:last-child {
        display:none
    }*/
}
@media only screen and (min-width: 850px) {
	#product-sidebar, .post-sidebar{padding-left:15px !important;}
	#product-sidebar{padding-top:40px !important;}
}       
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	.single-product .woocommerce-tabs .tab-panels{padding:15px !important;}
	.button span {line-height: 1.6;}
	button i, .button i {top: -1.5px;}
	.header-wrapper{padding-top:10px}
	.home .section-slider{padding: 10px!important;}
	.bai-viet-lien-quan ul li{width:50% !important}
	p.name.product-title.woocommerce-loop-product__title a, .post-item .post-title {
    	font-size: 100%;
	}
	.header-block .img-inner{width:100% !important}
	.author-box .flex-row{flex-flow: column !important;}
	.author-box .mr{
		width: 100% !important;
  		flex-basis: 100% !important;
		margin-right: 0px !important;
	}
	.footer-form-contact .col.col-left h2{
		font-size:54px;
	}
}