.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-image: url(https://stella.edu.vn/wp-content/uploads/2020/08/single-post-header.png);
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Work Sans", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:16px;
}
:root{
--wd-title-font:"Work Sans", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Work Sans", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Noto Serif", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Noto Serif", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Work Sans", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:16px;
}
:root{
--wd-primary-color:rgb(26,111,27);
}
:root{
--wd-alternative-color:#0a8223;
}
:root{
--wd-link-color:#0a8223;
--wd-link-color-hover:rgb(50,163,71);
}
body{
	background-color:rgb(255,255,255);
	background-image: none;
}

.page .main-page-wrapper{
	background-color:rgb(255,255,255);
	background-image: none;
}

.woodmart-archive-blog .main-page-wrapper{
	background-color:rgb(255,255,255);
	background-image: none;
}

.single-post .main-page-wrapper{
	background-color:rgb(255,255,255);
	background-image: none;
}

.woodmart-archive-portfolio .main-page-wrapper{
	background-color:rgb(255,255,255);
	background-image: none;
}

.single-portfolio .main-page-wrapper{
	background-color:rgb(255,255,255);
	background-image: none;
}

:root{
--btn-default-bgcolor:#184431;
}
:root{
--btn-default-bgcolor-hover:#0b7f23;
}
:root{
--btn-shop-bgcolor:#83b735;
}
:root{
--btn-shop-bgcolor-hover:#6ca300;
}
:root{
--btn-accent-bgcolor:#83b735;
}
:root{
--btn-accent-bgcolor-hover:#6ca300;
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-shop-color: #fff;
		
					--btn-shop-color-hover: #fff;
		
					--btn-accent-color: #fff;
		
					--btn-accent-color-hover: #fff;
		
					
							--btn-default-bottom-active: -1px;
				--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-default-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
					
							--btn-shop-bottom-active: -1px;
				--btn-shop-brd-radius: 0.001px;
				--btn-shop-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-shop-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
					
							--btn-accent-bottom-active: -1px;
				--btn-accent-brd-radius: 0px;
				--btn-accent-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-accent-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
								}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-width: 1222px;
		}
	
			.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1192px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1202px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1212px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1222px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1232px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1252px;
		}
		@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 280px;
		}
	
	
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//stella.edu.vn/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=6.5.4") format("woff2");
}

/*blog*/
.blog-post-loop .article-body-container {height:250px;}
.hovered-social-icons {display:none;} 
.blog-design-masonry .entry-thumbnail, .blog-design-masonry .entry-thumbnail img {height:300px;}
.hovered-social-icons {display:none;} .blog-design-masonry .entry-thumbnail {height:300px;}
.blog-design-masonry .post-title, .blog-post-loop .post-title,.blog-design-masonry .wd-entities-title {font-size:14px;font-weight:700;;color:#183341;}
.blog-design-masonry .woodmart-entry-content{font-size:14px;color:#383838;}

/*home*/
.site-content {
margin-bottom: 0px;}
.woodmart-slide .woodmart-slide-container{padding-top: 0px!important;padding-bottom: 0px!important;}
.main-nav .item-level-0>a
{padding-left:30px;}
.whb-color-dark .navigation-style-default .item-level-0>a {color:#0b7f23;}
ul.ks-cboxtags {
    list-style: none;
    padding: 2px;
}
ul.ks-cboxtags li{
  display: inline;
}
ul.ks-cboxtags li label{
    color: #184431;
    display: inline-block;
	  border: 2px solid #184431;
    border-radius: 30px;
    white-space: wrap;
    margin: 5px 5px;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

ul.ks-cboxtags li label {
    padding: 5px 25px;
    cursor: pointer;
}

ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    font-size: 16px;
	transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="radio"]:checked + label::before {
    transition: transform .3s ease-in-out;
	  
}

ul.ks-cboxtags li input[type="radio"]:checked + label {
	  color:#ffffff!important;
    border: 2px solid #0b7f23;
    background-color: #0b7f23;
	  border: 2px solid #0b7f23;
    transition: all .2s;
	  padding: 5px 25px;
}

ul.ks-cboxtags li input[type="radio"] {
	  display: absolute;
}
ul.ks-cboxtags li input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.row {margin-bottom:0px;}
.usp {z-index:99;top:-200px;}
.usp {z-index:99;top:-150px;}
.title-subtitle{color:#184431!important;}
.woodmart-counter 
.counter-value:after{margin-left:-15px;}
.woodmart-prefooter {
    padding-bottom: 40px;
    background-color: #2D4339;   
}

.content-banner {position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;}
.promo-banner:hover .content-banner {visibility: visible; opacity: 1;}

.post-single-page.courses .entry-title {text-align:left;padding-left:20px;}
.post-single-page.courses .entry-content {padding-left:20px;}
.post-single-page .entry-title {color:#184431;}

.table-courses table td {padding:3px 5px;
    border-bottom: 0px;
border-right: 2px solid #E6E6E6;
    border-bottom: 0px solid #E6E6E6;
    text-align: left;
    font-weight: inherit;
}
.table-courses table td.no-border {border-right:0px;}

.woodmart-recent-posts{display:none;}

/*lich-khai-giang*/
.post-type-archive-portfolio .portfolio-info {margin:10px!important;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)!important; border-radius:15px;
background:#ffffff;}
.post-type-archive-portfolio  {
    margin-bottom: 40px;
    text-align: center;
}
.portfolio-text-shown .portfolio-info{margin:10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:15px;}
.portfolio-text-shown .entry-header, .portfolio-text-shown .entry-header:hover {box-shadow:unset!important;}
.portfolio-text-shown .left-title {padding-left:5px; text-align:left; color:#184431;margin-bottom:0;}
article {position:unset!important; top:0;}
.wd-portfolio-holder {height:auto!important;}
.wd-nav[class*="wd-style-"]>li.wd-active>a {color:#184431!important;}
.searchandfilter h4 {color:#184431;}
.searchandfilter label {color:#184431;}
.searchandfilter ul li {display:inline-block; margin-right:20px;}

.searchandfilter > ul > li [type=submit] {
 background-color:#184431;color:#fff;padding: 10px 40px;
}
.searchandfilter > ul > li [type=submit]::hover {
 background-color:#eee;color:#fff; 
}
.vc_custom_1595605611583  {padding-top:0px!important;}
.wpcf7-response-output{display:none;}
  
.search-results .left-title {padding-left:5px!important; text-align:left!important; color:#184431!important;}

.search-results {
text-align: center;
}
.search-results .site-content{
 width:100%; padding-bottom:40px;
}
.single .woodmart-post-date{display:none;}
.page .day{display:none;}
.page-title.color-scheme-light .entry-title {display:none;}
.page-title {height:200px; vertical-align:bottom;}
.color-scheme-light .breadcrumbs {padding-top:30px;}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
background-color: transparent!important;
}

input {margin:5px;}
input[type=submit] {color:#fff; background:#184431;border:2px solid #fff;}

.short-firstname .member-name {width:200px;}
.member-name{position:absolute;top:210px; color:#fff!important; text-transform: Uppercase; padding:20px; font-size:28px;font-weight:700!important;
width: 260px;
 }
.team-member .member-image img {width:100%!important;}
.member-social {display:none;}
.member-name:after{background-color: #fff;
  content: "";
  display: block;
  height: 5px;
  position: relative;
  vertical-align: middle;
  width: 50px;
  margin-top:5px;}
.member-position{position:absolute;top:300px; padding:20px; width:80%;color:#fff!important;}
.member-bio {background:#2D4339; padding:20px; color:#fff; font-size:16px;}
.team-member .member-image {margin-bottom:-10px!important;}

.widgettitle, .widgettitle a, .widget-title, .widget-title a {font-family:work sans; color:#fff;
}
div[class^=vc_wp] a {
color: #fff;
}
div[class^=vc_wp] a:hover {
color: #727272;
}

.wd-popup {background:unset;}
.woodmart-content-popup {max-width:85%!important;}

.collapsible {cursor:pointer;width: 100%;border:none;text-align: center!important;outline: none;font-size: 15px;color:#184431;padding-right:100px;}

.active, .collapsible:hover {color:#0b7f23;}

.content {display:none;
  overflow: hidden;
	font-size:16px;
  text-align:left;
  padding-left:20px;}


/*mobile*/
@media only screen and (max-width:767px) {.member-position{position:absolute;top:180px; padding:20px; width:100%;color:#fff!important;}.member-name{top:90px;
width:300px;
 }
.tablecourse-thumb {width:40%;padding-right:0;padding-left:25px;padding-top:15px;padding-bottom:10px;}
.portfolio-info-mb .btn-size-default{padding:5px 22px;font-size:10px;}
.portfolio-info-mb{margin:5px!important;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)!important;padding-bottom:15px; border-radius:15px;
background:#ffffff;font-size:11px;line-height:12px;}
.portfolio-text-shown .left-title{padding-top:10px;font-size:14px;}
.portfolio-info{display:none!important;}
.table-courses table td {padding:0 0px 0 5px;
border: 0px;}
.portfolio-info-mb .row{flex-wrap:unset;}
.collapsible{padding-left:37%!important;font-size:11px;padding-right:0;;}
.content {
	font-size:10px;margin-top:10px;}
.blog-post-loop .article-body-container {height:200px;}
.hovered-social-icons {display:none;} .blog-design-masonry .entry-thumbnail {height:200px;}
.blog-design-masonry .post-title{font:bold 12px/16px Work Sans;color:#183341;}
.blog-design-masonry .woodmart-entry-content {font-size:10px;color:#383838;}
div.scrollmenu {
overflow: auto; white-space: nowrap;}
}
.footer-container .wd-sub-menu li>a {color:#fff!important;}
@media only screen and (min-width:767px){
.tablecourse-thumb {margin-top:5px;padding-right:0;}
.portfolio-info-mb {display:none;}
div.scrollmenu a{width:33.3%;}}

.job-sticky {position: fixed;
top:0;z-index:9999;text-align:center;}
#stick-menu {width:100%;
  overflow: auto;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
/* Hide scrollbar for Chrome, Safari and Opera */
#stick-menu::-webkit-scrollbar {
  display: none;
	}
#stick-menu a {font-size:8px;margin:8px!important;}

/* Hide scrollbar for IE, Edge and Firefox */
#stick-menu{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
	}}
	
#stick-menu {margin:0; padding-right:20px;text-align:center;}
#stick-menu a {
  display: inline-block;
  color:#383838;
  text-align:center;
  padding: 5px 0px;
  font-size:14px;
  margin: 0 20px;
  text-decoration: none;
}

#stick-menu a:hover {border-bottom:2px solid #184431;color:#184431;font-weight:700;
}

div#scrollmenu i {position:absolute;top:18px;font-size:16px;padding:0px 0px 5px 5px;color:#184431;right:0;}

.job-sticky i {position:fixed!important;}
}