/* Hộp XD */
 .stickxd {position: sticky !important; top: 54px;    position: -webkit-sticky;z-index:99;}
.sidebarx, .elementor-element-2b5c7fb{    position: sticky;    top: 54px;    position: -webkit-sticky;}
 .admin-bar .stickxd {top:86px;}
 .admin-bar .sidebarx,  .admin-bar .elementor-element-2b5c7fb{top:86px;}
 .bxanh strong, .bxanh b{color:var( --e-global-color-secondary );}
 .wp-video {margin:auto;}
 .xanhle a{opacity:0 !important;}
  blockquote:before {
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 30px;
  color: #F9ACAA;
 
  left: 2%;
  z-index: 1;
  font-weight: 900;
}
 blockquote{    background: #e4fff6;    padding: 20px;    border-radius: 20px 0px;    border-left: 5px solid #10b981 !important;    border: 1px solid #10b981;}
 .gradientbg {min-height:250px;background-image: linear-gradient(180deg, rgba(16, 55, 176, 0.0), #047857);}
.gallery-columns-2,.gallery-columns-3 , .gallery-columns-5,  .gallery-columns-4, .gallery-columns-6 {  display: grid;  margin: 1em 0;   grid-template-rows: 1fr;  grid-gap: 8px;  grid-auto-flow: dense;}
.gallery-columns-2{  grid-template:auto /  1fr 1fr  ;}
.gallery-columns-3{  grid-template:auto /  1fr 1fr 1fr  ;}
.gallery-columns-4{  grid-template:auto /  1fr 1fr 1fr 1fr ;}
.gallery-columns-5{  grid-template:auto /  1fr 1fr 1fr 1fr 1fr;}
.gallery-columns-6{  grid-template:auto /  1fr 1fr 1fr 1fr 1fr  1fr;}
.gallery-item img , .gallery-item{ margin:0px !important;}
 a {    color: #047857;}
 .bannerxd .elementor-image-box-content {    transition: padding 0.2s ease-in-out; transition: padding-bottom 0.5s ease-in-out; }
.bannerxd:hover .elementor-image-box-content{    padding-top:10px ; padding-bottom:40px;}
.bannerxd .elementor-image-box-img{margin-bottom:0px !important;}
.bannerxd .elementor-image-box-content{    position: absolute;    bottom: 0px;color:white;padding-bottom: 20px;background-image: linear-gradient(180deg, rgba(16, 55, 176, 0.0), #047857);}
.gradientbg{background-image: linear-gradient(180deg, rgba(16, 55, 176, 0.0), #047857);}
 ._2p3a , .uiScaledImageContainer  {width:270px!important;}
.scaledImageFitHeight{left:0px!important;}
 .jet-popup.jet-popup--front-mode .jet-popup__container-inner {background:none !important;}
.elementor-element-3d54f91 img{margin: 8px auto !important;}
.codexd{
    color: #5a5a5a;
    background-color: #F1F5F8;
    padding:20px;
    line-height: 1.5;
    border-width: 1px;
    border-color: #dae1e7;
    border-radius: 5px;
    font-weight: 400;
	border: 1px solid;
}
.xdbox1{
background: #F1F5F8;
padding: 20px;
font-size: 120%;
border-bottom: 4px #E3342F solid;
border-top-left-radius: 12px;
border-top-right-radius: 12px;}

.quotex{
background: #df5450;
padding: 30px;
color: white;
text-align: center;
font-size:120%;
position: relative;}

.quotex::before {content: "\f10d"; 
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 30px;
  color: #F9ACAA;
  top: 0px;
  left: 2%;
  z-index: 1;
  font-weight: 900; /* Fix version 5.0.9 */
}

.xdquote{font-size:170%;}

p.xddrop::first-letter{
 font-family: 'Cherry Swash';
 display: block;
 color:red;
 font-size:500%;
/* make text wrap and nudge letter down into position */
 float: left;
 line-height: .7;
}

.xdtrichdan{
	font-size: 129%;
	position: relative;
border-left: 5px #1F9D55 solid;
padding: 3px 12px 3px 52px;
background: #E3FCEC;}
.xdtrichdan::before {content: "\f10d"; 
  font-family: 'Font Awesome\ 5 Free';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 30px;
  color: #51D88A;
  top: 0px;
  left: 2%;
  z-index: 1;
  font-weight: 900; /* Fix version 5.0.9 */

}
 .xdbor {
    background: #E3FCEC;
    border: 1px solid #A2F5BF;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 20px;
}

#custom_html-2  {list-style:none;}
.jet-listing-dynamic-post-2709{display:none;}
.phan-loai .jet-listing-dynamic-link__link {background:#FBBF24!important; margin-bottom: 3px;font-size:90%;}
.elementor-1758 .elementor-element.elementor-element-4616d20, .elementor-element-6dcf363, .sidebarxd {position: sticky;    top: 50px;}
.ngangn h1, .ngangn h2, .ngangn h3{color:white !important;}
.jet-listing-dynamic-field__content h3,.jet-listing-dynamic-field__content h2 {margin-top:30px}
.jet-listing-dynamic-field__content h3 span,.jet-listing-dynamic-field__content h2 span {background: #ECFDF5;font-size: 22px;padding: 5px;border-radius:5px;     color: #047886;    font-weight: 600;}

.jet-listing-dynamic-field__content h2 span{font-size:30px;}
.elementor-element-21a1eb77 img{margin-bottom:10px;}
.tagx .jet-listing-grid__item{flex: auto !important;}

#menu img{margin:10px auto;}
.sharexd {padding: 10px;background: #ecfdf5;border-radius: 3px;border: 1px #fbbf24 dashed;}
#side{position: fixed;right: 0;bottom: 30%;z-index: 999;}
#side .elementor-widget-icon-box, #side{  width:100%;}
.ngangn a{color: #FBBF24!important; background: #087956;}
.jet-engine-gallery-grid__item-wrap.is-lightbox::before 
{font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important;}
figure{max-width:100%;margin-bottom: 10px !important;position: relative;}

.butxd{background: #fbbf24;padding: 5px;border-radius: 2px;color: #047857;}
.butxd:hover{background: #fb7f24;}
/* Table  xd */
.tablexd tr:nth-child(2n) {    background: #F4F9FE;}
.tablexd table th, table td {    padding: 5px;} 
.trxd-red{ background:#a60300!important; color:white!important; font-weight:bold;}
.trxd { background:#033ca5!important; color:white!important; font-weight:bold;}

.trxd-red{position:-webkit-sticky;position: sticky;top: 80px;}
.tablexd table tr td:first-child {    padding-left: 10px !important;}

/* Body   xd */
body {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6;
    font-family: Roboto, sans-serif;
    letter-spacing: 0px;
    text-align: left;
    color: #3b3d42;
}
.jet-listing-dynamic-field__content{margin:0px !important;}

.wp-caption-text{background:rgba(4, 120, 87, 0.8);
position: absolute;
bottom: 20px;
z-index: 999;
font-size: 110%;
padding: 5px 8px;
color: #fff;
border-radius: 0 12px 12px 0;
font-weight: 400;}

.momo{opacity:0.2!important;}

#main #content-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
}


/* box xd */
.xdchan{background: #C6F6D5;
margin: 0 2px;
padding: 0 3px;
color: #2F855A;}
.xdbor {
    background: #E3FCEC;
    border: 1px solid #A2F5BF;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 20px;
}

.background-slide, .gach-ngang, .gachngang {position: relative;  padding-bottom: 2px; z-index: 3;}

.background-slide:after, .gach-ngang:after, .gachngang:after {  content: "";  position: absolute;  bottom: 0;  left: 0;  height: 2px;  background-color: #9AE6B4;  width: 0%;  display: block;  -webkit-transition: width 0.5s ease-in-out;  transition: width 0.5s ease-in-out; height: 1.25em;  z-index: -1;}
 
 .background-slide:hover:after, .gach-ngang:hover:after, .gachngang:after {  width: 100%;}
 
 .gachngang::after,.gach-ngang::after  {	background-color: #FBBF24;}
.gach-ngang{	background-color: #9AE6B4;}
.blog-entry.grid-entry .blog-entry-inner {  
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    border: 0px !important;
}
.xdtrichdan{
	font-size: 129%;
	position: relative;
border-left: 5px #1F9D55 solid;
padding: 3px 12px 3px 52px;
background: #E3FCEC;}
.xdtrichdan::before {content: "\f10d"; 
  font-family: 'Font Awesome\ 5 Free';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 30px;
  color: #51D88A;
  top: 0px;
  left: 2%;
  z-index: 1;
  font-weight: 900; /* Fix version 5.0.9 */

}
  
.codexd{
    color: #5a5a5a;
    background-color: #F1F5F8;
    padding:20px;
    line-height: 1.5;
    border-width: 1px;
    border-color: #dae1e7;
    border-radius: 5px;
    font-weight: 400;
	border: 1px solid;
}
.xdbox1{
background: #F1F5F8;
padding: 20px;
font-size: 120%;
border-bottom: 4px #E3342F solid;
border-top-left-radius: 12px;
border-top-right-radius: 12px;}

.quotex{
background: #df5450;
padding: 30px;
color: white;
text-align: center;
font-size:120%;
position: relative;}

.quotex::before {content: "\f10d"; 
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 30px;
  color: #F9ACAA;
  top: 0px;
  left: 2%;
  z-index: 1;
  font-weight: 900; /* Fix version 5.0.9 */
}

.xdquote{font-size:170%;}

p.xddrop::first-letter{
 font-family: 'Cherry Swash';
 display: block;
 color:red;
 font-size:500%;
/* make text wrap and nudge letter down into position */
 float: left;
 line-height: .7;
}

@media only screen and (max-width: 600px) {

}
@media only screen and (min-width: 600px) {
#side .elementor-widget-icon-box, #side{max-width:70px;}



}

@media only screen and (max-width: 600px) {
  blockquote::before {position:static;}
  #side .elementor-widget-icon-box{ max-width: 60px;}
.imbox .elementor-image-box-wrapper{display: flex !important;}
.imbox .elementor-image-box-content {margin-left:10px; display: flex; flex-wrap: wrap; align-content: center;}
.imbox .elementor-image-box-img{margin: 0px !important;}
.wp-caption-text{background:rgba(4, 120, 87, 0.8);position: relative;bottom: 10px;z-index: 999;font-size: 100%;padding: 5px 8px;color: #fff;border-radius: 0 12px 12px 0;font-weight: 400;}
#side {    right: 0px !important; bottom: 0px;}
#side .elementor-icon-box-content{line-height:0.2;padding-bottom:4px;}
.elementor-element-bf07d7f .elementor-widget-container {border-width:0px !important;} 
.contentxd h2 span{font-size:22px;}
.contentxd h3 span{font-size:17px;}
 .gallery-columns-4,  .gallery-columns-5,  .gallery-columns-6{  grid-template:auto /  1fr 1fr   ;}
 ul{padding-left: 18px !important;}
 blockquote{margin: 5px!important; padding: 10px;border-radius: 8px;background: #f6eedf;}
}