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

/*************** ADD CUSTOM CSS HERE.   ***************/
.entry-content ul li{
	margin-left:40px;
}
.search-field {
	    box-shadow: unset !important;
}
.button.alt, .button.checkout, .checkout-button, .secondary {
    background-color: #6f73d9;
}
.nav-dropdown-has-border .nav-dropdown {
	border:0px;
}
.archive-list-below .large-12.col{
	    padding-bottom: 10px;
}
.archive-list-below .large-12.col .post-horizontal {
	border-bottom: 1px solid #ededed;
    display: inline-block;
    padding-bottom: 20px;
}
.svg-footer svg {
	margin-bottom: -13px;
    height: 100px;
    width: 118%;
    display: block;
    opacity: 1;
}
.footer-main::before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(163deg, rgb(179 205 255) 100%, rgb(0 103 255 / 0%) 100%), linear-gradient(111deg, #a2bcdf 0, #086cff 98%);
    mix-blend-mode: normal;
    opacity: .14;
    z-index: 1;
}
.vector-home .divider.divider--rotate {
	    transform: unset !important;
}
.divider.divider--rotate {
	    transform: rotate(180deg);
    overflow: hidden;
    width: 100%;
    height: 138px;
}
#header {
	background:linear-gradient(180deg, rgba(20, 117, 255, .0001) 0, rgba(20, 117, 255, .263194) 100%), linear-gradient(-226.03deg, #ededed 0, #72acff 98%);
}
.sec1 {
	padding-bottom:0px !important;
}
.vector-home {
	transform: rotate(180deg);
}
.vector-home p{
	margin:0px !important;
}
.vector-home svg {
	    position: relative;
    display: block;
    width: calc(132% + 1.3px);
    height: 120px;
    top: 26px;
}
.bang-gia-bac {
	position:relative;
	top:-130px;
}
.new-home {
	top:-100px;
}
.sec1::before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(20, 117, 255, .0001) 64%, rgba(20, 117, 255, .263194) 100%), linear-gradient(-226.03deg, #f1f7ff 0, #c9dfff 98%);
    mix-blend-mode: normal;
    opacity: .37;
    z-index: 1;
}
#tab-phuquy, #tab-ancarat {
	width:50%;
    margin-right: 0px;
    text-align: center;
background: #ccc;
}
.tab.active {
	  background: var(--primary-color) !important;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
	    background-color: unset;
}
.tab.active span {
	    color: #fff;
    text-transform: uppercase;
}
.tab a {
	display:inline-block !important;
	width:100%;
	text-align:center;
}

.col-left-new .post-title a {
	font-size: 22px;
    line-height: 34px;
    text-transform: capitalize;
}
.col-new-right .post-title a {
	    font-size: 16px !important;
    line-height: 24px !important;
}
.col-new-right .col.post-item {
	padding-bottom:10px;
}
.row-new .col {
	padding-bottom:0px;
}
.col-new-bottom .col.post-item {
	padding-bottom:10px;
}
.gia-bac-container {
	margin-top:0px !important;
}
.gia-bac-header {
    margin-top: 0px !important;
	  text-align: left !important;
	padding:10px !important;
}

.accordion .toggle {
	right:0;
	left:unset !important;
}
.accordion-title {
	padding:20px 0px !important;
}
.icon-angle-down:before {
	    font-size: 18px;
    line-height: 54px;
}
.accordion-title sspan {
	font-weight:600;
}
.accordion-inner {
	    padding: 20px;
    background: #f3f3f3;
}
.accordion-inner h2,.accordion-inner h3,.accordion-inner h4,.accordion-innerh5 {
	font-size:20px;
}

.tabbed-content li {
	border-radius:8px;
	    background: #eaeaea;
}
.tabbed-content li a {
	    font-size: 20px;
    width: 210px;
    text-align: center;
}
.tab.active { 
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}
.tabbed-content li a span {
	 text-transform: uppercase;
}
.gia-bac-shortcode h1 {
	    text-transform: uppercase;
    font-size: 32px;
}
.gia-bac-shortcode p { 
	font-size:18px;
}
td {
	color:#000 !important;
}
.blog_home .post-item .col-inner {  
    background: #fff;
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .08);
}
.blog_home .box-text{ 
	padding:15px;
} 


.blog_home .post-title a{  
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.flex-right { 
	width:100px;
	    margin-left: 30px;
}
.flex-left .header-nav { 
    display: block;
    margin: 0 auto;
    text-align: center;
}

.blog-archive-custom a {
	display:block;
}


.featured-post h3 { 
	background: none;
    text-shadow: unset;
    font-size: 22px;
    margin-bottom: 0px;
}
.featured-post .featured-title { 
    font-size: 26px;
    line-height: 36px;
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.post-date { 
margin: 5px 0px;
    display: inline-block;
    width: 100%;
    font-style: italic;
	}
.right-list h4 { 
	margin-bottom:0px;
}
.right-list h4 a { 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.title-image { 
    border-radius: 8px;
    display: inline-block;
    width: 40%;
    float: left;
    overflow: hidden;
}
.content-post-list { 
    display: inline-block;
    width: 60%;
    float: left;
    padding-left: 20px;
	}

.content-post-list h3 { 
	margin-bottom:0px;
	}

.archive-list-below { 
display: inline-block;
    width: 100%;
    margin-top: 50px;
	}

.right-list .small-post-item:nth-child(1)  { 
	margin-bottom:20px;
}
.breadcrumbs-full { 
    background: #f2f7fe;
    display: block;
	padding: 10px 0px;
	}

.breadcrumbs-full .large-12.col { 
	padding:0px;
	}

#breadcrumbs { 
	padding-left:15px;
	}

.blog-archive .page-title { 
    font-size: 34px;
    text-align: left;
    color: #0d4e8c;
    font-weight: bold;
    text-transform: capitalize;
	    margin-bottom: 0px;
	}

.entry-header-text {
	padding-bottom:0px;
}
.entry-content.single-page { 
	padding-top:0px;
	}


.pagination-wrapper {
	display:block;
	margin:0 auto;
	    text-align: center;
}
.pagination-wrapper a {
	   width: 40px;
    height: 40px;
	line-height: 40px;
	 border-radius: 100%; 
	  display: inline-block;
	    background: #dfdfdf;
	    margin: 0px 10px;
}
.page-numbers.current {
	    width: 40px;
    height: 40px;
    /* padding: 10px; */
    display: inline-block;
    background: #ff0000;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    line-height: 40px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}
.next.page-numbers { 
	width:auto;
	    background: none !important;
}
.related-title {
	padding:10px;
}
.entry-meta {
	display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-style: italic;
    font-size: 14px;
}
.post-tags a { 
    background: #e5e5e5cc;
    padding: 3px 5px;
    border-radius: 6px;
    font-style: italic;
    font-size: 14px;
    margin: 0px 2px;
}
.related-title h3 a {
	font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.related-post-title {
	    font-size: 22px;
    border-left: 8px solid #6779E2;
    padding-left: 15px;
	    margin-top: 20px;
    margin-bottom: 30px;
}

.relatedcat .feature { 
	    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	}
.content-related { 
   
	    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
	}

.post-sidebar { 
	padding-left:0px !important;
	}

.is-divider.small {
	display:none;
}
.widget-title  { 
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff;
    padding: 20px;
    width: 100%;
    display: inline-block;
    border-radius: 8px;
	}

.sub-menu {
	    border: 0px !important;
    border-radius: 8px;
    padding: 0px;
}
.sub-menu a {
	    border-bottom: 1px solid #f3f3f3;
    margin: 10px 20px !important;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
	border:0px;
}
.nav-dropdown:after {
	content:unset !important;
}

.from_the_blog_excerpt  { 
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
	}

.accordion-item span { 
	padding-right: 20px;
    display: inline-block;
}
.accordion .toggle { 
	width:10px !important;
}
.small-post-item img {
	height:170px; 
	max-height:170px;
	overflow:hidden;
}
.post-horizontal img {
		height:200px; 
	max-height:200px;
	overflow:hidden;
}

.featured-post img {
	    height: 365px;
	max-height:365px;
	overflow:hidden;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.tabbed-content li a {
		        width: 115px;
        font-size: 14px;
	}
	
	

}