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

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Thiết lập Header */
.full-width .ubermenu-nav, .container, .row {
    max-width: 1220px;
}
.cls-header .icon-inner img {
    border: 1px solid #ededed;
    border-radius: 50%;
    padding: 10px;
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-box.nav-size-medium.nav-spacing-large.nav-uppercase > li {
    /* background: #ffff; */
    padding: 10px !important;
    margin: 0px;
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-box.nav-size-medium.nav-spacing-large.nav-uppercase > li > a {
    font-weight: 400;
    font-size: 14px;
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-box.nav-size-medium.nav-spacing-large.nav-uppercase  > li:hover {
    background: #007b3d;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default {
    padding: 0px;
    margin-top: 10px;
    border: none;
}

ul.sub-menu.nav-dropdown.nav-dropdown-default li {
    padding: 2px !important;
    font-size: 14px;
	color: #008f47;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li a{
	color: #008f47;
}

ul.sub-menu.nav-dropdown.nav-dropdown-default li:hover {
    color: #000 !important;
}
/* Hết thiết lập header */

/* Về chúng tôi */
.dich_vu_home {
  }
  .dich_vu_home .img_dich_vu_home {
    width: 100%; }
  .dich_vu_home .info {
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    position: absolute;
    left: 10px;
    top: 9px;
    right: 10px;
    bottom: 9px;
    z-index: 1;
    text-align: center; }
    .dich_vu_home .info img {
      margin: 25px 0 10px; }
    .dich_vu_home .info .ten_info {
      text-transform: uppercase;
      font-size: 15px;
      line-height: 22px;
      font-weight: 700; }
  .dich_vu_home .mota_dich_vu {
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    position: absolute;
    left: 10px;
    top: 9px;
    right: 10px;
    bottom: 9px;
    z-index: 2;
    background: rgba(255, 255, 255, 0.5);
    padding: 19px;
    border: solid 1px #9bd8b9;
    font-size: 13px;
    opacity: 0; }
  .dich_vu_home:hover .info {
    opacity: 0; }
  .dich_vu_home:hover .mota_dich_vu {
    opacity: 1; }

.cls-vechungtoi h3 {
    font-size: 24px;
    color: #008f47;
    line-height: 1;
}
.cls-vechungtoi h4 {
    font-size: 18px;
    font-style: italic;
}
.cls-vechungtoi p {
    font-size: 14px;
    text-align: justify;
    line-height: 1.7;
}
.cls-vechungtoi a.button.primary.lowercase {
    float: right;
    font-size: 13px;
    font-weight: 400;
}
/* Hết về chúng tôi */
/* Dịch vụ của chúng tôi */
.cls-dichvu h3 {
    font-size: 24px;
}
.cls-dichvu p {
    font-size: 16px;
    font-style: italic;
}
.cls-dichvu .bg_bac_si {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("/wp-content/uploads/2023/08/bac_sy.png") no-repeat left bottom;
    width: 362px;
    height: 510px; }
.cls-dichvu  .box-image {
    border: 5px solid;
}
/* Hết dịch vụ của chúng tôi */
/* Tin tức */
.cls-bantin .col.post-item {
    padding-bottom: 5px !important;
    border-bottom: 1px dashed #ededed;
    padding-top: 5px;
}
.cls-bantin  .col.post-item:first-child {
    padding-top: 0px;
    margin-top: -3px;
}
.cls-bantin  .col.post-item:last-child {
    border-bottom: none !important;
}
.cls-bantin h5.post-title.is-large {
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.cls-bantin .is-divider {
    display: none;
}

.cls-bantin .box-text.text-left {
    padding-bottom: 10px;
    padding-top: 0px;
}
.cls-bantin .cls-trai span {
    background: #008f47;
    padding: 10px 30px;
    color: #fff;
}
.cls-bantin .cls-trai p {
    text-align: center !important;
}
/* Hết tin tức */
/* Phản hồi */
.cls-phanhoi .cls-phai p em {
    font-size: 14px;
}
.cls-phanhoi .cls-phai h3 {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 10px;
}
/* Hết phản hồi */
/* Footer */
.cls-footer h4.section-title.section-title-normal {
    font-size: 16px;
    color: green;
    border-bottom: 1px dotted #green;
}

.cls-footer h4.section-title.section-title-normal b {}

.cls-footer h4.section-title.section-title-normal span {
    border-bottom: none;
}
.cls-footer p {
    font-size: 13px;
    line-height: 1.6;
}
.cls-footer .container.section-title-container {
    margin-bottom: 5px;
}
.cls-footer ul li {
    font-size: 13px;
}
.cls-footer  strong {
    color: #008f47;
}
/* Hết footer */

/* Thiết lập trang blog */
h1.page-title.is-large.uppercase {
    font-size: 16px;
    color: #fff;
    background: #008f47;
    padding: 10px;
}
.box-text-inner.blog-post-inner h5.post-title.is-large {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
	color: #000;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.box-text-inner.blog-post-inner p.from_the_blog_excerpt {
    font-size: 14px;
	color: #000;
}
.box-text-inner.blog-post-inner .is-divider {
    height: 1px !important;
    max-width: 100%;
}
.entry-content.single-page p {
    font-size: 14px;
    color: #000;
}
/* Hết thiết lập blog */
/* Trang liên hệ */
.cls-tranglh h3.section-title.section-title-normal {
    color: #008f47;
    font-size: 24px;
}
.cls-tranglh h4 {
    font-size: 20px;
    color: green;
}
.cls-tranglh ul.lienhe li {
    list-style: none;
    font-size: 15px;
    color: #000;
}
.cls-tranglh i.fa {
    border: 2px solid #ededed;
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px;
}
/* Hết trang liên hệ */
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* Form liên hệ*/
.formdangky .col {
    padding: 0 5px 30px !important;
}
.formdangky .small-5 {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
	float: left;
}
@media (min-width: 1281px) {
  
 .formdangky .small-2 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
	float: left;
}
  
}
@media (min-width: 1025px) and (max-width: 1280px) {
  
  .formdangky .small-2 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
	float: left;
}
  
}
@media (min-width: 768px) and (max-width: 1024px) {
  
  .formdangky .small-2 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
	float: left;
}
  
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
.formdangky .small-2 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
	float: left;
}
  
}

.formdangky input[type='text'], .formdangky input[type='tel'],.formdangky textarea {
    font-weight:normal;
    margin-bottom: 0px;
    border: solid 1px  #008f47 !important;
    color: #fff !important;
	background: transparent;
}
.formdangky input[type='text']::placeholder, .formdangky input[type='tel']::placeholder, .formdangky textarea::placeholder { 
  color: #fff;
  font-size: 13px;
}
.cls-tranglh input[type='text']::placeholder, .cls-tranglh input[type='tel']::placeholder, .cls-tranglh textarea::placeholder { 
  color: #008f47;
	font-size: 14px;
}
.formdangky textarea {min-height: 6em !important;}

.formdangky input[type='submit']{
	background: #018e45 url("/wp-content/uploads/2023/08/icon_fly.png") no-repeat 10px 10px;
	border: 0;
	border-radius: 0;
	width: 100px;
	height: 35px;
	color: #fff;
	padding-left: 20px;
	text-transform: uppercase;
	margin-top: 30px;
	font-size: 12px;
}



@media (min-width: 481px) and (max-width: 767px) {
  
.formdangky .small-5,.formdangky .small-2 {
    max-width: 100%;
    flex-basis: 100%;
	float:center !important ;
	align-content: center !important;
}
	.formdangky input[type='submit'] {
    min-height: 2.5em !important;
		width: 100%;
}
}

@media (min-width: 320px) and (max-width: 480px) {
  
.formdangky .small-5,.formdangky .small-2 {
    max-width: 100%;
    flex-basis: 100%;
		float:center !important ;
	align-content: center !important;
}
	.formdangky input[type='submit'] {
    min-height: 2.5em !important;
		width: 100%;
}
	}
/* Hết form liên hệ*/
/* Bài viết */
p.from_the_blog_excerpt {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.post-sidebar.large-3.col {
    padding: 0px 20px !important;
    /* border: solid 1px #008f47; */
    /* margin-top: 40px; */
}

span.widget-title {
    background: #008f47;
    display: block;
    padding: 15px;
    color: #fff;
}
aside .is-divider.small {
    display: none;
}
aside.widget.flatsome_recent_posts li.recent-blog-posts-li {
    padding: 0px 10px;
}
aside.widget.flatsome_recent_posts {
    /* padding: 0 30px 30px 30px; */
    border: solid 1px #008f47;
    /* margin-top: 40px; */
}
aside.widget.widget_categories {
    /* padding: 0 30px 30px 30px; */
    border: solid 1px #008f47;
    margin-top: 40px;
}
li.recent-blog-posts-li a {
    font-size: 14px;
}
aside.widget.widget_categories ul li {
    padding: 0px 10px;
}
aside.widget.widget_categories ul li a {
    font-size: 14px;
}
.entry-content.single-page, div#respond {
    border: 1px solid #008f47;
}

nav#nav-below {
    border-bottom: 1px solid #008f47;
    border-right: 1px solid #008f47;
    border-left: 1px solid #008f47;
}