/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.12.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



/*
Bạn có thể thêm CSS ở đây.

Nhấp chuột vào biểu tượng trợ giúp phía trên để tìm hiểu thêm.
*/
@font-face {
    font-family: 'UTM Avo';
    src: url('/wp-content/themes/vivaclinic/UTM Avo.eot');
    src: local('UTM Avo'), 
    url('/wp-content/themes/vivaclinic/font/UTM Avo.woff') format('woff'), 
    url('/wp-content/themes/vivaclinic/font/UTM Avo.svg') format('svg'), 
    url('/wp-content/themes/vivaclinic/font/UTM Avo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM AvoBold';
    src: url('/wp-content/themes/vivaclinic/font/UTM AvoBold.eot');
    src: local('UTM AvoBold'), 
    url('/wp-content/themes/vivaclinic/font/UTM AvoBold.woff') format('woff'), 
    url('/wp-content/themes/vivaclinic/font/UTM AvoBold.svg') format('svg'), 
    url('/wp-content/themes/vivaclinic/font/UTM AvoBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.nav > li > a {font-family:  "UTM Avo", sans-serif;text-transform: none; font-weight:bolder; font-size: 14px}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "UTM AvoBold"; text-transform: none; font-weight: bold}
.alt-font{font-family: "UTM Avo", sans-serif;}





#masthead{
    background: black;
    background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.91), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.91));
    background: -o-linear-gradient(to right, rgba(0, 0, 0, 0.91), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.91));
    background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0.91), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.91));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.91), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.91));
}
.nav>li{    border-right: 1px solid #2b2918;}
.nav>li:hover{    background: linear-gradient(rgba(255, 255, 255, 0.16), rgba(0, 0, 0, 0.52));}
.nav li:first-child{    border-left: 1px solid #2b2918;}
.phone-header{    border: 1px solid #F2C100;
    padding: 8px;
    border-radius: 3px;
    font-size: 15px;
    color: #F2C100;}
.nav>li.html:hover{background: black}
.nav>li.html{border-right: 0px}
.nav .nav-dropdown{
background:white; }
.nav .nav-dropdown li{border-left: 0px solid #2b2918;    BORDER-BOTTOM: 1PX DOTTED #f1f1f1;}
.nav-dropdown>li.nav-dropdown-col{border-right: 0px solid transparent;}
.nav .nav-dropdown ul li ul li:hover{background: linear-gradient(rgba(255, 255, 255, 0.16), rgba(0, 0, 0, 0.52));}
.nav-column>li>a{color:black}
.nav-column li>a:hover{color: rgb(211, 175, 55);}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a{text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #000;}
.nav-dropdown>li>a:hover{color: #d3af37;}
.nav-dropdown{    border: 1px solid #b3b3b3;}
.col{    padding: 0 15px 0px;}
.dich-vu .col{padding: 5px 5px 5px 5px;}
.truoc-sau img{
    border: 1px solid #838183;border-radius:4px
}
.truoc-sau .box-text{padding-bottom: 0}
.truoc-sau .row-small>.col{padding-bottom: 0}
.button span{font-weight:normal}
.button.is-outline{border: 1px solid currentColor;line-height: 37px;}
.dich-vu .col-inner{border: 1px solid #F2C100;
    border-radius: 4px;
    border-bottom: 1px solid #F2C100;}
.dich-vu .text-left{padding:8px}
.accordion-title.active{color: #000000;
    font-size: 15px;    background:rgb(242, 193, 0);    border-top: 0px solid #ddd;}
.accordion-item{margin-bottom: 5px; background: white}
.accordion-title{border-top: 0px solid #ddd;}
.accordion .active .toggle {
    background: #f2c100;
    top: 0;
    opacity: 1;
    color: currentColor;
}
.accordion-inner p{font-size: 14px}
.accordion-item span{font-size:15px}
.dich-vu a:hover{color: red}
.tin-tuc .box-image{float: left; margin-right: 15px}
.tin-tuc  .col+.col .col-inner{background: white;
    border-bottom: 8px solid #838183;
    border-radius: 4px; height: 141px; padding-right: 8px}
.tin-tuc h5{    font-size: 15px;
    color: black;margin-bottom:15px}
.tin-tuc  .col:first-child .col .col-inner{background: white;
    border-bottom: 8px solid #F2C100;
    border-radius: 4px; height: 141px; padding-right: 8px}
.tin-tuc h5{    font-size: 15px;
    color: black;}
.article-inner  .entry-image img{display:none}
.article-inner .badge.post-date{display:none}
.article-inner .is-xsmall{font-size: 13px;
    text-transform: none;
    font-family: roboto;
    font-weight: normal;}
.cauhoi-tuvan .box-image{float: left; margin-right: 8px}
.cauhoi-tuvan .badge.post-date{display:none}
.cauhoi-tuvan .is-divider{display:none}
.cauhoi-tuvan .box-text{margin-top: 10px;padding-bottom: 10px;}

.cauhoi-tuvan h5{font-family: "roboto", arial, sans-serif; font-size:15px; font-weight: normal}
h3.widget-title {
    text-transform: none;
    font-size: 20px;
    color: #f2c100;
}

.large-9{background: white;border: 1px solid #e6e6e6; border-radius: 4px}
.row-large>.col{padding: 15px}
.post-sidebar large-3 col{background: white}
.nav-uppercase>li>a{letter-spacing: 0}
.page-wrapper{    background: #f9f9f9;}
.gioi-thieu-page .col-inner{padding:10px}
.box-blog-post .is-divider{display:none}
.nav-dropdown li.active>a, .nav-column li.active>a{color: rgba(179, 179, 179, 0.85);}
h3.widget-title {
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 0;
    color: #000000;
    background: #eeeeee;
    height: 40px;
    line-height: 42px;
    padding-left: 11px;
    border-left: 10px solid #828282;
}
.widget .is-divider{display:none}
body{font-family: roboto; font-size: 15px}
.cauhoi-tuvan h5:hover{color:#838183}
.dich-vu .text-left:hover{color: #838183}
.pull-left{float:none}
.header-nav.nav-box > li > a:hover{color: white!important;}
.nav-dark .nav>li.html{color: #000;font-weight: bold}
.header-shadow .header-wrapper{    box-shadow: 1px 1px 20px rgba(0,0,0,0.9);    }
.tin-tuc a:hover{color:#838183}
.header-nav.nav-box > li.active > a{    color: white!important;    background: #838183;}

.fm-item-2 .fm-icon, .fm-item-2 a:hover .fm-icon, .fm-item-2 .fm-label {
    color: #ffffff !important;
    background-color: #f2c100 !important;
}
.fm-item-0 .fm-icon, .fm-item-0 a:hover .fm-icon, .fm-item-0 .fm-label {
    color: #ffffff !important;
    background-color: #f2c100 !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.tin-tuc .box-text p{display:none}
.dich-vu .small-6{max-width: 100%;}


}