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

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/*************** [doxuantoan.com] Toanweb custom Css -  ***************/
.is-divider{
    display: none;
}
#wrapper{
    .section-title{
        border: none;
        b{
            display: none;
        }
        span{
            border: none;
        }
    } 
}
.archive-page-header{
   .page-title {
        font-size: 0;
    }
    .page-title span {
        font-size: 1.25rem; /* hoặc tùy chỉnh theo theme */
    }

}
.post-sidebar #secondary{
    position: sticky;
    top: 100px;
    img{
        border-radius: 8px;
    }
}
.absolute-footer {
    display: none;
}
.header.show-on-scroll, .stuck .header-main {
    background: #fff;
}
header{
    .btn-contact {
        background: var(--primary-color) !important;
        font-size: 16px !important;
        border-radius: 5px !important;
        color: #fff !important;
        padding: 10px 20px !important;
        display: flex;
        align-items: center;
        gap: 10px;
        &:hover{
            opacity: 0.8;
        }
    }
}
.stuck .header-main .nav > li > a.btn-contact{
    line-height: 1.5;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="number"] {
  /* width: 100%; */
  padding: 12px 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
  transition: all 0.3s ease;
  box-sizing: border-box;
  background-color: #fff;
  color: #333;
  box-shadow: none !important;
  height: 45px;
}

.cf-container input:focus,
.cf-container textarea:focus,
.cf-container select:focus {
  border-color: #007BFF;
  outline: none;
}
.cf-container textarea {
  resize: vertical;
  min-height: 120px;
  box-shadow: none !important;
}
.wpcf7 .wpcf7-not-valid-tip{
    background: none !important;
    color: red !important;
}
.wpcf7 .wpcf7-not-valid-tip:after{
    display: none !important;
}
label:has(.wpcf7-acceptance){
    display: flex;
}
label:has(.wpcf7-acceptance) .wpcf7-list-item{
        margin-right: 0px;
    }