/*
Theme Name: Bệnh viện
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('fonts/font-awesome/css/font-awesome.min.css');

@font-face{
    font-family:'utm_avo';
    src:url('fonts/UTM Avo.eot');
    src:local('☺'),url('fonts/UTMAvo/UTM_Avo_Regular.woff') format('woff'),url('fonts/UTMAvo/UTM_Avo_Regular.ttf') format('truetype'),url('fonts/UTMAvo/UTM_Avo_Regular.svg') format('svg');
    font-weight:400;
    font-style:normal;
}
@font-face{
    font-family:'UTMAvoBold';
    font-style:normal;
    font-weight:400;
    src:local('UTMAvoBold'),url('fonts/UTMAvo/UTM_Avo_Bold.woff') format('woff');
}
body,p,a, .section-title-main, h1, h2, h3, h4, h5,h6 , strong, .icon-box-text, .icon-box-text h2, .icon-box-text h3, .icon-box-text h4,  .icon-box-text h5, .sidebar-menu .nav-sidebar li a, .col-inner, .text-center, .text-center h2,  .text-center h3, .text-center h4, .text-center h5 ,  .col-inner strong,
.col-inner h3, .col-inner h4, .header-nav > li.menu-item, .header-nav > li.menu-item a, .header-nav li.menu-item, .header-nav li a, h1.entry-title, .widget-title , .col-inner h2, .col-inner h3, .col-inner h4, .col-inner h5, .col-inner h6, .header_top_item ul.contact li
{
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}

.header_top_item {
    margin-bottom: 7px;
}
.header_top_item ul.contact {
    margin-top: 12px;
    font-size: 0;
}
.header_top_item ul.contact li{
position:relative;
display:inline-block;
vertical-align:top;
padding-left:22px;
padding-right:22px;
text-align:left;
font-weight:400;
font-size:14px;
color:#595959;
line-height:26px;
}
.header_top_item ul.contact li:first-child{
padding-left:0;
}
.header_top_item ul.contact li:last-child{
padding-right:0;
}
.header_top_item ul.contact li:only-child{
padding-left:0;
padding-right:0;
}
.header_top_item ul.contact li.phone{
color:#02646f;
}
.header_top_item ul.contact li.phone strong{
}
.header_top_item ul.contact li:before{
position:absolute;
top:6px;
right:0;
z-index:0;
content:" ";
width:1px;
height:calc(100% - 13px);
background-color:rgba(0,0,0,0.2);
}
.header_top_item ul.contact li:last-child:before,
.header_top_item ul.contact li:only-child:before{
display:none;
}
.header_top_item ul.contact li.phone strong{
display:block;
font-weight:500;
font-size:18px;
color:var(--primary-color);
line-height:28px;
}
.header_top_item ul.contact li a{
color:inherit;
}
.header_top_item ul.contact li .has-icon{
position:relative;
padding-left:42px;
}
.header_top_item ul.contact li .has-icon .icon{
position:absolute;
top:8px;
left:0;
z-index:1;
}
.header_top_item ul.contact li .has-icon .icon i{
font-size:33px;
line-height:1;
color:var(--primary-color);
} .wraper_header_main{
width:100%;
}
.stuck .header_top_item ul.contact {
    margin-top: 3px;
}
.button_call_action
{
height:72px;
line-height:72px;
vertical-align:middle;
text-align:left;
 padding-left: 72px;
font-size: 32px;
color:#ffffff;
margin-bottom:12px;
}
.button_call_action a, .button_call_action:link, .button_call_action:visited{
	color:#ffffff;
	
}
.widget_text .button_call_action{
	font-size: 20px;
	
}
.button_call_action:before {
  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #ffffff;
    font-size: 32px;
    padding-left: 0px;
    position: absolute;

    left: 24px;
}
.button_call_action.btn_datlichkham{
background-color:#36A913;

}
.button_call_action.btn_lichhoithao{
 background-color:#FF9301;
}
.button_call_action.btn_khuyenmai{
 background-color:#2CA7F6;
}

.button_call_action.btn_datlichkham:before{
 content: "\f274";
}
.button_call_action.btn_lichhoithao:before{
 content: "\f022";
}
.button_call_action.btn_khuyenmai:before{
 content: "\f06b";
}
.top-bar-1 .slide-logo{
    margin-top:-100px !important;
     padding:0 !important
}
 .top-bar-1 .logo-chinh .img .img-inner{
    background:white;
     z-index:999;
     padding:0;
     width:140px
}
.top-bar-1 .col{
    padding-bottom:0 !important
}
 .top-bar-1 .flickity-prev-next-button svg, .flickity-prev-next-button .arrow{
     fill: #d8d8d8;
}
 .top-bar-1 ul, .top-bar-1 p{
    margin-bottom:5px
}
.top-bar-1 ul li{
    border-bottom:0;
     padding:0 20px
}
 .slider-row .cot1{
     padding: 20px 0 !important;
    flex-basis:20%;
     max-width:20%;
     background: #0059ab;
}
 .slider-row .cot2{
    flex-basis:80%;
     max-width:80%
}
 .slider-row .cot1 .widget_nav_menu{
    margin-left:0
}
 .slider-row .cot1 ul li a{
    padding-left: 15px !important;
    display: block;
     width: 100%;
     text-transform: uppercase;
     font-size: 13px;
     color: white;
    padding: 12px 0 
}
.slider-row ul li+li{
    border-top: 1px solid #147bbf;
}
 .slider-row .widget .toggle i{
    color:white;
    transform: rotate(-90deg);
    right: 5px;
}
 .slider-row .cot1 ul li li:hover{
    background: #80c82d
}
 .menu-item-has-children:hover >ul.sub-menu {
    margin: 0 !important;
     padding-left: 0;
     display: block !important;
     position: absolute;
     left: 100%;
     z-index: 99;
     background: #0059ab;
     margin-left: 0;
}
.widget .toggle{
    margin: 0;
}
 .section-title-normal{
    border-bottom:0
}
.section-title-normal span {
    font-size:16px;
     margin-right: 15px;
     padding-bottom: 7.5px;
     border-bottom: 0;
     margin-bottom: 0;
     BACKGROUND: #0059ab;
     PADDING: 5px 10PX;
     BORDER-LEFT: 7px solid #80c82d;
     color: white;
     padding-right: 30px;
     border-bottom: 1px solid #0059ab;
}
.section-title-normal:after{
    content: "";
     display: table;
     clear: both;
     border: 18px solid #0059ab;
     margin-left: 110px;
     position: absolute;
     border-right-color: rgba(255,255,255,0.08);
}
 .body-web .cot8 .post-item .box-text .post-title{
    font-weight: 600;
     color: #0b66a2;
     margin-bottom: 15px;
     margin-top: 10px;
    line-height: 20px;
}
.box-blog-post .is-divider, .blog-single .entry-category, .blog-single .is-divider, .blog-archive .breadcrumb, .page .flatsome_recent_posts {
    display:none
}
 .body-web .cot8 .cot8-2 .post-item .box-text .post-title{
     margin: 0;
     padding-bottom: 0;
     padding-right: 0;
     line-height: 20px;
     font-size: 12px;
}
 .body-web .cot8 .cot8-2 .post-item .box-text{
    padding-top:0;
     padding-bottom:0;
    padding-left: 10px;
     padding-right: 0;
}
 .body-web .cot8 .cot8-2 .post-item {
    padding-bottom:20px
}
 .tieu-de-cot .vien-duoi{
    display: block;
     background: #80c82d;
     height: 6px;
     margin-top: -17px;
}
 .tieu-de-cot .text-tieu-de-cot{
    background:white;
     padding-right:20px;
    font-size: 15px;
     color: #0b66a2;
     text-transform:uppercase
}
.body-web .row2 .post-item, .body-web .row2 .list-bai-viet .post-item {
    padding-bottom:0
}
hr{
    margin:0
}
 .body-web .cot8 .row2 .list-bai-viet .post-item .box-text .post-title{
    margin:0;
     font-weight:normal;
     color:black
}
 .body-web .cot8 .row2 .list-bai-viet .post-item .box-text{
    padding-bottom:5px;
     padding-left: 15px;
}
 .body-web .cot8 .row2 .list-bai-viet .post-item:before{
    content: '';
     margin-left: 0px;
     background: url(/wp-content/uploads/2018/10/i6.jpg);
     width: 6px;
     height: 6px;
     background-size: 6px 6px;
     margin-right: 0;
     float: left;
     margin-top: 14px;
}
 .body-web .cot8 .row2 .col{
    padding-bottom:5px
}
 .absolute-footer ul {
     border-bottom: 1px solid #e6e6e6;
     font-size: 11px;
     text-transform: none;
     letter-spacing: 0;
     color: black;
}
.absolute-footer{
    font-size:12px
}
 .body-web .cot8 .cot8-2 .post-item .box-image img{
    border: 5px solid #f1f1f1;
}
 .body-web .cot4 .call-to-action-button .img .img-inner:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 .form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select{
    border-color: white;
}
 .banner-post .banner-post-inner{
    background-color: #0059ab;
    display: inline-block;
    margin-bottom:20px
}
 .banner-post .left{
     float: left;
     width: 200px;
     padding-top: 40px;
}
 .banner-post .right{
    background:url(/wp-content/uploads/2018/10/t6.jpg);
     height:139px;
    float: right;
     width: 940px;
}
 .banner-post .clearboth{
    clear:both
}
.blog-single {
    padding-top:0
}
 .banner-post .tieu-de-menu{
    text-transform: uppercase;
     color: whtie;
     color: white;
     font-weight: bold;
     background: url(/wp-content/uploads/2018/10/menu-pc.png) no-repeat 30px 10px;
     padding-left: 75px;
     padding-right: 34px;
     padding-top: 15px;
     padding-bottom: 18px;
     font-size: 14px;
    display: block;
     width: 100%;
}
 .banner-post .menu{
     display:none ;
     position: absolute;
     background: #0059ab;
     z-index: 9999;
}
 .banner-post .left:hover> .menu{
    display:block !important
}
 .banner-post .menu li a{
    padding-left:15px;
     padding:12px;
     color:white;
     font-size:13px;
     text-transform:uppercase
}
 .banner-post .menu li+li{
     border-top: 1px solid #0269b6;
}
 .banner-post .menu li:hover{
    background: #80c82d
}
 .banner-post .toggle{
    width:20px;
    transform: rotate(-90deg);
     color: white;
     font-size: 9px;
}
 .banner-post .entry-category{
     display:block !important;
     padding-top: 63px;
     color: white;
     padding-left: 120px;
}
 .banner-post .entry-category a{
     color: white;
     font-size: 20px;
     opacity: 100;
}
 .breadcrumb .container-inner{
    border-bottom: 2px solid #f7f7f7;
     padding-bottom: 5px;
     margin-bottom: 20px;
     font-size: 13px;
     text-transform: uppercase;
     color: gray;
}
 .breadcrumb .container-inner a{
    color: #0059ab;
     font-size: 13px;
}
 .blog-single .entry-title{
     color: #0059ab;
     font-size: 18px;
}
 .blog-single .entry-header-text-top{
    padding-bottom:0
}
 .blog-single {
    font-size:14px
}
 .blog-single .blog-share{
    text-align:left
}
 .blog-single .blog-share .button.is-outline{
    border:0
}
 .blog-single .post-sidebar, .blog-archive .post-sidebar{
    padding-left:0
}
 .blog-archive .taxonomy-description{
    font-size:14px;
     text-align:left
}
 .blog-archive .post-item .from_the_blog_excerpt {
    font-size:12px
}
.blog-archive .post-item .box-text .post-title{
     font-size: 16px;
     margin-bottom: 17px;
     color: #0059ab;
}
 .blog-single .large-12{
    padding-bottom:0
}
 .page-left-sidebar .large-3{
    padding-right:0;
     border-right:0
}
.page-wrapper{
    font-size:14px
}
 .page-wrapper .dat-lich-kham .row1, .page-wrapper .dat-lich-kham .row2, .page-wrapper .dat-lich-kham .row3{
    width: 100%;
    display:inline-block
}
.page-wrapper #content{
    padding-left:30px
}
.page-wrapper .page-wrapper .dat-lich-kham .row1, .page-wrapper .dat-lich-kham .row2, .page-wrapper .dat-lich-kham .row3{
    width: 100%;
    display:inline-block
}
.page-wrapper #content{
    padding-left:30px
}
.page-wrapper .page-wrapper .dat-lich-kham .row1, .page-wrapper .dat-lich-kham .row2, .page-wrapper .dat-lich-kham .row3{
    width: 100%;
    display:inline-block
}
.page-wrapper #content{
    padding-left:30px
}
.page .banner-post .entry-category{
    padding-top:55px;
     font-size:20px;
     text-transform:uppercase
}
 .page-wrapper form .dat-lich-kham .row1 .left, .page-wrapper form .dat-lich-kham .row2 .left, .page-wrapper form .dat-lich-kham .row3 .left{
    width:50%;
     float: left
}
.page-wrapper form .dat-lich-kham .row1 .right, .page-wrapper form .dat-lich-kham .row2 .right, .page-wrapper form .dat-lich-kham .row3 .right{
    width:50%;
     float: right;
     padding-left:20px
}
.page-wrapper{
    padding-top:0
}


@media (max-width: 549px){
.slider-row .cot1, #top-bar, .banner-post .left, .page #secondary{
    display:none
}
 .slider-row .cot2, .banner-post .right{
    flex-basis:100%;
     max-width:100%
}
 .box-vertical .box-image{
    flex-basis:25%;
     max-width:25%;
     float: left
}
 .box-vertical .box-text{
    flex-basis:75%;
     float:left;
    max-width:75%;
     padding-left:10px
}
 .container{
    padding-left:0 !important
}
.breadcrumb .container-inner,.page-wrapper #content{
    padding-left:15px
}
 .html-before-comments .post-item {
    flex-basis:50%;
     max-width:50%
}
 .blog-single .post-sidebar, .blog-archive .post-sidebar{
    padding-left:15px
}
 

}