/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* 
Mau 1: #884223
Mau 2: #
Mau 3: #
*/
@font-face {
    font-family: 'Albula';
    font-display: swap;
    src: url(./fonts/Albula-Pro/AlbulaPro-Regular.otf);
    font-weight: 400;
}
@font-face {
    font-family: 'Albula';
    font-display: swap;
    src: url(./fonts/Albula-Pro/AlbulaPro-Light.otf);
    font-weight: 200;
}
@font-face {
    font-family: 'Albula';
    font-display: swap;
    src: url(./fonts/Albula-Pro/AlbulaPro-Medium.otf);
    font-weight: 300;
}
@font-face {
    font-family: 'Albula';
    font-display: swap;
    src: url(./fonts/Albula-Pro/AlbulaPro-SemiBold.otf);
    font-weight: 700;
}
@font-face {
    font-family: 'Albula';
    font-display: swap;
    src: url(./fonts/Albula-Pro/AlbulaPro-Bold.otf);
    font-weight: 600;
}

.cts-font a,
.cts-font .elementor-heading-title,
.cts-font a .ae-element-post-title {
    font-family: 'Albula' !important;
    /* font-weight: 300; */
}
.cts-logo-img img {
    max-height: 30px;
    width: auto;
}
/* .cts-cate-box::after {
    content: '';
    height: 45%;
    background: rgba(0,0,0,0.9);
    position: absolute;
} */
.cts-cate-box {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}



/* Lớp phủ tối */
.cts-cate-box::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:45%;
    pointer-events:none;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.92) 0%,
        rgba(0,0,0,.75) 18%,
        rgba(0,0,0,.45) 40%,
        rgba(0,0,0,.15) 70%,
        transparent 100%
    );

    z-index:1;
}

/* Blur giống mẫu */
/* .cts-cate-box::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:42%;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    mask-image:linear-gradient(
        to top,
        rgba(0,0,0,1),
        rgba(0,0,0,.8),
        transparent
    );
    -webkit-mask-image:linear-gradient(
        to top,
        rgba(0,0,0,1),
        rgba(0,0,0,.8),
        transparent
    );

    z-index:2;
} */

/* Nội dung */
.cts-cate-box-content {
    z-index:3;
    color:#fff;
    height: 100%;
    justify-content: flex-end;
}
.cts-hdr,
.cts-hdrmb {
    background:#030101;
}
body.home .cts-hdr,
body.home .cts-hdrmb {
    background: no-repeat;
}
.cts-hdr.cts-is-sticky,
.cts-hdrmb.cts-is-sticky {
    background:#030101 !important;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}
.prj-meta .elementor-shortcode {
    display: flex;
    align-items: center;
    font-size: 13px;
}
.prj-meta .view-cout .elementor-shortcode::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(./assets/img/icon-Eye.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 4px;
    background-size: cover;
}
.ovf-hd {
    overflow: hidden;
}
.rds-15 {
    border-radius: 15px;
}
.cts-ic-2 .elementor-button-icon {
    font-size: 12px;
}
.cts-lo-des .ae-element-custom-field {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cts-trans-lo .elementor-widget-ae-post-title:hover {
    color: #D1AC3F;
}
.cts-trans-lo .cts-trans-img {
    overflow: hidden;
    display: block;
    width: 100%;
} 
.cts-trans-lo .cts-trans-img img {
    transition: transform 0.8s ease;
}
.cts-trans-lo:hover .cts-trans-img img {
    transform: scale(1.05);
}

.cts-frm7 .c7-label input::placeholder,
.cts-frm7 .c7-label textarea::placeholder  {
    color: #262728;
    font-weight: 300;
    font-size: 16px;
}
.cts-frm7 .c7-label h2 {
    margin: 0;
    padding: 0 0 23px 0;
    font-size: 20px;
}
.cts-frm7 .cts-ctf .c7-btn {
    text-align: center;
}
.cts-frm7 .cts-ctf .c7-btn p {
    margin-bottom: 0;
}
.cts-frm7 .cts-ctf .c7-btn input {
    border: none;
    background: #D1AC3F;
    border-radius: 2px;
    overflow: hidden;
    padding: 12px 32px;
    font-size: 16px;
    line-height: normal;
    color: #fff;
}
.cts-frm7 .cts-ctf .c7-btn input:hover {
    background: #262728;
}
.cts-frm7 .cts-ctf .c7-btn .wpcf7-spinner {
    position: absolute;
    display: none;
}
.lo-glr-3d:hover a span {
    color: #D1AC3F !important;
}
.cts-page-number .ae-pagination-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding-top: 10px;
}
.cts-page-number .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 28px;
    height: 28px;
    border: 1px solid #C99C5A5C;
    font-size: 14px;
    color: #030101;
}
.cts-page-number .page-numbers:hover,
.cts-page-number .page-numbers.current {
    color: #fff;
    background: #D1AC3F;
}
.cts-frm7 .cts-ctf .c7-btn {
    text-align: center;
}
.cts-frm7 .cts-ctf .c7-btn p {
    margin-bottom: 0;
}
.cts-frm7 .cts-ctf .c7-btn input {
    border: none;
    background: #884223;
    border-radius: 2px;
    overflow: hidden;
    padding: 12px 32px;
    font-size: 16px;
    line-height: normal;
    color: #fff;
}
.cts-frm7 .cts-ctf .c7-btn input {
    background: #D1AC3F;
}
.cts-frm7 .cts-ctf .c7-btn input:hover {
    background: #262728;
}
.cts-frm7 .cts-ctf .c7-btn .wpcf7-spinner {
    position: absolute;
    display: none;
}
.content-contact .elementor-icon-box-content h2,
.content-contact .elementor-icon-box-content h3 {
    margin-top: 0;
}
.content-contact ul {
    padding-left: 65px;
}
.content-contact ul li {
    padding-bottom: 6px;
}
.content-contact ul li:last-child {
    padding-bottom: 0;
}
.cts-frm7 .cts-ctf .c7-input textarea {
    max-height: 150px;
}

.cts-hdrmb .elementor-menu-toggle {
    padding: 0;
}
.cts-hdrmb .elementor-nav-menu--dropdown {
    top: 23px !important;
    margin: 0;
    padding-top: 10px;
    height: 100vh;
}

@media screen and (max-width: 1366px) {
    

}

/**************Ipad ngang(1024 x 768)****************/
@media screen and (max-width: 1024px) {
  
    

}
/**************end Ipad ngang(1024 x 768)****************/



/******************Ipad dọc(768 x 1024)******************/
@media screen and (max-width: 768px) {
    .prj-meta .elementor-shortcode {
        font-size: 12px;
    }
    
    
}
/******************end Ipad dọc(768 x 1024)******************/



/*................ip6-plus...................*/
@media only screen and (max-width: 550px) {
    .prj-meta .elementor-shortcode {
        font-size: 11px;
    }
    
}
/*................end ip6-plus...................*/



/*................ip6...................*/
@media only screen and (max-width: 375px) {

}
/*................end ip6...................*/



/***********iphone 5 ----**************/
@media only screen and (max-width: 320px) {

}
/***********end iphone 5 ----**************/