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

/*************** ADD CUSTOM CSS HERE.   ***************/
p{
	font-size:15px
}
.blog-wrapper.blog-single.page-wrapper{
	padding-top:0px !important
}
.blog-wrapper.blog-single nav.rank-math-breadcrumb{
	max-width:1186px;
	margin:0 auto;
	margin-bottom:14px !important;
	margin-top:20px !important
}
.posts-section-title-related{
	font-size:17px !important;
	color:#0c4266
}
.entry-content.single-page{
	padding-top:0px !important
}
.blog-wrapper.blog-archive{
	padding-top:20px !important
}
.blog-wrapper.blog-archive nav.rank-math-breadcrumb{
	max-width:1186px;
	margin:0 auto;
	margin-bottom:14px !important
}
.blog-wrapper h1{
	font-size:20px;
	text-align:left;
	color:#0c4266
}
.header-wrapper.stuck .header-bg-color {
    background-color: #fff !important;
}
.blog-wrapper.blog-archive .row>.large-10.col{
        flex-basis:100%;
        max-width: 100%;
}
ul.mega-sub-menu a{
	font-size:12px !important
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: 24px;
	height: auto !important;
	    text-align: center !important;
}
nav.rank-math-breadcrumb{
	margin-top:20px;
	font-size:12px;
	color:#444;
}
nav.rank-math-breadcrumb p{
	font-size:12px;
	color:#444;
    margin-bottom: 0px;
}
aside.widget .widget-title {
	display:block !important;
	width:100% !important;
	padding-left:35px;
	letter-spacing:1px;
	color:#111;
	font-size:20px;
	position:relative
}
aside.widget .widget-title:after{
	position:absolute;
	left:0px;
	top:0px;
	width:24px;
	height:24px;
	content:"";
	z-index:2;
	background:url(/wp-content/uploads/2026/05/justice.png) no-repeat top left;
	background-size:cover !important;
	content:"";
	
}
aside.widget .post_comments {
	display:none !important
}
aside.widget .recent-blog-posts-li a{
	font-size:14px;
	color:#333
}
aside.widget ul.menu li{
	padding-left:35px;
	position:relative;
	margin-left:0px;
	
}
aside.widget .recent-blog-posts-li .badge{
	width:70px !important;
	border-radius:4px !important
}
aside.widget .recent-blog-posts-li .badge img{
	border-radius:4px !important
}
aside.widget .recent-blog-posts-li .bg-fill{
	border-radius:4px !important
}
aside.widget ul.menu li:after{
	position:absolute;
	left:10px;
	top:8px;
	width:10px;
	height:10px;
	content:"";
	z-index:2;
	content:"";
	background:url(/wp-content/uploads/2026/05/arrow-3.png) no-repeat top center;
	background-size:cover !important
}
aside.widget ul.menu li a{
	font-size:14px;
	color:#333
}
aside.widget .is-divider{
	max-width:100% !important
}
.titsub h1{
	font-size:20px !important
}
.ukcheck ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.ukcheck ul li{
	margin-left:0px;
	font-size:13px !important;
	margin-bottom:9px;
}
.bfooter h4{
	margin-bottom:15px !important;
}
.bfooter p{
	margin-bottom:10px !important;
	font-size:13px !important
}
.absolute-footer{
	padding-top:20px !important;
	font-size:13px !important;
	padding-bottom:20px !important;
	border-top:1px solid #dedede26;
}
.datcauhoi{
	margin:0 auto !important;
	padding:10px 35px;
	color:#0c4266 !important;
	font-size:12px !important;
	border-radius:4px !important
}
.bkform .wpcf7-form-control{
	height:52px;
	box-shadow:0px 0px #fff !important;
	border-radius:4px !important;
	padding-left:20px;
	border-radius:3px !important;
	font-size:13px !important
}
.stronghpot strong{
	color:#ca8e36 !important;
	    font-size: 20px;
}
.stronghpot h4{
	font-size:16px !important
}
.goingay h4{
	margin-bottom:0px !important
}
.listquytrinh .button.expand{
	padding:0px 15px;
	font-size:42px;
	margin-right:0px;
	margin-bottom:25px;
}
.bkform .wpcf7-form{
	margin-bottom:0px !important
}
.bkform .wpcf7-form-control.wpcf7-submit{
	margin:0px !important;
	padding-left:40px;
	padding-right:40px;
}
.conso h3{
	font-size:34px;
	margin-bottom:0px !important;
}
.conso p{
	text-transform:uppercase;
	color:#ca8e36;
    margin-bottom: 0px;
    font-size: 13px;
}
.tquytrinh{
	text-align:center !important;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px !important;
	font-size:14px;
	
}
.tquytrinh h4{
	text-transform:uppercase
}
.listquytrinh .button secondary expand{
	
}
.container.titsub{
	margin-bottom:12px !important
}
.col.post-item .post-title a{
	color:#111;
}
.col.post-item .button.primary.is-link{
	margin-top:2px !important;
	text-transform:none !important;
	font-weight:normal !important;
	position:relative
	
}
.col.post-item .button.primary.is-link:after{
	position:absolute;
	right:-20px;
	top:-1px;
	content:"→";
	
}
.col.post-item .post-title:hover a{
	color: #0c4266!important;
}
.col.post-item .is-divider{
	 display:none !important
}
.col.post-item .post-meta{
	font-size:11px;
}
.col.post-item  .from_the_blog_excerpt {
	margin-top:8px !important;
	font-size:13px;
}
.text.titmain{
	background:#fff !important;
	padding-bottom:15px !important;
	
	border-radius:8px;
}
.pslogan strong{
	color: #0c4266!important;
	text-transform:uppercase
	
}
.titsub a{
	font-size:14px;
	font-weight:normal !important
}
.titsub .section-title-main{
	border-bottom:0px !important;
	padding-bottom:0px !important
}
.imgabout .col-inner{
	position:relative
}
.titmain h2{
	color:#0c4266!important;
	margin-bottom:5px;
}
.titsub{
	border-bottom:0px !important;
	
}
.titsub .section-title{
	border-bottom:0px !important
}
.titmain p{
	margin-bottom:0px
}
.imgabout .col-inner:after{
	position:absolute;
	width:90%;
	left:0px;
	height:90%;
	content:"";
	z-index:-1;
	background: #ca8e36 !important;
	display:block;
	top:0px;
	border-radius:6px !important
}
.imgabout img{
	border-radius:5px;
	z-index:8;
}
.section.about h2{
	color: #0c4266!important;
	margin-bottom:20px;
	text-transform:uppercase
}
.header-main .nav > li > a{
	font-size:12px;
	font-weight:600 !important;
	letter-spacing:0px !important;
	color:#333;
}
#top-bar .html_topbar_left{
	font-size:12px !important;
	color:#fff !important;
	font-weight:600 !important;
	letter-spacing: 1px;
}
#top-bar .search-field{
	height:23px;
	min-width:220px;
	padding-left:0px;
	background:none !important;
	border:0px;
	border-radius:0px !important;
	border-bottom:1px solid #ca8e36 !important;
}
.header-main ul.header-nav.header-nav-main {
	gap:5px !important;
}
/*
.header-main ul.header-nav.header-nav-main {
      display:flex;
    flex-wrap:wrap;
    gap:10px;
    padding:0;
    margin:0;
    list-style:none;
}
.header-main ul.header-nav.header-nav-main>li>a{
    display:block;
    width:auto;
	max-width:140px;
    white-space:normal;
    word-break:break-all;

    line-height:1.4;
    height:2.8em;

    text-decoration:none;
}*/
.header-main ul.header-nav.header-nav-main>li{
    min-width:70px;
	text-align:center !important
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.header-main .html_topbar_right{
		display:block !important
	}
	.sidebar-menu.no-scrollbar {
		padding-top:0px !important
	}
	li.header-search-form.search-form{
		background:#0c4266 !important;
	}
	.sidebar-menu.no-scrollbar .search-field{
		border-radius:0px !important;
		color:#fff !important;
		font-size:12px !important;
		border:0px;
		border-bottom:1px solid #fff !important;
		padding-left:0px !important;
		
	}
	.sidebar-menu.no-scrollbar .search-field i{
		color:#fff !important
	}
	.sidebar-menu.no-scrollbar .search-field::placeholder {
  
  color: #fff !important;
}
	.sidebar-menu.no-scrollbar .menu-item br{
		display:none !important
	}
	.sidebar-menu.no-scrollbar .menu-item a{
	color:#0c4266 !important;
	}
}