.widget_about_style_1 a.more-link {
border-radius: 25px;
}
.widget_about_style_1 .about-content .description {
margin-bottom: 40px;
}
.widget_about_style_1 .about-content p {
color: #777;
font-size: 14px;
line-height: 25px;
margin-bottom: 20px;
margin-top: 10px;
}
.widget_about_style_1 .about-content ul {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
list-style-type: none;
margin-right: -10px;
margin-bottom: 5px;
margin-top: 5px;
}
.widget_about_style_1 .about-content ul li {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
margin-top: 10px;
font-weight: 600;
color: #777;
position: relative;
padding-right: 10px;
padding-left: 22px;
}
.widget_about_style_1 .button .btn {
margin: 20px 0; border-radius: 5px;
}
.widget_about_style_1 .about-image {
-webkit-animation: move3 5s infinite;
animation: move3 5s infinite;
}
@media screen and (min-width: 768px) {
.widget_about_style_1 .mt-30 {
margin-top: 0!important;
}
}
@media(max-width: 768px) {
.widget_about_style_1 .about-content .header-title h3 {
text-align: center;font-size: 30px;
}
}
.widget_post_style_99 .header_main {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 55px;
gap: 20px;
}
.widget_post_style_99 .box_header {
flex: 0 0 40%;
}
.widget_post_style_99 .box_header .header-title.left + style + .button {
text-align: left;
}
.widget_post_style_99 .box_header .header-title.right + style + .button {
text-align: right;
padding-right: 10px;
}
.widget_post_style_99 .mt-10 {
margin-top: 10px;
}
.widget_post_style_99 .button .btn {
border-radius: 25px;
}
.widget_post_style_99 .header_main .sp_header-post {
font-size: 17px;
color: #262f5a;
}
.widget_post_style_99 .header_main .sp_header-post .content {
display: flex;
align-items: end;
gap: 10px;
}
.widget_post_style_99 .header_main .sp_header-post .content i {
font-size: 85px;
line-height: 0.6;
color: #fcbf7c;
}
.widget_post_style_99 .box-content { position: relative; }
.widget_post_style_99 .item .img { height: 300px; width: 100%; }
.widget_post_style_99 .item .img img { height: 100%; width: 100%; object-fit: cover; }
.widget_post_style_99 .item .title {
padding: 10px;
width: 100%;
}
.widget_post_style_99 .item .title .content_header {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 10px;
}
.widget_post_style_99 .item .title .content_header img{
width: 44px;
}
.widget_post_style_99 .item .title .header {
font-size: 16px; line-height: 30px;
margin:10px 0; color: #000;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
line-clamp: 2;
-webkit-box-orient: vertical;
}
.widget_post_style_99 .item .title .header a {
color: #262f5a; outline: none;
}
.widget_post_style_99 .item .title .description {
margin-bottom: 18px; height: 55px;
text-align: initial;
color: #262f5a;
}
.widget_post_style_99 .item .title .post-info {
margin: 0 0 20px 0;
}
.widget_post_style_99 .item .title .link {
display: flex;
justify-content: flex-end;
align-items: center;
}
.widget_post_style_99 .item .title .link > a {
display: flex;
padding: 5px 10px;
width: 37%;
justify-content: center;
color: #fff;
border-radius: 25px;
font-weight: 500;
background-image: linear-gradient(90deg, var(--theme-color), var(--theme-color-2));
}
.widget_post_style_99 .item .title .link > a:hover {
background-image: linear-gradient(90deg, var(--theme-color-2), var(--theme-color));
}
.widget_post_style_99 .item .title .read-more a {
color:#000;display: flex; position: relative;
gap: 10px;
align-items: center;
transition: all 0.3s;
line-height: 14px;
}
.widget_post_style_99 .item .title .read-more i {
color: #fff;
position: relative;
top: 1px;
width: 20px;
height: 20px;
background-color: var(--theme-color);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.widget_post_style_99 .item .title .read-more a:hover {
padding-left: 20px; color:var(--theme-color);
}
.widget_post_style_99 .item:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2), 0 0 0 transparent;
}
@media (max-width: 1200px) {
.widget_post_style_99 .item .img { height: 250px; }
}
@media screen and (max-width: 768px) {
.widget_post_style_99 .header_main {
flex-wrap: wrap;
}
.widget_post_style_99 .header_main .box_header {
flex: 0 0 100%;
text-align: center !important;
}
.widget_post_style_99 .header_main .box_header .header {
text-align: inherit !important;
}
}
@media (max-width: 600px) {
.widget_post_style_99 .item {padding:0;margin-bottom: var(--bs-gutter-x);}
.widget_post_style_99 .item .img { height: 200px; }
}.widget_item_style_1 {
position: relative;
overflow: hidden; text-align: center;
}
.widget_item_style_1::after {
position: absolute;
content: "";
width: 100%;
height: 50%;
bottom: -1px;
left: 0;
background-color: var(--item1-bg-bonus);
clip-path: polygon(100% 50%, 100% 100%, -10% 100%);
}
.widget_item_style_1 .container {
position: relative;
z-index: 1;
}
.widget_item_style_1 .wrapper_header {
display: flex;
align-items: flex-start;
margin-bottom: 25px;
}
.widget_item_style_1 .wrapper_header .box_left {
flex: 0 0 40%;
max-width: 40%;
}
.widget_item_style_1 .wrapper_header .box_right {
flex: 1;
text-align: left;
color: #fff;
}
.widget_item_style_1 .wrapper_header .box_right .line {
width: 20%;
height: 5px;
background-color: var(--item1-bg-line);
margin-bottom: 10px;
}
.widget_item_style_1 .wrapper_header .box_right p:last-of-type {
margin: 0;
}
.widget_item_style_1 .row-flex {
position: relative;
display: grid;
grid-template-columns: var(--item1-per-row);
gap:10px;
}
.widget_item_style_1 .slick-list {
margin: 0 -7.5px;
}
.widget_item_style_1 .slick-track {
display: flex;
align-items: stretch;
}
.widget_item_style_1 .slick-slide {
margin: 0 7.5px;
height: auto;
}
.widget_item_style_1 .slick-slide > div {
height: 100%;
}
.widget_item_style_1 .item {
display: block !important;
position: relative; overflow: hidden; text-align: center; background-position: center;
border-radius: 5px;
height: 100%;
background-color: var(--item1-bg);
}
.widget_item_style_1 .item a {
display: flex;
width: 100%;
height: inherit;
flex-direction: column;
}
.widget_item_style_1 .item:before, .widget_item_style_1 .item:after {
content: "";
position: absolute;
background-repeat: no-repeat;
opacity: 0;
transition: all .5s;
-webkit-transform: scale(.1);
transform: scale(.1);
z-index: 0;
}
.widget_item_style_1 .item .img {
position: relative;
padding-top: 56.25%;
width: 100%;
height: 0!important;
overflow: hidden;
}
.widget_item_style_1 .item .img img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.widget_item_style_1 .item .btn-custom {
border-radius: 200px;
padding: 7.5px 20px;
}
.widget_item_style_1 .item .btn-custom {
background-color: var(--item1-bg-btn);
color: var(--item1-txt-color-btn);
border-color:var(--item1-bg-btn);
}
.widget_item_style_1 .item .btn-custom:hover {
color: var(--item1-bg-btn);
background-color: #fff;
}
.widget_item_style_1 .item .title {
text-align: center; padding: 10px; flex: 1;
}
.widget_item_style_1 .item .title p.heading {
color: var(--item1-title);
font-size: 15px;
font-weight: bold;
margin: 0 0 10px 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 50px;
}
.widget_item_style_1 .item .title p.description {
color: var(--item1-des);
font-size: 14px;
line-height: 20px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 50px;
}
@media (max-width: 768px) {
.widget_item_style_1 .row-flex {
grid-template-columns: var(--item1-per-row-tablet);
}
.widget_item_style_1 .wrapper_header {
flex-direction: column;
}
.widget_item_style_1 .wrapper_header .box_left {
flex: 0 0 100%;
max-width: 100%;
}
.widget_item_style_1 .wrapper_header .box_right {
margin-top: 15px;
}
}
@media (max-width: 600px) {
.widget_item_style_1 .row-flex {
grid-template-columns: var(--item1-per-row-mobile);
}
}
@media (max-width: 500px) {
}.widget_item_style_2 {
overflow: hidden; text-align: center;
}
.widget_item_style_2 .row-flex {
position: relative;
display: grid;
grid-template-columns: var(--item-per-row);
gap:10px;
align-items: center;
}
.widget_item_style_2 .service-block {
position: relative;
display: flex;
gap:10px;
align-items: center;
justify-content: center;
}
.widget_item_style_2 .item {
margin-bottom: 10px;
position: relative;
display: flex;
width: 100%;
gap: 25px;
align-items: center;
justify-content: flex-start;
}
.widget_item_style_2 .item .img {
width: 100%;
flex: 0 0 26%;
height: 100%;
}
.widget_item_style_2 .item .img a {
display: inline-block;
height: var(--item-height); width:var(--item-height);
text-align: center;
background-color: #fff;
border-radius: 50%;
padding: 13px;
}
.widget_item_style_2 .item .img img {
width: auto; height: 100%; display: inline-block;
border-radius: 5px;
}
.widget_item_style_2 .item .title {
width: 100%;
text-align: left;
height: 100%;
}
.widget_item_style_2 .item .title .counter-section-container .counter-item > span {
font-size: 40px;
color: #fff400;
font-weight: 800;
line-height: 40px;
}
.widget_item_style_2 .item .title p.heading {
color: var(--item-title); font-size: 15px; font-weight: bold; margin: 0;
}
.widget_item_style_2 .item .title p.heading a {
color: var(--item-title);
}
.widget_item_style_2 .item .title p.description {
color: var(--item-des); font-size: 14px; line-height: 20px;
}
.widget_item_style_2 .item .title p.description a {
color: var(--item-des);
}
@media (max-width: 768px) {
.widget_item_style_2 .item {
gap: 10px;
}
.widget_item_style_2 .header-title .header{
line-height: 40px !important;
}
.widget_item_style_2 .row-flex {
grid-template-columns: var(--item-per-row-tablet);
}
.widget_item_style_2 .item .img a {
width: 60px;
height: 60px;
}
.widget_item_style_2 .item .title .counter-section-container .counter-item>span {
font-size: 20px;
line-height: 20px;
}
.widget_item_style_2 .item .title p.heading a {
font-size: 12px;
}
}
.widget_item_style_3 {
overflow: hidden; text-align: center;
}
.widget_item_style_3 .brand_main {
background: #fff;
box-shadow: 0 5px 62px 0 rgb(2 55 102 / 9%);
border-radius: 16px;
}
.widget_item_style_3 .row-flex{
position: relative;
display: grid;
grid-template-columns: var(--item-per-row);
align-items: center;
gap: 30px;
padding: 50px;
}
.widget_item_style_3 .item {
position: relative; overflow: hidden; text-align: center; background-position: center;
display: flex; width: 100%; height: 100%; box-shadow: 0 5px 62px 0 rgb(2 55 102 / 9%);
border-radius: 10px;
background-color: #fff;
border-radius: 10px;
}
.widget_item_style_3 .item .logo_brand {
width: 100%;
padding: 20px;
height: 100%;
display: flex;
justify-content: center;
}
.widget_item_style_3 .item .img {
width: 100%;
text-align: center;
height: var(--item-height);
}
.widget_item_style_3 .item .img img {
max-width: 100%;
width: auto; height: 100%; display: inline-block; object-fit: contain;
}
.widget_item_style_3 .item .title {
text-align: left; padding: 10px;
}
.widget_item_style_3 .item .title .heading {
font-family: var(--font-header);
color: var(--item-title); font-size: 15px; font-weight: bold; margin: 0 0 10px 0;
}
.widget_item_style_3 .item .title p.description {
color: var(--item-des); font-size: 14px; line-height: 20px;
}
.widget_item_style_3 .item .title .heading a {
color: var(--item-title);
}
.widget_item_style_3 .item .title p.description a{
color: var(--item-des);
}
.widget_item_style_3 .brand_main .button_link {
padding: 50px;
}
.widget_item_style_3 .brand_main .button_link .link_item {
background-image: linear-gradient(90deg, var(--theme-color), var(--theme-color-2));
padding: 15px 25px;
border-radius: 25px;
color: #fff;
font-size: 18px;
font-weight: 600;
}
.widget_item_style_3 .brand_main .button_link .link_item > i {
margin-left: 15px;
color: #fff;
font-size: 18px;
}
@media (max-width: 768px) {
.widget_item_style_3 .row-flex{
grid-template-columns: var(--item-per-row-mobile);
padding: 20px !important;
gap: 15px;
}
.widget_item_style_3 .item .img { height: 50px; }
.widget_item_style_3 .item .logo_brand {
padding: 15px;
}
.widget_item_style_3 .brand_main .header-title {
margin-top: 15px !important;
}
.widget_item_style_3 .brand_main .header-title .header {
padding: 0 15px !important;
font-size: 20px !important;
}
.widget_item_style_3 .brand_main .button_link .link_item {
font-size: 15px;
}
.widget_item_style_3 .brand_main .button_link .link_item>i {
font-size: 15px;
}
}
@media (max-width: 600px) {
.widget_item_style_3 .item {
flex-direction: column;
}
.widget_item_style_3 .item .img {
width: 100%; height: 50px; text-align: center;
}
.widget_item_style_3 .item .title {
width: 100%; text-align: center;
}
.widget_item_style_3 .item .title .heading {
font-size: 13px;
}
.widget_item_style_3 .item .title p.description {
font-size: 12px;
}
}.widget_post_tab_style_100 .header-title{
margin-bottom: 0;
}
.widget_post_tab_style_100 .box-content {
position: relative;
overflow: inherit;
}
.widget_post_tab_style_100 .post_style_tab_content .button_link > a{
border-radius: 25px;
margin-top: 20px;
}
.widget_post_tab_style_100 .box-category-list{
display: flex;
justify-content: center;
}
.widget_post_tab_style_100 .post_tab_style_100_category_list {
position: relative;
display: flex;
align-items: center;
background: var(--bg-list-cate-item-style-100);
list-style: none;
margin: 20px auto 25px;
overflow: auto;
padding: 0 calc(var(--bs-gutter-x)/2);
gap: 10px;
z-index: 1;
border-radius: 50px;
box-shadow: 5px 10px 20px 0 rgb(0,0,0,0.06);
}
.widget_post_tab_style_100 .post_tab_style_100_category_list li {
position: relative;
flex: 0 0 auto;
overflow: hidden;
display: inline-block;
border-radius: 50px;
border: 1px solid rgba(42, 53, 80,0.2);
transition: all 0.5s;
background-color: var(--bg-cate-item-style-100);
}
.widget_post_tab_style_100 .post_tab_style_100_category_list li a {
display: flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
text-decoration: none;
position: relative;
padding: 8px 25px;
font-weight: 600; font-size: 14px;
color: var(--color-title-cate-item-style-100);
text-align: center;
transition: 400ms;
z-index: 101000;
overflow: hidden;
}
.widget_post_tab_style_100 .post_tab_style_100_category_list li:hover,
.widget_post_tab_style_100 .post_tab_style_100_category_list li.active {
border-color: var(--bg-cate-hv-item-style-100);
box-shadow: 0 3px 8px 0 rgba(0,0,0,0.3), 0 0 0 transparent;
}
.widget_post_tab_style_100 .post_tab_style_100_category_list li:hover a,
.widget_post_tab_style_100 .post_tab_style_100_category_list li.active a,
.widget_post_tab_style_100 .post_tab_style_100_category_list li:hover a,
.widget_post_tab_style_100 .post_tab_style_100_category_list li a.active {
color: var(--color-title-cate-hv-item-style-100); background-color: var(--bg-cate-hv-item-style-100);
}
.widget_post_tab_style_100 .post_tab_style_100_category_list li .su_button_circle {
background-color: var(--theme-color);
border-radius: 1010px;
position: absolute;
left:0;
top:0;
width: 0px;
height: 0px;
margin-left: 0px;
margin-top: 0px;
pointer-events: none;
}
.widget_post_tab_style_100 .post_tab_style_100_category_list li .button_text_container{
position:relative;
z-index: 10100;
}
.widget_post_tab_style_100 .post_tab_style_100_category_list li .explode-circle {
animation: explode 0.5s forwards;
}
.widget_post_tab_style_100 .post_tab_style_100_category_list li .desplode-circle{
animation: desplode 0.5s forwards;
}
@keyframes explode {
0% {
width: 0px;
height: 0px;
margin-left: 0px;
margin-top: 0px;
background-color: var(--theme-color);
}
100% {
width: 400px;
height: 400px;
margin-left: -200px;
margin-top: -200px;
background-color: var(--theme-color);
}
}
@keyframes desplode {
0% {
width: 400px;
height: 400px;
margin-left: -200px;
margin-top: -200px;
background-color: rgba(42, 53, 80,0.2);
}
100% {
width: 0px;
height: 0px;
margin-left: 0px;
margin-top: 0px;
background-color: rgba(42, 53, 80,0.2);
}
}
.widget_post_tab_style_100 .item {
overflow: hidden; box-shadow: 5px 10px 20px 0 rgb(0 0 0 / 6%);
margin: calc(var(--bs-gutter-x)/2) 0;
transition: all 0.25s cubic-bezier(.02,.01,.47,1);
border-radius: 5px;
display: block !important;
}
.widget_post_tab_style_100 .post_style_tab_content .item {
position: relative;
background-color: var(--bg-item-style-100);
}
.widget_post_tab_style_100 .item a {
display: flex;
align-items: center;
}
.widget_post_tab_style_100 .item:hover {
box-shadow: 0 4px 20px 0 rgb(0 0 0 / 20%), 0 0 0 transparent;
}
.widget_post_tab_style_100 .item .img {
flex: 0 0 20%;
max-width: 20%;
position: relative;
display: block;
width: 100%;
overflow: hidden;
border-radius: 3px;
margin-right: 10px;
padding: 10px;
}
.widget_post_tab_style_100 .item .img img {
width: 100%;
height: 100%;
object-fit: contain;
display: flex;
margin: auto;
}
.widget_post_tab_style_100 .item .title {
padding: 10px;
flex: 1;
}
.widget_post_tab_style_100 .item .title .header {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: 600;
font-size: 14px;
color: var(--title-item-style-100);
margin-top: 0;
margin-bottom: 10px;
}
.widget_post_tab_style_100 .item .title .excerpt{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: var(--des-item-style-100);
font-size: 12px;
}
@media screen and (max-width: 768px) {
.widget_post_tab_style_100 .item .img {
margin: 0;
padding: 10px 0;
}
.widget_post_tab_style_100 .post_tab_style_100_category_list {
margin: 20px auto;
overflow: initial;
padding: 5px;
gap: 5px;
align-items: stretch;
justify-content:space-between;
}
.widget_post_tab_style_100 .post_tab_style_100_category_list li {
margin: 0;
flex: 0 0 calc(100% / var(--count-item) - 5px);
max-width: calc(100% / var(--count-item) - 5px);
}
.widget_post_tab_style_100 .post_tab_style_100_category_list li a {
padding: 5px 15px;
height: 100%;
}
}
@media screen and (max-width: 576px) {
.widget_post_tab_style_100 .item .title .header {
font-size: 12px;
-webkit-line-clamp: 3;
line-height: 1.2;
}
.widget_post_tab_style_100 .post_tab_style_100_category_list li .button_text_container {
font-size: 12px;
line-height: 1.2;
}
}.widget_post_tab_style_101 .header-title{
margin-bottom: 0;
}
.widget_post_tab_style_101 .box-content {
position: relative;
overflow: inherit;
}
.widget_post_tab_style_101 .post_style_tab_content .button_link > a{
border-radius: 25px;
margin-top: 20px;
}
.widget_post_tab_style_101 .box-category-list{
display: flex;
justify-content: center;
}
.widget_post_tab_style_101 .post_tab_style_101_category_list {
position: relative;
display: flex;
align-items: center;
background: var(--bg-list-cate-item-style-101);
list-style: none;
margin: 20px auto 25px;
overflow: auto;
padding: 0 calc(var(--bs-gutter-x)/2);
gap: 10px;
z-index: 1;
border-radius: 50px;
box-shadow: 5px 10px 20px 0 rgb(0,0,0,0.06);
}
.widget_post_tab_style_101 .post_tab_style_101_category_list li {
position: relative;
flex: 0 0 auto;
overflow: hidden;
display: inline-block;
border-radius: 50px;
border: 1px solid rgba(42, 53, 80,0.2);
transition: all 0.5s;
background-color: var(--bg-cate-item-style-101);
}
.widget_post_tab_style_101 .post_tab_style_101_category_list li a {
display: flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
text-decoration: none;
position: relative;
padding: 8px 25px;
font-weight: 600; font-size: 14px;
color: var(--color-title-cate-item-style-101);
text-align: center;
transition: 400ms;
z-index: 101000;
overflow: hidden;
}
.widget_post_tab_style_101 .post_tab_style_101_category_list li:hover,
.widget_post_tab_style_101 .post_tab_style_101_category_list li.active {
border-color: var(--bg-cate-hv-item-style-101);
box-shadow: 0 3px 8px 0 rgba(0,0,0,0.3), 0 0 0 transparent;
}
.widget_post_tab_style_101 .post_tab_style_101_category_list li:hover a,
.widget_post_tab_style_101 .post_tab_style_101_category_list li.active a,
.widget_post_tab_style_101 .post_tab_style_101_category_list li:hover a,
.widget_post_tab_style_101 .post_tab_style_101_category_list li a.active {
color: var(--color-title-cate-hv-item-style-101); background-color: var(--bg-cate-hv-item-style-101);
}
.widget_post_tab_style_101 .post_tab_style_101_category_list li .su_button_circle {
background-color: var(--theme-color);
border-radius: 1010px;
position: absolute;
left:0;
top:0;
width: 0px;
height: 0px;
margin-left: 0px;
margin-top: 0px;
pointer-events: none;
}
.widget_post_tab_style_101 .post_tab_style_101_category_list li .button_text_container{
position:relative;
z-index: 10100;
}
.widget_post_tab_style_101 .post_tab_style_101_category_list li .explode-circle {
animation: explode 0.5s forwards;
}
.widget_post_tab_style_101 .post_tab_style_101_category_list li .desplode-circle{
animation: desplode 0.5s forwards;
}
@keyframes explode {
0% {
width: 0px;
height: 0px;
margin-left: 0px;
margin-top: 0px;
background-color: var(--theme-color);
}
100% {
width: 400px;
height: 400px;
margin-left: -200px;
margin-top: -200px;
background-color: var(--theme-color);
}
}
@keyframes desplode {
0% {
width: 400px;
height: 400px;
margin-left: -200px;
margin-top: -200px;
background-color: rgba(42, 53, 80,0.2);
}
100% {
width: 0px;
height: 0px;
margin-left: 0px;
margin-top: 0px;
background-color: rgba(42, 53, 80,0.2);
}
}
.widget_post_tab_style_101 .item {
overflow: hidden; box-shadow: 5px 10px 20px 0 rgb(0 0 0 / 6%);
margin: calc(var(--bs-gutter-x)/2) 0;
transition: all 0.25s cubic-bezier(.02,.01,.47,1);
border-radius: 5px;
display: block !important;
}
.widget_post_tab_style_101 .post_style_tab_content .item {
position: relative;
background-color: var(--bg-item-style-101);
}
.widget_post_tab_style_101 .item a {
display: flex;
align-items: center;
}
.widget_post_tab_style_101 .item:hover {
box-shadow: 0 4px 20px 0 rgb(0 0 0 / 20%), 0 0 0 transparent;
}
.widget_post_tab_style_101 .item .img {
flex: 0 0 20%;
max-width: 20%;
position: relative;
display: block;
width: 100%;
overflow: hidden;
border-radius: 3px;
margin-right: 10px;
padding: 10px;
}
.widget_post_tab_style_101 .item .img img {
width: 100%;
height: 100%;
object-fit: contain;
display: flex;
margin: auto;
}
.widget_post_tab_style_101 .item .title {
padding: 10px;
flex: 1;
}
.widget_post_tab_style_101 .item .title .header {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: 600;
font-size: 14px;
color: var(--title-item-style-101);
margin-top: 0;
margin-bottom: 10px;
}
.widget_post_tab_style_101 .item .title .excerpt{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: var(--des-item-style-101);
font-size: 12px;
}
@media screen and (max-width: 768px) {
.widget_post_tab_style_101 .item .img {
margin: 0;
padding: 10px 0;
}
.widget_post_tab_style_101 .post_tab_style_101_category_list {
margin: 20px auto;
overflow: initial;
padding: 5px;
gap: 5px;
align-items: stretch;
justify-content:space-between;
}
.widget_post_tab_style_101 .post_tab_style_101_category_list li {
margin: 0;
flex: 0 0 calc(100% / var(--count-item) - 2.5px);
max-width: calc(100% / var(--count-item) - 2.5px);
}
.widget_post_tab_style_101 .post_tab_style_101_category_list li a {
padding: 5px 15px;
height: 100%;
}
}
@media screen and (max-width: 576px) {
.widget_post_tab_style_101 .item .title .header {
font-size: 12px;
-webkit-line-clamp: 3;
line-height: 1.2;
}
.widget_post_tab_style_101 .post_tab_style_101_category_list li .button_text_container {
font-size: 12px;
line-height: 1.2;
}
}.widget_post_style_1 .box-content { position: relative; }
.widget_post_style_1 .item .img { height: 300px; width: 100%; }
.widget_post_style_1 .item .img img { height: 100%; width: 100%; object-fit: cover; }
.widget_post_style_1 .item .title {
padding: 10px;
}
.widget_post_style_1 .item .title .header {
font-size: 16px; line-height: 30px; height: 60px; font-family: var(--theme-color);
margin:10px 0; color: #000;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
line-clamp: 2;
-webkit-box-orient: vertical;
}
.widget_post_style_1 .item .title .header a {
color: #000; outline: none;
}
.widget_post_style_1 .item .title .description {
margin-bottom: 18px; height: 55px;
text-align: initial;
color: #687385;
}
.widget_post_style_1 .item .title .post-info {
margin: 0 0 20px 0;
}
.widget_post_style_1 .item .title .read-more a {
color:#000;display: inline-block; position: relative;
transition: all 0.3s;
}
.widget_post_style_1 .item .title .read-more i {
color:red;position: relative;top:1px;
}
.widget_post_style_1 .item:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2), 0 0 0 transparent;
}
.widget_post_style_1 .more-link {
border-radius: 25px;
}
.widget_post_style_1 .item .title .read-more a {
display: inline-block;
padding: 5px 10px;
color: #fff;
border-radius: 25px;
font-weight: 500;
background-image: linear-gradient(90deg, var(--theme-color), var(--theme-color-2));
}
.widget_post_style_1 .item .title .read-more a:hover {
background-image: linear-gradient(90deg, var(--theme-color-2), var(--theme-color));
}
@media (max-width: 1200px) {
.widget_post_style_1 .item .img { height: 250px; }
}
@media (max-width: 600px) {
.widget_post_style_1 .item .img { height: 200px; }
} /* Footer Bottom */
footer .footer-bottom p {
padding-top: 10px;
border-top: 2px solid #fff;
}
Warning: Trying to access array offset on value of type bool in /home/longb930/public_html/system/libraries/Cache/drivers/Cache_file.php on line 63
Warning: Trying to access array offset on value of type bool in /home/longb930/public_html/system/libraries/Cache/drivers/Cache_file.php on line 63
Fatal error: Uncaught TypeError: Cannot access offset of type string on string in /home/longb930/public_html/application/helpers/common_helper.php:878
Stack trace:
#0 /home/longb930/public_html/views/theme-store/theme-child/theme-header/header-style/header-style-3/header.php(66): Option::get('logo_height')
#1 /home/longb930/public_html/system/libraries/Hook.php(307): ThemeHeaderStyle3::css('')
#2 /home/longb930/public_html/system/libraries/Hook.php(331): WP_Hook->apply_filters('', Array)
#3 /home/longb930/public_html/system/plugin.php(453): WP_Hook->do_action(Array)
#4 /home/longb930/public_html/views/theme-store/theme-setting/theme-setting.php(21): do_action('theme_custom_cs...')
#5 /home/longb930/public_html/views/theme-store/theme-setting/theme-setting.php(38): Theme_Style::renderCss()
#6 /home/longb930/public_html/system/libraries/Hook.php(307): Theme_Style::renderCssMinify('')
#7 /home/longb930/public_html/system/libraries/Hook.php(331): WP_Hook->apply_filters(NULL, Array)
#8 /home/longb930/public_html/system/plugin.php(453): WP_Hook->do_action(Array)
#9 /home/longb930/public_html/views/theme-store/theme-child/include/head.php(9): do_action('cle_header')
#10 /home/longb930/public_html/application/libraries/template.php(708): include('/home/longb930/...')
#11 /home/longb930/public_html/views/theme-store/template-sidebar-right.php(7): Template::partial('include/head')
#12 /home/longb930/public_html/system/core/Loader.php(839): include('/home/longb930/...')
#13 /home/longb930/public_html/system/core/Loader.php(420): CI_Loader->_ci_load(Array)
#14 /home/longb930/public_html/application/libraries/template.php(346): CI_Loader->view('theme-store/tem...', Array)
#15 /home/longb930/public_html/application/controllers/frontend/post.php(58): Template->render()
#16 /home/longb930/public_html/system/core/CodeIgniter.php(360): Post->detail('cbtt-thong-bao-...')
#17 /home/longb930/public_html/index.php(224): require_once('/home/longb930/...')
#18 {main}
thrown in /home/longb930/public_html/application/helpers/common_helper.php on line 878