/*
	Theme Name: Vertikal Child Theme
	Theme URI: http://premiumlayers.net/demo/wp/vertikal

	Description: Vertikal Child Theme
	Author: ChanhPhatPhap.com
	Template: vertikal
	Version: 1.0.0
*/

 
/* =Theme customization starts here
------------------------------------------------------- */


/* BEGIN tmq_css */
/* =========================================== 
    Unlimited Colors Setting                   
 =========================================== */

.header-logo {
	background-color: rgba(56,17,17, 0.9);
}
#background-container {
	background-color: #f7f0e6;
}
.woocommerce span.onsale, .woocommerce-page span.onsale, .services-post > a, .hover-item ul li a, .accord-content span.image-content, ul.tab-links li a:hover, ul.tab-links li a.active, .footer-line, .carousel-control.right:hover, .carousel-control.left:hover, .tp-rightarrow.default, .tp-leftarrow.default, .tp-bullets.simplebullets.round .bullet.selected:after, .tp-bullets.simplebullets.round .bullet:hover:after, .modern_medium_light, .meter > span, .staf-social li a:hover, .pricing-table.standard li, #wp-calendar caption, table thead, .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev, .flex-control-paging li a:hover:before, .flex-control-paging li a.flex-active:before, .comment-content a.reply-comment, .wpcf7 input[type="submit"], .comment-form input[type="submit"], .author-buttons .biography, .author-buttons li:hover, .awesome-icons, .review-box .review-overall-rating, .list-rating .review-overall-rating, ul.page-numbers li a.active, ul.page-numbers li a:hover, ul.page-numbers li span, ul.filter li a.active, ul.filter li a:hover, .tmq_button, .tmq_loading .wBall .wInnerBall {
	background-color: #3d0d0d;
	background-color: rgb(61,13,13);
}
.top-line p span i, ul.social-icons li a i, a.read-more, a.read-more i, .accord-title h5 i, ul.tab-links li a i, .footer-widgets h4, ul.contact-list li a:hover i, div#footer-contact button, div#footer-contact button i, li.drop > a span:after, .footer-line a.go-top:before, .skills-progress p span, .staf-social li a i, .pricing-table.standard li:first-child p, .pricing-table.standard li:first-child span, .pricing-table.standard li a, .drop-caps p span, .drop-caps > span.icon, blockquote p, .sidebar .tagcloud a:hover, .footer-widgets .tagcloud a:hover, .tabs-widget ul.tab-links li a:hover, .tabs-widget ul.tab-links li a.active, .widget_search button i, .tabs-widget .tab-content ul li h6 a:hover, .widget a:hover, .widget_recent_comments ul .url, #wp-calendar tbody td a, a, a:hover, a:focus, .author-buttons .fa, .tag-list li a, .tag-list li a i, .review-box .review-rate, .list-rating .review-rate, .portfolio-navigation a:hover i, h1.head-404, .work-post-content span, .tmq_button.light, .tmq-list ul.posts-list li h6 a:hover, .widget .current_page_item a, .undernav-sidebar .widget h4 {
	color: #3d0d0d;
}
.woocommerce .products a.button  {
	color: #3d0d0d !important;
}
.work-post-content span {
	color: rgb(31,0,0);
}
.hover-box {
	background-color: #3d0d0d;
	background-color: rgba(61,13,13, 0.8);
}
.carousel-control.right, .carousel-control.left {
	background-color: #3d0d0d;
	background-color: rgba(61,13,13, 0.3);
}
.woocommerce .products a.button, .services-post > a:hover:after, .services-post > a:after, a.read-more, ul.contact-list li a:hover, div#footer-contact input[type="text"]:focus, div#footer-contact input[type="email"]:focus, div#footer-contact textarea:focus, ul.contact-list li a:hover:after, .tp-bullets.simplebullets.round .bullet, .tp-bullets.simplebullets.round .bullet:after, .staf-social li a, .drop-caps > span.icon, blockquote, .sidebar .tagcloud a:hover, .footer-widgets .tagcloud a:hover, .widget_search input[type="search"]:focus, .flex-control-paging li a, .flex-control-paging li a:before, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus, .tag-list li a, .review-box .review-overall, .tmq_button, .tmq_button.light { 
	border-color: #3d0d0d;
}
.main-menu > li > a, a.elemadded { 
	background-color: #3a0c0c;
	background-color: rgba(58,12,12, 0.9);
	color: #dd8500;
}
.main-menu > li > a:after { 
	background-color: #3a0c0c;
}
.content-sections, .flexslider { 
	background-color: #ffffff;
}
footer { 
	background-color: #ffffff;
}
.footer-line { 
	background-color: #380d0d;
}
.tmq_toggle_bar .tmq_toggle_content { 
	background-color: #4c2323;
}
.tmq_toggle_bar .tmq_toggle_switch { 
	border-top-color: #4c2323;
}
.toggle-widgets, .toggle-widgets p { 
	color: #dbdbdb;
}
.toggle-widgets h1, .toggle-widgets h2, .toggle-widgets h3, .toggle-widgets h4, .toggle-widgets h5, .toggle-widgets h6 { 
	color: #ffffff;
}
.top-line { 
	background-color: #ddcca8;
	background-color: rgba(221,204,168, 0.8);
}
.top-line p span, .top-line p span a.header-contact-link { 
	color: #560000;
}
ul.drop-down li a { 
	background-color: #380c0c;
	background-color: rgba(56,12,12, 0.9);
	color: #dd9933;
}
ul.drop-down li a:hover { 
	background-color: #380c0c;
	color: #ffffff;
}
.pricing-table.standard li { 
	border-color: rgb(31,0,0);
}
.undernav-sidebar { 
	background-color: rgba(255,255,255, 0.9);
}
/* Logo Positioning */
	.header-logo {
		padding-top: 30px;
		padding-bottom: 30px;
	}
/* Banner Area Dynamic Height Control With Padding */
	#page-banner {
		padding-top: 31px;
		padding-bottom: 31px;
	}
/* Set default font color for all paragraphs */
	p, ul:not([class]) li, ol:not([class]) li {
		color: #000000;
	}
/* Disable Sticky Menu */
	header {
		position: absolute;
	}
	.admin-bar header {
		top: 45px;
	}
/* Banner Area BG Setting */
	#page-banner {

					background: -moz-linear-gradient(left, #490000 0%, #680000 100%);
					background: -webkit-gradient(left top, right top, color-stop(0%, #490000), color-stop(100%, #680000));
					background: -webkit-linear-gradient(left, #490000 0%, #680000 100%);
					background: -o-linear-gradient(left, #490000 0%, #680000 100%);
					background: -ms-linear-gradient(left, #490000 0%, #680000 100%);
					background: linear-gradient(to right, #490000 0%, #680000 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#490000', endColorstr='#680000', GradientType=1 );
				
	}
/* Default Paragraph Font Setting */
	* {
		font-family: "open sans", "sans serif";
	}
	p, ul:not([class]) li, ol:not([class]) li {
		font-family: "open sans", "sans serif";
		font-size: 16px;
		line-height: 22px;
	}
/* Menu Font Setting */
	.main-menu > li > a, .main-menu > li > a span, ul.drop-down li a,  ul.drop-down li a span {
		font-family: "open sans", "sans serif";
	}
	.main-menu > li > a {
		font-size: 16px;
	}
	ul.drop-down li a {
		font-size: 13px;
	}
	ul.drop-down {
		width: 200px;
	}
	header {
		width: 270px;
	}
	.inner-content {
		padding-left: 270px;
	}
	.main-menu > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	ul.drop-down li a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.main-menu > li > a {
		text-transform: uppercase;
	}
	ul.drop-down li a {
		text-transform: uppercase;
	}
/* Blog Typography Setting */
	.news-item h2 {
		font-size: 18px;
	}
	.single-post-content h1 {
		font-size: 25px;
	}
/* Banner Area Typography Setting */
	#page-banner h1, #page-banner span {
		font-size: 22px;
	}
	#page-banner p {
		font-size: 16px;
	}
	ul.breadcrumb {
		font-size: 13px;
	}
/* Breadcrumb text format */
	ul.breadcrumb {
		text-transform: lowercase
	}
/* Headings Font Setting */
	h1, h2, h3, h4, h5, h6 {
		font-family: "open sans", "sans serif";
	}
	h1 {
		font-size: 38px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 15px;
	}
	h6 {
		font-size: 12px;
	}
/* Support 1600px+ Wide Screens */
	@media (min-width: 1600px) {
		header {
			margin-left: -685px;
		}
		.container {
			max-width: 1400px;
			width: 1400px;
		}
	}
/* Support 1900px+ Wide Screens */
	@media (min-width: 1900px) {
		header {
			margin-left: -935px;
		}
		.container {
			max-width: 1900px;
			width: 1900px;
		}
	}

/* END tmq_css */
/* BEGIN tmq_usercss */
*, .content-box p, .content-sections p, .toggle-widgets p,
.up-footer li a, .footer-line p {
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: -0.02em;
    word-spacing: -0.03em;
}

.wpb_wrapper li, .pdopup-contact-info li {
    font-family: Arial, Heulvertica, sans-serif !important;
}

h1, #page-banner span {
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: 1px;    
}

h3 { 
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    font-weight: 700; 
    text-transform: uppercase;
    color: #4d0000;
    letter-spacing: 1px;
}

h5 {
    letter-spacing: 0px !important;
}

.container { margin-bottom: 0px !important;}

.vc_column-inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#slider { padding-right: 0px !important; }
.text-bold, .text-bold span.vc_tta-title-text { font-weight: 600 !important; }
.text-italic, .text-italic span.vc_tta-title-text { font-style: italic !important; }

/* hide sidebars on mobile devices */
@media screen and (max-width: 768px) { 
    .hide_on_mobile, .tmq_toggle_bar { display: none; } 
   /* .logo { display: none; } */
}

.wpb_wrapper {
    padding: 0px 5px !important;
    margin: 0px !important;
    text-align: justify;
}

/* hide all breadcrumb */
.breadcrumb { display: none; }

.jquery-back-to-top-theme-default {-moz-border-radius:25% !important; -webkit-border-radius:25% !important; }

.toggle-widgets h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600 !important;
    color: #dbdbdb !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
}
.toggle-widgets h3 {
    font-size: 17px !important;
    text-decoration: underline;
}
.toggle-widgets p {
    font-size: 14px !important;
}

.undernav-sidebar { padding-bottom: 0px !important; }
.undernav-sidebar .widget-side::after {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-bottom: none ;
}
#__Thay-di-khat-thuc img:hover { cursor: pointer; }

.yotu-videos ul li:before {content: "" !important; }

.header-logo img {border: 1px solid #ff9900; border-radius: 1px;}
.vc_single_image-wrapper.vc_box_shadow_3d img { border-radius: 4px !important; }

/* MAIN MENU */
a.elemadded {font-weight: bold; }
a.elemadded:after { content: " ☰"; }

.main-menu > li > a {
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
}
.main-menu > li > a span {
    font-family: "Roboto Condensed", sans-serif;
}

.main-menu > li > a:hover, 
.main-menu > li.current-menu-item > a:hover,
.main-menu > li.current-menu-parent > a:hover,
.main-menu > li.current-menu-ancestor > a:hover,
.main-menu > li.current-page-ancestor a:hover
{ color: #fff !important; }

.main-menu > li > a.active, 
.main-menu > li.current-menu-item > a,
.main-menu > li.current-menu-parent > a,
.main-menu > li.current-menu-ancestor > a,
.main-menu > li.current-page-ancestor a {
    background-color: #ff9900 !important;
    color: #4d0000;    
}
.drop-down > li > a { font-weight: bold; }
/* MAIN MENU */

/* custom LI element */
ul:not([class]) > li::before {
    margin-top: 1px;
}

ul:not([class]) > li { 
    color: #000 !important;
    line-height: 1.5 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    margin-top: 6px;
}

.top-line {
    padding: 0;
}

.tag-line { 
    display: inline-block;
    text-align: center;
}

.tag-line span {
    font-family: "Times New Roman", Times, serif;
    font-size: 13px;
    color: #4d0000;
    font-weight: bold;
    margin-top: 2px; 
    margin-bottom: 2px;
    line-height: 1.6;
    border-left: none;
    letter-spacing: -0.02em;
    word-spacing: 0.025em;
    text-align: center;
    margin-right: 0;
    display: inline-block;
    padding: 0 10px;
}

.search_popup, .search_topbar { margin-top: 8px !important; }

.up-footer {
    padding: 0px !important;
    background-color: #f0f0db;
}
.up-footer ul { float:right; padding: 5px 0px;}
.up-footer li {
    display: inline-block;
    list-style-type: none;
    border-bottom: none;
    text-align: left;
    padding: 0px 12px !important;
    border-right: 1px solid #cccccc;
}
.up-footer li:last-child { border-right: 0px; }
.up-footer li a { 
    color: #4d0000 !important;
    font-size: 14px;
    text-decoration: none;
}
.up-footer li a:hover { 
    color: #ff9900 !important;
}

.footer-widgets { margin-bottom: 0px !important;}

.footer-line { padding-left: 25px !important; }
.footer-line p { 
    padding: 0; 
    color: #cccccc;
    font-size: 14px !important; 
    line-height: 1.8 !important;
}
.footer-line a.go-top { margin-top: 20px;  background-color: #d4d4d4 !important; width: 35px !important; height: 35px !important;}
a#thinh-sach { color: #d4d4d4; }
a#thinh-sach:hover { color: #fff; text-decoration: underline;}

li.weblinks a { color: #F39C12 !important; }
li.weblinks a:hover { color: #ffffff !important; }
li.weblinks a:before { content: '\f0da \ '; font-family: 'FontAwesome';}

/*** SUB MENU HORIZONTAL ***/
.sub-menu-horizontal {
  /* background: #f0f0f0; */
/*  padding-bottom: 10px; */
      
      background-color: #FEF9E7;;
      padding: 10px;
      border-radius: 4px;
      
      box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  
}

.sub-menu-horizontal ul {

    overflow: hidden;
    margin: 0; padding: 0;
    text-align: center;
  
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    grid-auto-rows: 1fr;
}

.sub-menu-horizontal ul li {
    list-style: none;  
    float: left;
    padding: 0; margin: 0; border: 0px;
}

.sub-menu-horizontal ul li a {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 1.1;    
    padding: 10px 5px 10px 5px;
	border-radius: 5px;
	color: #F5B041;
	background-color: #4d0000;
    box-sizing: border-box;
	width: 100%;
	height: 100%;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    
/*    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); */
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); 

}	

.sub-menu-horizontal ul li a:after {
    content: '';  display: inline-block;
    width: 0px; height: 100%;
    vertical-align: middle;
}

.sub-menu-horizontal ul li a.active {
    color: #fff !important; 
    background-color: #ff9900 !important;
}

.sub-menu-horizontal ul li.current-page-ancestor a,
.sub-menu-horizontal ul li a:hover,
.sub-menu-horizontal ul li.current_page_item a:hover,
.sub-menu-horizontal ul li.current-menu-item a,
.sub-menu-horizontal ul li.current_page_item a
{ color: #fff; background-color: #ff9900;}

/*** SUB MENU HORIZONTAL ***/

/*** POST CATEGORY MENU ***/
.post-category-menu {
  padding-bottom: 20px;
}

.post-category-menu ul {
    overflow: hidden;
    margin: 0;
    padding: 0px 20px 2px 20px;
    text-align: center;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    grid-auto-rows: 1fr;
}

.post-category-menu ul li {
    list-style: none;  
    float: left;
    padding: 0; margin: 0; border: 0px;
    white-space: nowrap;
}

.post-category-menu ul li a {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    line-height: 1.1;
    padding: 6px;
	border-radius: 12px;
	color: #4d0000;
	background-color: #F5B041;
	width: 100%; height: 100%;
    font-size: 14px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.16), 0 1px 1px rgba(0,0,0,0.23); 

}	

.post-category-menu ul li a:after {
    content: '';  display: inline-block;
    width: 0px; height: 100%;
    vertical-align: middle;
}

.post-category-menu ul li a.active,
.post-category-menu ul li a:hover,
.post-category-menu ul li.current_page_item a:hover,
.post-category-menu ul li.current-menu-item a,
.post-category-menu ul li.current_page_item a
{ color: #fff; background-color: #ff9900; font-weight: normal !important;}

/*** POST CATEGORY MENU ***/

/* MENU BUTTON */
.vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern {
    color: #F5B041; 
    border-color: #A04000;
    background-color: #4d0000;
    font-weight: bold;
}

.vc_btn3.vc_btn3-size-xs { font-size: 14px !important; }

.vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern:hover {
    color: #4d0000;
    border-color: #f90;
    background-color: #ff9900;
}
/* MENU BUTTON */

/*** MEGA MENU ITEM HACKED ***/
li.mega-menu-item { display: block !important;}

a.mega-menu-link {
    font-size: 15px !important;
  
    letter-spacing: -0.03em;
}
.popular-related-posts { padding-top: 15px; }

.vc_gitem_row .vc_gitem-col { padding: 2px !important; }

/* direct download link Google Drive */
a.UseyourDrive-directlink { font-size: 14px; font-weight: 600; text-decoration: none; }
a.UseyourDrive-directlink img {
    margin-bottom: 5px !important;
    vertical-align: middle !important;
    margin-right: 3px !important;
}

a.UseyourDrive-directlink:before { content: '[ '; font-family: 'FontAwesome';}
a.UseyourDrive-directlink:after {content: ' ]'; font-family: 'FontAwesome'; }
/* direct download link Google Drive */

/* link to media player */
.link-to-media a { 
    font-size: 14px;
    font-weight: bold;
    text-decoration: none; 
    background-color: #ff9900;
    display: inline-block;
    padding: 2px;
    border-radius: 4px;
}
.link-to-media a:hover { color: #ffffff; }
.link-to-media a:before { content: '[ \f144\ '; font-family: 'FontAwesome';}
.link-to-media a:after {content: ' ]'; }
/* link to media player */

.custom-heading, .custom-heading a {
    color: #4d0000 !important;
    text-align: left;
    font-family: "Roboto Condensed", sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;   
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 17px;
    padding-bottom: 3px !important;
    margin-bottom: 20px !important;
}

.custom-heading { border-bottom: 1px solid; }

.custom-heading-body {
    color: #ba3925 !important;
    font-family: "Arial", "Helvetica", "sans-serif";
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px;
    padding-bottom: 3px;
    margin-bottom: 20px;
}

/* PAGE CONTENT AND BLOG POST FONT-SIZE */

.single-post-content h4, .wpb_text_column h4, .wpb_content_element h4
{ padding-bottom: 20px; }

.content-sections {
    padding: 30px 30px !important;
}

.content-sections > div {
    border: 0px;
    margin-bottom: 0px;
}

.content-sections p { 
    color: #000; 
    line-height: 1.5; 
    text-align: justify;
    font-weight: 400 !important;
}
.content-sections h2 a, .single-post-content h1, .single-post-title h2 { 
    color: #4d0000;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 3px; 
}

.content-box  { 
/*    background-color: #f0f0db; */
    
    background-color: #fff2cc;
    border-radius: 5px !important;
    padding: 20px 10px 10px 10px;
    margin: -5px;
}

.content-box-alt  { 
    background-color: #f0f0db;
    border-radius: 5px !important;
    padding: 5px;
    margin: -5px;
}

.content-box p { color: #000; }
.content-box .sub-menu-horizontal {padding-top: 15px;}
.single-post-content .content-box {margin-left: 0px; margin-right: 0px;}

.ebook {
    margin: -10px 5px 30px 5px !important;
}

.vc_custom_heading.single-post-content {margin-bottom: 0px;}

.blog-info, .blog-content-divider, .inner-item, .single-post-content .featured-image { display: none; }
/* PAGE CONTENT AND BLOG POST FONT-SIZE */

/* Book quotes slider on Homepage */
#book_quotes_slider a:hover {
    text-decoration: none;
    color: #ff9900;
}

.vc_grid.vc_row .vc_grid-item .wpb_content_element { margin-bottom: 0px !important; }

.sidebar-widgets h4, .widget_maxmegamenu h4 {
    font-family: "Roboto Condensed", sans-serif !important;
    text-transform: uppercase;    
    letter-spacing: 1px;    
    color: #4d0000;
    font-size: 17px;
    font-weight: 700;
    border-bottom: 1px solid; padding-bottom: 2px;
}
.mega-menu-wrap { 
    font-family: "Roboto Condensed", sans-serif !important;
}

.book-menu-group a, .book-menu-group a:link {
    pointer-events: none !important;
    background-color: #4d0000 !important;
    color: #fff !important; 
    font-family: "Roboto Condensed", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em;
}

/* Responsove iframe container */
.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* Responsove iframe container */

hr { border-bottom: 1px solid #4d0000; }

/* post carousel */
.mega-post-title, .mega-post-meta, .mega-post-date, .mega-post-para {
    display: none; height: 0px;
}
.mega-post-image img { border-radius: 4px; }

.vc_message_box-icon>*  { font-size: 16px !important; left: 30%; margin-top: -8px !important;}
.vc_message_box { padding: 5px 15px 5px 50px !important;}
.vc_message_box p { font-size: 14px !important; font-style: italic; }

.ticker-posts .vc_message_box-icon {
    margin-top: 15px !important;
}
.ticker-posts {
    background-color: #fff !important;
    border-color: #4d0000;
    padding: 3px 5px 0px 30px !important;
}

.ticker-posts a { 
    font-size: 14px;
    font-style: italic;
    text-decoration: none;
}

.latest-post h3 { 
    font-size: 17px !important;
}

.mega-menu .menu_text_uppercase a { text-transform: uppercase !important; }
.mega-menu .mega-sub-menu a {text-transform: none !important; }

/* KINH PHÁP CÚ STYLE */
.kinh-phap-cu-container .wpb_wrapper { 
    text-align: center; 
    margin-bottom: 10px !important;
}
.kinh-phap-cu-single p {
    display: inline-block;
    text-align: center;
    color: #4d0000;
    font-weight: 600 !important;
    background-color: #ffc14d;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 10px 15px 15px 15px;
    border-radius: 4px;
}
.kinh-phap-cu-single em {
    display: inline-block;
    font-weight: 400 !important;
    font-size: 14px;
    text-align: left;
}

.img-kinh-phap-cu {
    display: inline-block;
    padding: 10px 0 10px 0;
 }

.img-kinh-phap-cu .img-rounded {
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
}

.img-rounded, .img-rounded img.vc_single_image-img {
    border-radius: 4px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* KINH PHÁP CÚ STYLE */

/* MY CUSTOM TOGGLE */
.my-custom-toggle .vc_tta-panel-heading {
    background-color: #fff;
    border-color: #fff !important;
}

.my-custom-toggle .vc_tta-title-text {
    color: #4d0000;
    font-weight: 400;
    font-size: 15px;    
}

.my-custom-toggle .vc_tta-panel-title a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* MY CUSTOM TOGGLE */

/* TRÍCH DẪN BÀI */

.book-quote {
   /* font-style: italic; */
    margin-left: 5px;
    margin-right: 5px;
}

.text-quote {
    position: relative;
}

.text-quote p {
    font-style: italic;
    padding-left: 15px;
    /* padding-right: 5px; */
    /* font-family: "Roboto Condensed", sans-serif; */
}

.text-quote:before {
    font-style: italic;
	content: '\201c';
    color: #4d0000;
    position: absolute;
    font-size: 4em;
    margin-left: -0.2em;
    margin-top: -0.4em;
}

/* TRÍCH DẪN BÀI */

a.read-more { background-color: #fafafa !important; font-size: 14px;}
a.read-more:hover { background-color: #f0f0db !important; }

/* Web Statistics */
.web-stats * {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #333333;
}

/* STYLES FOR POPUPS */

.popup-contact-info { 
    background-color: #f0f0db;
    border-radius: 4px;
    padding: 15px !important;
    margin: 5px !important;
}

.popup_searchbox {
    background-color: #f0f0db;
    border-radius: 4px;    
    text-align: center;
    margin-top: -15px !important;
    padding-bottom: 60px !important;
}

.popup_searchbox h4 {
    text-transform: uppercase;
    color: #4d0000;
    font-weight: bold;
    font-size: 18px !important;
    padding-top: 15px !important;
    margin-bottom: 10px !important; 
}
.popup_searchbox_form {
    max-height: 30px;
    border-radius: 13px;
    background: #fff;
    margin-left: 20px !important;
    margin-right: 20px !important;

}
.popup_searchbox_form input {
    width: 200px;
    height: 30px;
    padding: 0 5px;
    border: 0;
    line-height: 1.3;  
    outline: 0; 
}
.popup_searchbox_form #filter {
    padding-top: 20px;
    padding-bottom: 20px; 
}

/* Book Title & WP-Link Pages plugin css */
.book-title a, a.wplf_link { text-decoration: none; }
.book-title a, p.wplf_display {
    font-weight: bold !important;
    font-size: 15px;
    color: #4d0000 !important;
}
.book-title a:hover, p.wplf_display:hover {
    color: #ff9900 !important;
}

/* Hide block */
.hide-this { display: none; }

/* Hide sharing icons on Grid Template (Bài pháp chọn lọc) */
.hide-social-share-icons .heateorSssClear,
.hide-social-share-icons .heateor_sss_sharing_container {display: none;}

.heateor_sss_sharing_container { margin-bottom: 30px; }
.heateor_sss_sharing_title { color: #666; }

/* UseyourDrive text, size  */
.UseyourDrive, .UseyourDrive a, .UseyourDrive p {
    font-size: 14px !important;
}

/* fix audio player space gap */
#UseyourDrive .UseyourDrive.media {
    /* margin: 0px !important; */
    border-radius: 18px;
}
#phan-doan .vc_tta-panel-body {
    padding: 0 !important;   
}

/* Customize WP Bakery Tab Content Color */
.vc_tta-tab.vc_active>a, 
.vc_tta-panel.vc_active .vc_tta-panel-title>a, 
.vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-image: none !important;
    background-color: #ff9900 !important;
    color: #fff !important;
    font-weight: bold;
}

/* My custom breadcrumbs */
.rank-math-breadcrumb {
    padding-bottom: 20px;
}
.rank-math-breadcrumb a {
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    background-color: #4d0000;
    color: #F5B041;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    font-family: "Roboto Condensed", sans-serif;
}
.rank-math-breadcrumb a:hover {
    background-color: #ff9900;
    color: #fff; 
}
.rank-math-breadcrumb span.last {
    color: #4d0000;
    font-weight: 500;
    font-style: italic;
}
/* List of child pages plugin */
/* custom UL list */
ul.ccchildpages_list li {
    list-style-type: decimal;
    list-style-position: inside;
    font-size: 15px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ddd;
    font-family: "Roboto Condensed", sans-serif !important;    
}

ul.ccchildpages_list li a {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
}

.course ul.ccchildpages_list li {
    padding-left: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.course ul.ccchildpages_list li a {
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: normal;
    word-spacing: normal;   
}

.featured-topics ul.ccchildpages_list li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
}
.featured-topics ul.ccchildpages_list li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

/* Google Custom Search fixed css */

.google_custom_searchbox {
    background-color: #f0f0db;
    border-radius: 4px; 
    padding: 6px !important;
}
.google_custom_searchbox span.gcs_title {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #4d0000;
}
.google_custom_searchbox span.gcs_helper {
    display: block;
    text-align: center;    
    font-size: 13px;
    font-style: italic;
}

.gsc-input-box  {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.gsc-input-box table { margin-bottom: 0 !important; }
table.gsc-search-box tbody td { padding: 3px !important; background-color: #f0f0db !important; }
input.gsc-input { padding: 1px 6px !important; }
td.gsc-search-button { padding-right: 8px; }
.gsc-search-button-v2 { padding: 6px 10px !important; margin-right: 5px; }

td.gsib_a { padding: 8px !important; }

.gsc-above-wrapper-area { border-bottom: 0 !important; }
.gsc-above-wrapper-area-container td { margin-bottom: 0 !important; background-color: #fcfcfc !important;}

.gsc-result-info-container {
    padding: 5px !important;
}
.gsc-result-info, .gsc-orderby-label { padding: 5px !important; }
.gsc-orderby-container { padding-right: 8px !important; }

.gsc-adBlock, .gcsc-more-maybe-branding-root, .gcsc-find-more-on-google-root {
      display: none !important;
}
/* End Google custom search fix */

/* Text resizer tool */
#text_resizer_tool { text-align: right; margin-top: -10px; padding-bottom: 10px;}
.text_zoom:before { color: #ff9900; font-size: 16px; content: '\F00E \ '; font-family: 'FontAwesome'; }
.text_normal {font-size: 16px; cursor: pointer; margin:2px;}
.text_large {font-size: 18px; cursor: pointer; margin:2px; font-weight: 600;}
.text_xlarge {font-size: 20px; cursor: pointer; margin:2px; font-weight: 600;}

/* Pdf Print tool */
.pdfprnt-top-right a img {
    padding-top: 0 !important;
    margin-top: -20px;
}   
.pdfprnt-top-right a { 
    padding: 0 0 5px 5px !important; 
}
.pdfprnt-button img {
    width: 28px;
    height: auto;
}

#ebook-link {
    padding-left: 20px !important;
}
#ebook-link a {
    line-height: 2.5;
    white-space: nowrap;
}

#media-box {
   /* background-color: #f0f0db;
    border-radius: 5px !important;
    padding: 0px;
    margin: -5px;
    */
}

/* Media player fix for mobile */
@media screen and (max-width: 481px) { 
    .content-sections {
        padding: 30px 20px !important;
    }
    
    .content-box {
        padding: 20px 10px;
        margin: 0px;
    }
    
    #media-box .vc_column-inner {
        padding-left: 1px! important;
        padding-right: 1px !important;
    }
    
    #phap-am .vc_tta-panel-body {
        margin-left: 1px;
        margin-right: 1px;
    }
    
    #phap-am .wpb_text_column {
        margin-left: -18px;
        margin-right: -18px;
    }

    /* ebook post grid to show on 2 columns on mobile
    .vc_grid-item {
        display:  inline-block !important;
        width: 50%;
        height:  auto;
    }

}


/* END tmq_usercss */