/*
Theme Name: satmythuat
Description: This is a child theme for Flatsome Theme
Author: Appnetmedia
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#nz-div-4 h3.tde {
border-bottom:2px solid #ea3a3c;
font-size:16px;
line-height:20px;
margin:45px 0;
text-align:center;
text-transform:uppercase
}

#nz-div-4 h3.tde :after {
border-bottom:0 solid transparent;
border-left:20px solid #EA3A3C;
border-right:0 solid transparent;
border-top:40px solid transparent;
content:"";
height:0;
position:absolute;
right:-20px;
top:0;
width:0
}

#nz-div-4 h3.tde :before {
border-color:transparent;
border-right-color:#EA3A3C;
border-style:solid;
border-width:40px 20px 0 0;
content:"";
height:0;
left:-20px;
position:absolute;
top:0;
width:0
}

#nz-div-4 h3.tde span {
background:#EA3A3C;
color:#fff;
display:inline-block;
margin:0;
padding:10px 20px 8px;
position:relative
}

* {
font-family:"Times New Roman",Times,serif;
font-weight:700
}

.box-image {
border:1.5px solid #FBC00E;
padding:1px
}

.btn_moreproduct:before,.btn_moreproduct:after {
animation-duration:2.5s;
animation-iteration-count:infinite;
animation-name:example;
background:url(https://satmythuatcamtuong.com/wp-content/uploads/2022/04/finger.png) no-repeat left 0;
background-size:contain;
content:'';
height:100%;
left:-60px;
position:absolute;
width:100%;
z-index:3
}

.col_productshow {
padding-bottom:0
}

.entry-header .entry-divider,.entry-header .entry-category {
display:none
}

.flickity-button,.flickity-page-dots {
display:none!important
}

.header-nav li.nav-dropdown-col:hover >ul {
display:block!important
}

.image-cover {
border:1.5px solid #FBC00E;
margin:2px
}

.nav-dropdown {
border:1px solid #ddd;
padding:0
}

.nav-dropdown .menu-item-has-children>a,.nav-dropdown>li>a {
color:#1d0000
}

.nav-dropdown .nav-dropdown-col>a,.nav-dropdown li a {
font-size:15px;
font-weight:400!important;
font-weight:500;
text-transform:none!important
}

.nav-dropdown .nav-dropdown-col>ul {
background:#fff;
border:1px solid #d2d2d2;
box-shadow:2px 2px 5px #828282;
display:none;
left:100%;
margin-top:-40px;
min-width:240px;
position:absolute;
z-index:9
}

.nav-dropdown .nav-dropdown-col>ul li a {
color:#000;
padding:10px;
text-transform:none
}

.nav-dropdown .nav-dropdown-col>ul li:hover,.nav-dropdown-default>li:hover {
background:#1D741B
}

.nav-dropdown li.activce {
background:#1D741B;
color:#fff
}

.nav-dropdown li.active>a {
color:#1D741B
}

.nav-dropdown-default,.entry-header-text {
padding:0
}

.nav-dropdown-default>li:hover>a,.nav-dropdown .nav-dropdown-col>ul li:hover>a,.vi-left-title-2 a :hover {
color:#fff
}

.nav-dropdown-default>li>a {
border-bottom:0!important
}

.nav-dropdown-has-arrow li.has-dropdown:before {
border-width:10px;
margin-left:-10px
}

.nav-dropdown>li.nav-dropdown-col {
border-right:0;
display:block;
width:100%
}

.nav-vertical li li.menu-item-has-children>a {
color:#7a9c59;
font-size:.8em;
font-weight:bolder;
text-transform:uppercase
}

.nav-vertical>li>ul li a {
-o-transition:color .2s;
-webkit-transition:color .2s;
color:#1d741b;
transition:color .2s
}

.off-canvas .nav-vertical>li>a {
color:#1d741b;
padding-bottom:15px;
padding-top:15px
}

.post-title {
color:#055816
}

.pull-right {
float:right;
margin-right:0!important;
max-height:36px!important
}

.section-footer {
border-top:2px solid #79c642
}

.underline_tittle {
border-bottom:#fbee0f 2px solid
}

.vi-header {
border-bottom:solid 1px #1d741b;
margin-bottom:10px
}

.vi-left-title-2 {
background:#1d741b;
color:#fff;
display:flex;
font-size:18px;
justify-content:center;
margin:0;
padding:3px 10px;
position:relative;
transform:skew(350deg);
width:35%
}

.vi-left-title-2 a {
color:#f7d330;
font-size:26px
}

.vi-right-link {
display:flex;
font-size:18px;
justify-content:center;
padding-top:16px
}

.vi-right-link a {
color:#1d741b;
margin-left:15px
}

.vi-right-link a.vi-more,.vi-right-link a:hover {
color:#1d741b
}

.vi-right-link a.vi-more:after {
content:"";
font-family:FontAwesome;
margin-left:4px
}

.vi-right-link a:first-child {
margin-left:0
}

.woocommerce-loop-product__title a,.woocommerce-loop-product__title a:hover {
color:#055816;
font-weight:700
}

body {
overflow-x:hidden
}

h3.tittle_page {
background:#1d741b!important;
color:#fbee0f!important;
display:flex;
font-size:32px;
justify-content:center;
transform:skew(350deg)
}

input[type='submit']:not(.is-form) {
background-color:#FBEE0F!important;
background-color:#FBEE0F;
color:#055816;
color:#055816;
width:100%;
width:100%
}

@keyframes example {
0% {
left:-100pxpx;
top:0;
transform:90
}

100% {
left:-100px;
top:0;
transform:90
}

50% {
left:-30px;
top:0;
transform:0
}
}

@media all and (min-width:801px) and (max-width: 959px) {
.vi-left-title-2 a {
font-size:20px
}

.vi-right-link {
font-size:14px
}

h3.tittle_page {
font-size:26px
}
}

@media only screen and (max-width: 48em) {
.vi-left-title-2 {
width:50%
}

.vi-left-title-2 a,.tittle_page {
font-size:20px
}

.vi-right-link {
font-size:16px;
max-height:26px
}

.vi-right-link .vi-link,.flickity-button,.flickity-page-dots {
display:none
}

h3.tittle_page {
font-size:20px!important
}
}