/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

/* BRICKS */
/*font*/
@font-face {
  font-family: growthfont;
  src: url("/AI.woff2") format("woff2");
  font-style: normal;
}
@font-face {
  font-family: growthbold;
  src: url("/AIbold.woff2") format("woff2");
  font-style: normal;
}
body{
font-family: "growthfont" !important;
letter-spacing: -0.022em !important;
font-size: clamp(14px, 2vw, 15px);
color: #161616;
}
h1,h2,h3,h4,h5,h6,strong {
font-family: "growthbold" !important;
letter-spacing: -0.022em !important;
}
.brxe-image-gallery .bricks-image-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8) 90%, transparent) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 2px 4px !important;
}
.filter-item{
padding: 10px 0
}
.accordion-title-wrapper {
border-radius: 4px !important
}

:where(.brxe-accordion) .accordion-title .title {
line-height: 20px !important
}
.ReactModal__Content--after-open {
border-radius: 4px !important
}

#reviews .description {
    margin-top: 4px !important;
    padding-bottom: 12px !important;
}
#reviews .commentlist li {
    margin-bottom: 16px !important
}
#reviews .comment_container {
    display: grid !important;
    grid-template-columns: 70px 85% !important;
}


.avatar-round,
.avatar {
border-radius: 99px !important;
}
ins {
text-decoration: none;
font-size: clamp(14px, 2vw, 15px);
font-weight: 700;
color: #026e00;
}
.item {
max-width: auto !important;
}
.comment-reply-title {
display: none !important;
}
body {
line-height: 1.4;
}
#brxe-sswetl .bricks-widget-wrapper {
border-bottom: 1px solid #cccccc;
padding: 10px 0 12px 0;
margin: 8px 0;
}
.bricks-widget-title {
font-size: clamp(14px, 2vw, 15px);
}
.accordion-subtitle {
font-size: 0.9em;
font-style: italic;
}

/*COMMENT*/
.brxe-post-comments .comment-reply-title,
.brxe-post-comments .comments-title {
margin-bottom: 12px !important;
}
.brxe-post-comments .comment-respond {
margin-top: 0 !important;
background: #eeeeee !important;
border: 1px solid #cccccc !important;
padding: 10px !important;
}
.comments-title {
font-size: clamp(14px, 2vw, 15px);
margin: 8px 0 0 0;
}
.must-log-in a {
color: #0066ff;
}
.brxe-post-comments .children {
margin-top: 0px !important;
}
.brxe-post-comments .comment-meta .comment-reply-link {
text-transform: none !important ;
}
.brxe-post-comments .comment {
padding-top: 12px !important;
margin-bottom: 0px !important;
}
.brxe-post-comments .comment-meta {
margin-bottom: 0 !important;
}
.brxe-post-comments .comment-list {
border-bottom: 1px solid #ffffff !important;
margin: 0 !important;
padding-bottom: 0 !important;
max-height: 350px !important;
overflow: scroll !important;
}
.brxe-post-comments .comment-reply-title {
font-size: clamp(14px, 2vw, 15px);
}
.logged-in-as {
display: none;
}
.comment-author {
display: flex !important;
gap: 8px !important;
}
.brxe-post-comments .comment-meta {
margin-top: -3px;
}
.bricks-layout-wrapper .image {
border-radius: 4px
}



/*Scrollbar*/
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
box-shadow: none;
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: #0066ff;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #609;
}
.accordion-item {
border-radius: 4px !important;
}


/*BODY*/
:where(.brxe-tabs) .tab-title {
margin: 8px 0;
}

.brxe-post-taxonomy a::before {
content: "#";
}
.ti-angle-right:before,
.ti-angle-left:before {
font-size: 20px !important;
color: #026e00 !important;
}


.bricks-mobile-menu-wrapper {
z-index: 99999 !important;
}
.button:hover,
.livechat:focus {
background-color: #0066ff90;
}
.button:active {
background-color: #0066ff90;
}

@media (min-width: 450px) {
.bricks-layout-wrapper[data-layout="grid"] .image {
border-radius: 4px;
}
}

.brxe-post-taxonomy {
color: #ffffff !important;
}


.bricks-search-overlay .bricks-search-form input[type="search"] {
font-size: inherit;
}
@media (min-width: 1280px) {
.brxe-container {
max-width: 1280px !important;
width: 1280px !important;
}
}
.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu {
margin-left: 16px;
}
textarea {
height: 50px;
line-height: inherit !important;
min-height: 0px;
padding: 10px 12px;
width: 100% !important;
border-radius: 4px;
font-size: clamp(14px, 2vw, 15px);
}
.brxe-nav-menu .bricks-nav-menu .sub-menu > li > a {
font-size: 1em;
}
:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu {
line-height: 40px !important
}

.attachments-browser .attachments {
margin-right: 160px !important;
}
.brxe-post-navigation .prev-post + .next-post {
margin-top: 0px !important;
}
#brx-content.wordpress {
width: 100% !important;
background-color: #fff !important;
margin: 4px auto;
max-width: 1280px !important
}
.heateorSlGoogleBackground {
border: none !important;
}
.heateorSlGoogleLoginSvg {
background-size: 100% !important;
}
:where(p) {
margin: 0 0 4px 0;
}

/*LIVE CHAT*/
.livechat {
box-shadow: none;
display: inline-flex;
gap: 8px;
text-align: center;
vertical-align: middle;
padding: 2px 12px;
border-radius: 4px;
background: #0066ff !important;
font-weight: 400 !important;
color: #fff;
text-decoration: none;
font-size: 13px;
z-index: 99999;
position: fixed;
bottom: 20px;
left: 12px;
}
@media (max-width: 800px) {
.livechat {
bottom: 20px !important;
}
}
.livechat:hover,
.livechat:focus {
background: #eeeeee;
color: #222;
text-decoration: none;
}
.livechat:active {
background: #aaa;
}
.input, select, textarea,input:not([type=submit]) {
line-height: 28px;
border-radius: 4px;
padding: 0 8px
}

/*TRÌNH TẠO TRANG*/
#brx-content .post-password-form {
padding: 5% 12px;
height: 80vh;
}
#brx-content {
min-height: auto;
}
.brxe-post-navigation .content,
.brxe-post-navigation .title {
max-width: 300px;
}
.swiper-autoheight .swiper-slide {
padding: 10px;
}
#bricks-toolbar .group-wrapper.left {
min-width: auto !important;
}
.brxe-post-navigation .swiper-button {
display: block !important;
}
.swiper-autoheight .swiper-slide {
padding: 10px !important;
}
#bricks-preview,
#bricks-toolbar,
#bricks-panel,
#bricks-structure {
background-color: #fff !important;
border: none !important;
}
#bricks-panel-header .actions a,
.bricks-panel a {
display: none !important;
}


/*VIDEO*/
.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-container,
.mejs-container * {
border-radius: 4px !important;
}
audio {
height: 30px;
width: 100px;
}
.wp-video-shortcode video,
video.wp-video-shortcode {
height: auto;
border-radius: 4px;
}




 .bricks-button, .tutor-alert .tutor-btn:not(.tutor-btn-icon).tutor-btn-sm, .woocommerce .button, #error-page p, form.cart .button, form.woocommerce-cart-form .button, .cart-collaterals .wc-proceed-to-checkout .button, #brxe-glogsd .wc-proceed-to-checkout .button, .woocommerce-checkout .place-order .button,.tutor-btn-primary:hover, .tutor-btn-primary:focus, .tutor-btn-primary:active,.el-button.fa_primary_button,.tutor-btn-block, .tutor-btn-primary {
    background-color: #0066ff60 !important;
    background-image: linear-gradient(#0066ff, #1166bb) !important;
    border: 1px solid #cccccc !Important;
    color: white !important;
    border-radius: 99px !important;
    cursor: pointer;
    font-size: clamp(12px, 2vw, 14px);
    font-weight: 400 !important;
    padding: 4px 16px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    min-height: auto !important;
    line-height: normal !important;
    text-transform: math-auto !important;
    width: fit-content !important;
    min-width: 80px!important;
}