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

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-main .nav > li > a {
line-height: 34px;
    padding: 1px 10px;
    text-transform: none;
    font-size: 17px;
}.nav-spacing-large>li {
    margin: 0 3px;
}
.footer-section ul li{margin-bottom:4px}.hotline-footer{display:none}.blog-single .danh-muc {
    display: block;
    margin-bottom: 10px;
}.blog-single .danh-muc, .blog-single .the-tim-kiem {
    font-size: 15px;
}.bai-viet-lien-quan{margin-top:10px}.blog-single h2 {
    font-size: 22px;
}.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}.bai-viet-lien-quan ul li {
    list-style: none;
    width: 25%;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}.bai-viet-lien-quan ul li .box-image img {
    height: 120px;
    border-radius: 6px;
    object-fit: cover;
    object-position: center;
}.bai-viet-lien-quan ul li h3 {
    height: 45px;
    overflow: hidden;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin-top: 7px;
    line-height: 21px;
}.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}.thong-tin-tac-gia {
    background: #FFFDE7;
    padding: 15px;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    clear: both;
    border: 1px dashed #FF9800;
}.thong-tin-tac-gia .left {
    width: 10%;
    float: left;
    display: inline-block;
}.thong-tin-tac-gia .right {
    padding-left: 10px;
    width: 90%;
    float: right;
    display: inline-block;
    text-align: left;
}.thong-tin-tac-gia h4 {
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 400;
    color: #94660a;
}.thong-tin-tac-gia .right p {
    font-size: 14px!important;
}
a.back-to-top{border:none !important; color:white !important; background:#1c4040 !important}.footer-secondary {
    padding: 0; color:white
}.copyright-footer{color:white}
.header-main {
    box-shadow: 2px 2px 20px #0000000f;
}h1.entry-title.mb {
    margin-bottom: 20px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 25px;
}.blog-archive .large-9, .blog-single .large-9, .page-right-sidebar .large-9 {
    padding-right: 20px;
    border-right: 0!important;
}.blog-archive .large-3, .blog-single .large-3, .page-right-sidebar .large-3 {
    padding-left: 0;
    border-left: 0!important;
}.widget ul {
    border-radius: 4px;
    margin: 0;
    border: 1px solid #e5e5e5;
    padding: 10px;
}.recent-blog-posts {
    padding: 10px 0 10px;
}.recent-blog-posts-li a {
    font-size: 15px;
    color: #272727;
}span.widget-title {
    display: block;
    margin-bottom: 10px;
    font-family: "roboto condensed",sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: #1c4040;
}.widget .is-divider {
    display: none;
}#breadcrumbs {
    font-size: 15px;
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 4px;
    background-image: linear-gradient(to right, #ffffff , rgb(28 64 64 / 22%));
}.dang-ky-thong-tin {
    background: linear-gradient(to right, #ffffff , rgb(28 64 64 / 22%));
    background-size: cover;
    padding: 30px;
    display: block;
    border-radius: 10px;
}input[type='submit'] {
    margin: 0;
    border-radius: 5px;
    font-size: 15px;
    text-transform: none;
    letter-spacing: 0;
}input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea {
    font-size: 14px;
    border-radius: 5px;
    box-shadow: none;
}
.page-right-sidebar .page-inner h5{font-size: 17px;}.blog-archive .archive-page-header .large-12 {
    text-align: left;
    padding-bottom: 0px;
}.blog-archive .page-title {
    text-transform: none;
    letter-spacing: 0;
    font-size: 22px;
    color: #7bb223;
}.blog-archive .post-item .post-title {
    font-size: 18px;
    margin-bottom: 10px;
}.blog-archive .large-9 .badge {
    display: none;
}.is-divider {
    display: none;
}
.blog-archive .post-item a:hover{color:black}
.blog-archive .post-item:hover .post-title{color:#c77622}
.page-right-sidebar .page-inner h4{font-size: 18px;}
.page-right-sidebar .page-inner h3{font-size: 19px;}
.page-right-sidebar .page-inner h2{font-size: 20px;}
.section-gioi-thieu .col{padding-bottom:0}
.footer-section h3{font-weight:normal; font-size:18px}
.footer-section a.button{font-weight:normal; letter-spacing:0}
.nav-small.nav>li.html {
		font-size: 13px;}

#top-bar li a{font-size: 13px;
    text-transform: none;
    letter-spacing: co;
    color: #fff;}.nav-dropdown-default {border:none;
    padding: 10px;
}.nav-dropdown-has-arrow li.has-dropdown:before {
    border-width: 9px;
    margin-left: -9px;
}
.nav-dropdown>li>a {
        width: auto;
    display: block;
    padding: 5px 20px;
    border-bottom: 0 !important;
    color: #1c4040;
		font-size: 16px;}.nav-dropdown>li>a:hover{color:#000}
/*
.section-title-center span:after {
content: "";
    display: table;
    clear: both;
    background: url(/wp-content/uploads/2024/12/line.png);
    width: 100%;
    height: 25px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
    background-size: 260px;
}
*/
.section-title b{background:none}.section-title-container {
    margin-bottom: -0.5em;
}.section-title-center span {
    margin: 0 15px;
    text-transform: none;
    font-weight: normal;
    font-size: 31px;
    color: #1c4040;
}
.welcome-section .icon-box .icon-box-img img{
    border-radius: 99%;
    border: 2px solid #eefbdf;
    padding-top: 0;
    }
.welcome-section .icon-box h3{font-weight: normal;
}
.section2 .section-title-center span{color:white}
/*
.section2 .section-title-center span:after {
    content: "";
    display: table;
    clear: both;
    background: url(/wp-content/uploads/2020/03/after-title2.png);
    width: 100%;
    height: 25px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
    background-size: 260px;
}
*/
.section2 .box {background: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;}
.section2 .box h3{    text-align: center;
    margin: 0;
    color: #704713;
    margin-top: 10px;
    font-weight: normal;
    font-size: 17px;}
.section2 .box a.button{margin-bottom: 0;
    text-transform: none;
    font-weight: normal;}
.section2 .col-inner:hover .box{/* background: #ffe8a6; */}
.section2 .col-inner:hover .price{/* background: #ffe8a6; */}
.section2 .price{text-align: center;
    margin-bottom: 0;
    background: white;
    padding: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;}
.section3 a.button{font-weight:normal; text-transform:none}.section4 .col{padding-bottom:0}
.section4 .col-inner p{color: black;
    text-align: center;}
.section5 .box .person-name{ margin-bottom:10px; text-transform:None;    font-size: 19px;
    font-weight: normal;
		letter-spacing: 0;}.section5 .box:hover{box-shadow: 2px 2px 20px #00000017;border: 1px solid #eefbdf;}
.list-post .post-item .post-title{margin-bottom:10px; font-size:16px; font-weight:normal}
.list-post .post-item .cat-label{padding: 4px;
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0;}
.tin-tuc-section .col-inner:hover .box{background:white !important}
.list-post .post-item a:hover{color:black}
.list-post .box{border-radius:6px}
.list-post .post-item .box-image {border-top-left-radius:6px; border-top-right-radius:6px}
.list-post .post-item{padding-bottom:0}
.bang-gia-section .price{text-align: center;
    margin-bottom: 0;
    background: #7bb223;
    border: 2px solid #f3f3f3;
    padding: 10px;
    color: white !important;}
.bang-gia-section .cot2 .box{border:2px solid #7bb223}
.bang-gia-section .box{background: #fbfbfb;border: 2px solid #f3f3f3;}
.bang-gia-section .box ul{margin-bottom:0}.bang-gia-section .cot2 .price{    border: 2px solid #7bb223;}
.bang-gia-section .col-inner:hover .price{border:2px solid #7bb223}
.bang-gia-section .col-inner:hover .box{border:2px solid #cccccc}
.bang-gia-section .col-inner:hover{    box-shadow: 2px 2px 20px #0000002b;}
.bang-gia-section .box ul li{text-align: center;
    list-style: none;
    border-bottom: 1px solid #f3f3f3;
    margin: 0;
    padding: 7px 0;}
.bang-gia-section a.button{font-weight:normal; margin-bottom:0}
.section5 .box .person-title{text-transform:None; letter-spacing:0; font-size:14px; color:gray}
.section5 .box{    padding-top: 20px;    border: 1px solid #e7e7e7;
    border-radius: 5px;}
.section5 .box .box-image{
    width: 48% !important;
    border: 3px solid #eefbdf;
    border-radius: 99%;
    }
.section4 .col-inner{
    /*background: white;*/
    border-radius: 5px;
    padding: 10px;
    /*border: 1px dotted #eefbdf;*/
    }

.section4 img {filter: hue-rotate(98deg);}

.fa-comment-alt:before, .fa-message:before {content: "\f4ad";}
.text-capitalize {text-transform:capitalize}
.fa-telegram-plane:before, .fa-telegram:before {content: "\e07b";}

.aio-contact-trigger-front .fa-comment-alt{animation:tada 2s linear infinite}
.aio-contact-trigger-front::before{border:1px solid #1c4040;content:'';display:block;width:150%;height:150%;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:phone-circle-animate 1s ease-in-out infinite;animation:phone-circle-animate 1s ease-in-out infinite}
.aio-contact-trigger-front::after{background-color:#1c4040;opacity:0.5;content:'';display:block;width:120%;height:120%;border-radius:50%;position:absolute;left:50%;top:50%;z-index:-1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:phone-circle-fill-animate 2s ease-in-out infinite;animation:phone-circle-fill-animate 2s ease-in-out infinite}
@keyframes phone-circle-animate {
0%{transform:translate(-50%,-50%) rotate(0) scale(0.5);opacity:.1}
30%{transform:translate(-50%,-50%) rotate(0) scale(0.7);opacity:.5}
100%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:.1}
}
@keyframes phone-circle-fill-animate {
0%,100%{transform:translate(-50%,-50%) rotate(0) scale(0.7)}
50%{transform:translate(-50%,-50%) rotate(0) scale(1)}
}
@keyframes phone-icon-animate {
0%,100%{transform:rotate(0) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{transform:rotate(25deg) scale(1) skew(1deg)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
50%{transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes tada {
0%{transform:scale(1)}
10%,20%{transform:scale(.9) rotate(-8deg)}
30%,50%,70%{transform:scale(1.1) rotate(8deg)}
40%,60%{transform:scale(1.1) rotate(-8deg)}
100%,80%{transform:scale(1) rotate(0)}
}

#top-bar {background-image: linear-gradient(90deg, #1c4040, #165759);}
#top-bar{overflow:hidden}
#top-bar:after{position:absolute;content:"";width:40%;height:300px;top:0;left:0;background:#1c4040;z-index:-1;transform:skewX(20deg);border-right:5px solid #245858}
.html_topbar_left {color:#fff}

.has-hover:hover .tag-label {background-color: #1c4040;}

.section4 .icon-box h5 {
    font-size: 40px;
    background-image: linear-gradient(90deg, #34bbbf, #1c4040);
    background-clip: text;
    color: transparent;
}

.thong-tin-tac-gia {display:none}

.price-wrapper * {font-size:16px;color:#1c4040}
.product-page-price .price-wrapper * {font-size:30px;}

.product-short-description {margin-bottom:20px}

.product-tabs {font-size:16px;}

.section2-ab img {border-radius:10px;transition:all .8s ease}
.section2-ab img:hover {transform:scale(1.1);}

.section4 .img {display:none}

.home-act-buy:hover {background:#f00 !important}

#main img {border-radius:5px}
.vd-radius {border-radius:10px}

@media (min-width: 1024px) {
	.html_topbar_left .chuchay {
		padding-top: 5px;
		min-width: 300px;
	}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
body,html{word-break:break-word}.header-main .nav > li > a{padding:0}.icon-menu:before, .icon-search:before {
    color: #7bb223;
}.section-title-center span{font-size:21px}
.welcome-section .large-3, .section2 .large-3, .bang-gia-section .large-3{flex-basis:50%; max-width:50%; padding:0 4px 8px}
.section3 .cot1 p, .section3 .cot1 .alt-font, .section3 .cot1 .col-inner{text-align:center !important}.bang-gia-section .price{font-size:12px !important}
.footer-section .large-3{flex-basis:100%; max-width:100%}
.section3 .cot1 ul li{text-align:left}.section4 .col, .list-post .post-item{padding-bottom:15px}.header:after{display:none}.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: none;
    font-size: 16px;
    color: black;
    font-weight: normal;
    text-transform: uppercase;
}
.sidebar-menu .nav .active>.children{background:#d4d4d4; padding-bottom:0}
.sidebar-menu .nav .active>.children li a{padding-top:5px;padding-bottom:5px; text-transform:none}.blog-archive .large-9, .blog-single .large-9, .page-right-sidebar .large-9{padding-right:15px}.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}.blog-archive .large-3, .blog-single .large-3, .page-right-sidebar .large-3{padding-left:15px}
	
	.section4 .icon-box h5 {font-size: 33px;}

}

/*end*/