/*
Theme Name: Máy Chủ Tốt
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.title-home {
    font-size: 38px;
    font-weight: 700;
    font-family: 'Roboto Condensed';
    color: #D62B21;
    text-shadow: 0px 2px 3px #00000040;
}
.social-icons.follow-icons a {
    background: #ededed;
    border: #ededed;
    line-height: 34px;
    color: #ce3f39;
}
.header-bottom-nav > li > a {
    padding: 15px 11px;
    font-size: 15px;
    height: 47px;
}
.header-bottom-nav > li.active > a,
.header-bottom-nav > li:hover > a {
background-color: #222;
}

.tieude-home h3 {
    position: relative;
    padding-left: 10px;
}
.tieude-home h3:before,
.row-hoc-tap span.section-title-main:before {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 4px;
    height: 19px;
    left: 0;
    top: 6px;
}
.row-tinmarie span.section-title-main:before ,
.row-chuyenhocduong span.section-title-main:before,
.row-lop-hoc span.section-title-main:before {
    content: "";
    position: absolute;
    background-color: #ce3f39;
    width: 4px;
    height: 19px;
    left: 0;
    top: 6px;
}
.col-right-1 > .col-inner {
    background: #fff;
    margin-top: 43px;
    padding: 20px;
    border-radius: 20px;
}
.container.section-title-container {
    margin-bottom: 0;
}
.section-title-normal span {
        border-bottom: 0;
}
.section-title-normal {
    border-bottom: 0;
}
span.section-title-main {
    color: #D62B21;
}
.box-blog-post .is-divider {
    display: none;
}
.col-right-1 .col.post-item {
    padding-bottom: 0;
}
.col-right-1 .box-text.text-left.is-small {
    padding: 0 0 0 15px;
}
.col-right-1 a.plain {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
}
h5.post-title.is-large {
    text-transform: uppercase;
}
.col-right-1 a.plain:hover {
    color: #ce3f39;
}

.col-right-1 .col.post-item .col-inner {
    border-bottom: 1px solid #ccc;
    padding: 8px 0 8px 0;
}
.col-right-1 img {
    border-radius: 15px;
}
.no-bottom {
    padding-bottom: 0;
}
.col-right-1 {
    padding-left: 5px;
}
.box-text .button {
    margin-top: 1em;
    border-radius: 40px;
    padding: 3px 20px;
}
a.button.white.is-default.is-small.mb-0 {
    color: #000 !important;
    opacity: 1;
}
.col-left-1 img {
    border-radius: 20px !important;
}
.post-left-1 .col-inner {
    border-radius: 20px;
    overflow: hidden;
}
.row-thongbao .col.post-item {
    padding-bottom: 0;
}
span.section-title-main {
    position: relative;
    padding-left: 10px;
}
a.button.is-default.is-small.mb-0 {
    background: #000;
}
p.from_the_blog_excerpt {
    font-size: 15px;
    line-height: 23px;
    margin-top: 14px;
}
.row-tinmarie .col-left-1 img {
    border-radius: 0 !important;
}
.row-tinmarie .col-left-1 > .post-item > .col-inner {
    background-color: #fff;
    border-radius: 20px !important;
    overflow: hidden;
}
.row-tinmarie .post-tinmarie-duoi img {
    border-radius: 20px !important;
}
.post-tinmarie-duoi .box-text.text-left,.post-tinmarie-duoi .post-item {
    padding-bottom: 0 !important;
}
.top-col-2 .col-inner {
    border-radius: 20px;
    overflow: hidden;
}
.box-overlay .box-text.text-left.is-large {
    background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.post-meta.is-small.op-8 {
    font-style: italic;
}
.row-hoc-tap .col.post-item {
    padding-bottom: 0;
    margin-top: 5px;
    margin-bottom: 10px;
}
.bg-lophoc > .col-inner {
    background-image: url(img/bg-lop.png);
    background-color: #1a253e5d;
}
.bg-lophoc > .col-inner:before {
    position: absolute;
    content: "";
    background: #061026ba;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 30px;
}
.row-lop-hoc .col-img-right .box.box-blog-post {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center; /* Căn giữa ảnh và chữ theo chiều dọc */
}
.row-lop-hoc .col-img-right .box.box-blog-post .box-image {
  width: 40% !important;
  padding-right: 30px;
}
.row-lop-hoc .col-img-right .box.box-blog-post .box-text {
    width: 60% !important;
    padding: 0 65px 0 30px;
}
.post-lop-hoc360 {
    padding: 0 70px !important;
}
.post-lop-hoc360 .box-image {
    display: none !important;
}
.post-lop-hoc360 .flickity-prev-next-button {
    top: 88%;
}
.flickity-prev-next-button {
    opacity: 1;
}
.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg {
    border: 2px solid;
    border-radius: 100%;
    background: #fff !important;
    border-color: #fff;
    opacity: 1 !IMPORTANT;
    fill: #333;
}
.slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg {
    fill: #fff !important;
    background-color: #ce3f39 !important;
    border-color: #ce3f39;
}
.post-item .box-image {
    border-radius: 20px;
}
.post-guongmat .post-item .col-inner {
    background: #fff;
    border-radius: 20px;
}
.post-guongmat .post-item .box-image {
    border-radius: 20px 20px 0 0;
}
.post-guongmat img {
    border-radius: 0 !important;
}
.post-guongmat .box-text .post-title a,
.post-guongmat .post-meta,
.post-guongmat .from_the_blog_excerpt {
    color: #333;
}

.post-guongmat .box-text.text-left.is-large {
    padding: 20px;
}
.slider-bottom img {
    border-radius: 20px !important;
}
footer .icon-box-text {
    font-size: 14px;
}
.copyright-footer {
    padding-top: 20px;
    padding-bottom: 10px;
}
span.byline {
    display: none;
}
@media screen and (max-width: 849px) {
    .medium-logo-left .logo {
        width: 60px !important;
    }
        .medium-logo-left .flex-left {
        flex: unset;
        order: 2;
    }
    .title-home {
    font-size: 17px;
    font-weight: 700;
    font-family: 'Roboto Condensed';
    color: #D62B21;
    text-shadow: 0px 2px 3px #00000040;
    text-align: center;
    width: 100%;
}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.row-thongbao .col-right-1 .col .box {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
  }
  .row-thongbao .col-right-1 .col .col-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
  }
  .row-thongbao .col-right-1 .col .box-image {
    width: 35% !important;
    flex-shrink: 0 !important;
  }
  .row-thongbao .col-right-1 .col .box-text {
    width: 65% !important;
    padding-left: 15px !important;
    padding-top: 0 !important;
    text-align: left !important;
  }
  .row-tinmarie .col-left-1 .box-text {
    padding: 20px;
  }
  .row-thongbao .col.post-item {
    padding-bottom: 20px;
}
.row-lop-hoc .col-img-right .box.box-blog-post {
    display: block !important;
    flex-direction: row-reverse !important;
    align-items: center;
}
.row-lop-hoc .col-img-right .box.box-blog-post .box-image {
    width: 100% !important;
    padding-right: 0;
}
.row-lop-hoc .col-img-right .box.box-blog-post .box-text {
    width: 100% !important;
    padding: 20px 0 0 0;
}
.post-lop-hoc360 {
    padding: 0 40px !important;
}
.post-lop-hoc360 .flickity-prev-next-button {
    top: 48%;
}
}