/*Dùng chung*/
.imgbg_headpage {width: 100%;position: absolute;height: 100%; object-fit: cover;}
.bg_headpage { position: relative;display: flex;align-items: center;} 
.bg_headpage:before{background-color: #0a2818de;
position: absolute;
left: 0;
right: 0;
content: "";
width: 100%;
height: 100%;
z-index: 2;
margin: 0 auto;
bottom: 0;}
.bg_headpagechild { position: relative;
width: 100%;
color: #fff;
z-index: 2;
padding: 10rem 0 3rem; } 
.title_pagechild {    color: rgb(201, 169, 97);
display: table;
font-size: 0.875rem;
font-weight: 500;
background-color: rgba(201, 169, 97, 0.1);
margin: 0px auto;
border-radius: 99px;
padding: 0.5rem 1rem;} 	
.title_page { font-size: 3.75rem;color:#fff;font-weight:700;margin:1rem auto;text-transform:capitalize} 
.mota_titlepage{color: #fffc;
font-size: 1.25rem;
max-width: 65%;
margin: 1rem auto;}

.bread { padding: 0.5rem 0; background-color: #eee;}
.bread_margin {display: flex;align-items: center;}
.bread_margin i{margin-right: 0.3rem;}
#breadcrumbs a,#breadcrumbs { color: #6c757d;}


/*Sidebar*/
.box_sidebar{ border-radius: 10px;background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(2, 2, 2, 0.07058823529411765);  padding: 1.5rem;margin-bottom:2rem}
.tieude_menusidebar{    font-size: 19px;
font-weight:700;
border-bottom: 2px solid #c9a961;
padding-bottom: 0.5rem;
margin-bottom: 1.5rem;}
.menu_sidebar li a {
padding: 0.4em 0; 
display: inline-block;
color: #444;
}
.menu_sidebar li a:hover{color: #c9a961;}
.box_sidebar li a:before {
content: "\ec77";
font-size: 0.4rem;
font-family: IcoFont!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
margin-right: 9px;
color: #c9a961;    vertical-align: middle;
}
.box_sidebar ul li a:hover { color:#c9a961} 


.box_postsidebar{margin-bottom:1.5rem}
.box_imgpostsidebar {padding-right: 0;}
.box_titlepostsidebar h4{ font-size: 14px; font-weight: 700;line-height: 1.3rem;}
/*Archive*/
.box_archive{ border-radius: 10px; padding: 3rem 0; background-color: #FAFAFA;} 

/*
.box_postarchivemainbottom{margin-bottom:2rem;display:inline-block}  

.box_menuarchive{    text-align: center;
margin-bottom: 3rem;
border-bottom: 1px solid rgb(239, 239, 239);} 
.menu_archive {display: inline-block;vertical-align: middle;}
.menu_archive li{float: left;
font-size: 16px;
position: relative;
padding-bottom: 25px;
margin: 0px 20px;}
.menu_archive li a{ padding: 1rem; position: relative;overflow: hidden;display: block;}
.menu_archive li a:hover{color: #c9a961;}
.menu_archive li a::after {
content: "";
position: absolute;
bottom: 0px;
left: 50%;
height: 3px;
width: 0px;
transform: translate(-50%);
background-color: #c9a961;
transition: 0.3s;
}
.menu_archive li.current-menu-item a::after, .menu_archive li a:hover::after {
width: 100%;
}
 
.noidung_archivetitletintuc{ display: table;
background-color: #0079cc;
margin: 0 0 2rem;}
.box_archivetitletintuc {
padding-left: 10px;
display: block;
background-color:#cf892f;
} 
.box_archivetitletintuc h2{    text-transform: uppercase;
font-weight: 600;
color: #fff;
padding: 0.5rem;} 
.entry-title li {
display: block;
background-color: #1a9af5;
color: #fff;
padding: 3px 7px 2px;
margin-right: 10px;
float: left;
font-size: 12px;
}
.title-archivett > a{ color: #555;
margin: 10px 0px;
display: block;}
.mg-bottom{ margin-bottom:10px} 

.box_postarchivemain{display: table;float: left;padding:0;}
.box_contentpostarchive{position: relative;overflow: hidden;}
.box_postarchivetop{ float: left;    margin-bottom: 0.75rem; margin-top: 0.75rem;}
.title_postarchive{   
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
padding: 15px 20px;
color: white;
background: rgba(0, 0, 0, 0.6);}
.title_postarchive:hover{ background-color: #017bcec2;}
.title_postarchive h3{ font-weight:700;}
.title_postarchive h3{color:#fff}
.title_postarchivechild h3{     line-height: 1.3em;
font-size: 0.9em;
color: #fff;  
margin-bottom: 0.3rem;
}
.title_postarchivechild h3:hover{    color: #fff; }


.box_postarchivechild { 
position: relative;height:100%;
-webkit-transition: all ease 500ms;
-o-transition: all ease 500ms;
transition: all ease 500ms;
background-color: #efefef;
box-shadow: 2px 2px 16px -7px rgba(178.9921875, 178.9921875, 178.9921875, 0.5);
opacity: 1;    overflow: hidden;}
.box_postarchivechild:hover{-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.1);box-shadow:0 10px 20px 0 rgba(0,0,0,.1);border-bottom-color:#000;background-color:#017bce;color:#fff}
.box_postarchivechild:hover h3,.box_postarchivechild:hover .post_date,.box_postarchivechild:hover .post_date i{color:#fff}
.box_postarchive {position: relative; overflow:hidden}
.box_postarchive img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.box_postarchive:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.box_postarchivecontent {padding:1rem; }
.box_postarchivecontent h3{ line-height: 1.5rem; color: #444;
font-size: 1rem;font-weight:500;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;    margin-bottom: 0.5rem;
}
.box_postarchivecontent h3:hover{color:#fff}
.box_postarchivecontent .post_date,.box_postarchivecontent .post_date i{color: #999;}
.excerpt_postarchivecontent{      color: #54595f;
font-size: 0.9rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
} 
.btn_readmorepost{font-size: 16px;font-weight: 700;color: #c9a961; margin-top: 0.5rem; display: block;font-weight:700;}
.btn_readmorepost:hover{color:#009deb}
*/
/*Phân trang*/
.pagination {display: table;margin:1rem auto;}
.pagination li{display:inline-block}
.pagination > .page-item:last-child > a ,.pagination > .page-item:first-child  > a,.pagination > .page-item > a { 
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25; 
border: 1px solid #dee2e6;border-radius:0
}
.page-item.active .page-link { 
background-color: #c9a961;
border-color: #c9a961;
}
/*Single*/
.box_contentsingle{ background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(2, 2, 2, 0.07058823529411765); padding: 1.5rem;border-radius:10px}
#ez-toc-container{width:100%}
.title_pagesingle{font-weight:700;font-size: 23px;line-height: 33px;}
.box_thoigian {
color:#c9a961;
margin: 1em 0;
display: block;
}
.share-wrapper{    display: table;  
margin-bottom: 1rem;
}
.share-button {
display: inline-block;
border: 1px solid #dadbdc;
border-radius: 40px; 
text-align: center;
vertical-align: middle;
padding: 10px; 
width: 35px;
height: 35px;
line-height:10px;
background-color: #fff;
z-index: 99;margin:0 0.3rem
}
.share-button:hover span{color: #fff;}
.share-button.facebook {color: #4596eb;}
.share-button.facebook:hover {background-color: #4596eb;border-color: #4596eb}

.share-button.pinterest { color:#e25241;}
.share-button.pinterest:hover { background-color: #e25241;border-color: #e25241;}

.share-button.twitter {color: #48a8ee;}
.share-button.twitter:hover {background-color: #48a8ee;border-color: #48a8ee;}

.share-button.linkedin {color: #0073b1;}
.share-button.linkedin:hover {background-color: #0073b1;border-color: #0073b1;}

.share-button.reddit { color: #ff1a00;}
.share-button.reddit:hover { background-color: #ff1a00; border-color: #ff1a00;}

.share-button.email { color: #f6c244;}
.share-button.email:hover { background-color: #f6c244; border-color: #f6c244;}


.box_tintuckhac{margin-top:3rem}
.title_tintuckhac{      font-size: 1.5rem;
font-weight:700;
padding-bottom: 0.5rem;
margin-bottom: 1.5rem;
border-bottom: 1px solid #c9a961;
color: #c9a961;}
.title_postlienquan{    line-height: 1.5rem;
color: #111d19;
font-size: 1rem; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 0.5rem;
font-weight: 600;
margin-top: 0.5rem;} 
/*Post content dùng chung*/
.like-click {margin-top: 30px; display: block; overflow:hidden}
.border_content {  margin-bottom: 30px;}
.post-content{color: #444}
.post-content img{ max-width:100%; height:auto;}
.post-content iframe{ width:100% !important;  }
.notice {border-radius: 0;  overflow: hidden; margin-top: 10px;}
.post-content strong { font-weight: 600;  line-height: 30px; }
.post-content a { color: #c9a961 }
.aligncenter a img{ margin: 0 auto; display: block;} 
.post-content h3{font-size:18px ; margin:5px 0px}
.post-content h2{font-size:20px;margin:5px 0px} 
.post-content h1{font-size:22px;margin:5px 0px} 
.content_ttkhac {    padding: 0px 10px 5px;}

.post-content cite,
.post-content dfn,
.post-content em {font-style: italic;}
.post-content p {line-height: 25px;     margin-top: 0; margin-bottom: 1rem;    color: #4a4a4a;}
.post-content ol,
.post-content ul {margin: 16px 0;padding: 0 0 0 30px;}
.post-content ul li{margin: 10px 0}
.post-content ul {list-style-type: square;}
.post-content ol {list-style: decimal outside;}
.post-content li > ul,
.post-content li > ol {margin: 0;}
.post-content dl {margin: 0 20px;}
.post-content dt {font-weight: bold;}
.post-content dd {margin: 0 0 20px;}
.post-content strong { color: #444;}
.post-content code,.post-content kbd,.post-content pre,.post-content samp {font-family: monospace, serif;font-size: 14px;}
.post-content pre {
background: #f5f5f5;
color: #666;
font-family: monospace;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

.post-content blockquote,
.post-content q {quotes: none;}
.post-content blockquote:before,
.post-content blockquote:after,
.post-content q:before,
.post-content q:after {content: "";content: none;}
.post-content blockquote {
font-size: 24px;
font-style: italic;
font-weight: 300;
margin: 24px 40px;
}

.post-content blockquote blockquote {margin-right: 0;}
.post-content blockquote cite,
.post-content blockquote small {
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
}
.post-content cite {
border-bottom: 0;
}
.post-content abbr[title] {
border-bottom: 1px dotted;
}
.post-content address {
font-style: italic;
margin: 0 0 24px;
}

.post-content del {color: #444;}
.post-content ins {
background: #fff9c0;
border: none;
color: #444;
text-decoration: none;
}

.post-content sub,
.post-content sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

.post-content sup {
top: -0.5em;
}

.post-content sub {
bottom: -0.25em;
}

.post-content a { 
text-decoration: none;
}


.post-content a:focus {
outline: thin dotted;
}

.post-content a:active,
.post-content a:hover { 
outline: 0;
}

.post-content a:hover {
text-decoration: underline;
}
/*Alignment*/
.post-content .alignleft {
float: left;
margin: 5px 20px 5px 0;
}
.post-content .alignright {
float: right;
margin: 5px 0 5px 20px;
}

.post-content .aligncenter {
display: block;
margin: 5px auto;
}
.post-content img.alignnone {
display: block;
margin: 5px auto;
}
/*Tables*/
.post-content table {
border: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
.post-content caption,
.post-content th,
.post-content td {
font-weight: normal!important;
border: 1px solid #ededed;
text-align: left;
}
.post-content caption {
font-size: 16px;
margin: 20px 0;
}
.post-content th {
font-weight: normal!important;
text-transform: uppercase;
border: 1px solid #ededed;
}
.post-content td {
border: 1px solid #ededed;
padding: 6px 10px;
}
/*Images*/
.post-content img {
height: auto;
max-width: 100%;
vertical-align: middle;  
}
.post-content .wp-caption {
background: transparent;
border: none;
padding: 0;
max-width: 100% !important;
text-align: center;
width: 100% !important;
}
.post-content .wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
.post-content .wp-caption.alignright {
margin: 5px 0 5px 10px;
}
.post-content .wp-caption-dt {
margin: 0;
}
.post-content .wp-caption .wp-caption-text,
.post-content .wp-caption-dd {
color: #220e10;
font-size: 14px;
font-style: italic;
font-weight: 300;
line-height: 1.5;
margin-bottom: 24px;
padding: 0;
}
.post-content .mceTemp + ul,
.post-content .mceTemp + ol  {list-style-position: inside;}