/*
 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.1
 Text Domain:  bricks
*/

body{padding:0 !important}

#brx-content { min-height: calc(100vh - 585.50px); }

.limited-text {
    display: -webkit-box;        /* For line clamping */
    -webkit-box-orient: vertical; /* Set the box direction */
    -webkit-line-clamp: 4;        /* Limit to 4 lines */
    overflow: hidden;             /* Hide overflow text */
    text-overflow: ellipsis;      /* Optional: Adds "..." at the end */
}


.category .limited-text {
    display: -webkit-box;        /* For line clamping */
    -webkit-box-orient: vertical; /* Set the box direction */
    -webkit-line-clamp: 4;        /* Limit to 4 lines */
    overflow: hidden;             /* Hide overflow text */
    text-overflow: ellipsis;      /* Optional: Adds "..." at the end */
}

.limited-text img {
    display: none;
}

@media(max-width:468px){
    
    .category .limited-text {
    -webkit-line-clamp: 4; 
}
    
}

.brxe-post-navigation .content, .brxe-post-navigation .title {

    white-space: wrap;
}


h2 {
    font-size: 1.4em;
    margin-bottom: 20px;
}


.tbtLightSkin a,
.tbtDarkSkin .tbtLightSkin a,
.tbtLightSkin .tbtDarkSkin .tbtLightSkin a,
.tbtLightSkin h1,.tbtLightSkin h2,
.tbtLightSkin h3,.tbtLightSkin h4,
.tbtLightSkin h5,
.tbtLightSkin h6 {
    color: #181818;
    }
    
.tbtDarkSkin a,
.tbtLightSkin .tbtDarkSkin a,
.tbtDarkSkin.tbtLightSkin .tbtDarkSkin a,
.tbtDarkSkin h1,.tbtDarkSkin h2,
.tbtDarkSkin h3,.tbtDarkSkin h4,
.tbtDarkSkin h5,
.tbtDarkSkin h6,.tbtDarkSkin .text-color {
    color: #fff;
    }
    
    
body.tbtDarkSkin,.tbtDarkSkin .tbtBackground{
    background-color: #181818;
}

body.tbtLightSkin,.tbtLightSkin .tbtBackground{
    background-color: #fff;
}
    
.slider-content .content,.slider-content .title  {max-width:720px}
.slider-content .content p{
        margin-top: 15px;
    font-size: .875em;
    line-height: 1.57em;
    max-height: 4.5em;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    pointer-events: none;
}
span.post-date {
    display: block;
    font-size: 13px;
}

span.post-meta {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    margin-bottom: 20px;
}
.post-meta-wrap{
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding-top: 0px;
    margin-top: 20px;
    border-top: 1px solid #838383;
    font-size: 12px;
    gap: 20px;
}

.swiper-wrapper {position:relative}
#brxe-bulmvf .swiper-slide .image:after,.brxe-div.article-image:before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23f3a638' fill-opacity='0.28' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'/%3E%3C/svg%3E") !important;
background-size: auto;
    z-index: 9999;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat;
    opacity: .5;
    mix-blend-mode: multiply;
    background-color: #181614;
}
.brxe-div.article-image:before {
      background-color: #000;
}


.large-articles .article-image[data-query-loop-index="1"]:before,
.large-articles .article-image[data-query-loop-index="3"]:before,
.large-articles .article-image[data-query-loop-index="5"]:before{
      background-color: transparent;
      background-image: none;
}

.recentArticles .brxe-div.article-image:before,
.author .brxe-div.article-image:before,
.category .brxe-div.article-image:before,
.tag .brxe-div.article-image:before{
    background-image:none!important;opacity: 0.1;
}


.tbDivider {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

blockquote {
    display: block;
    font-family: Roboto Slab,sans-serif;
    padding: .475em 0 .475em 3.5em;
    margin: 1em 0;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.75em;
    position: relative;
    border-top: 3px solid rgba(0, 0, 0, .1);
    border-bottom: 3px solid rgba(0, 0, 0, .1);
    border-left:0;
}

blockquote:before {
    content: '\201d';
    opacity: .4;
    font-family: Roboto Slab,sans-serif;
    display: block;
    font-size: 4.5em;
    font-weight: 900;
    line-height: 1;
    position: absolute;
    top: 4px;
    left: 14px;
}

blockquote:after {
    content: " ";
    display: table;
    width: 100%;
    clear: both;
}

p, dl, address, cite {
    margin: 0 0 .625em;
}

/* Hide every third article's background image */

.large-articles .article-image[data-query-loop-index="1"], 
.large-articles .article-image[data-query-loop-index="3"], 
.large-articles .article-image[data-query-loop-index="5"], 
.large-articles .article-image[data-query-loop-index="7"] {
    background-image: none !important;
    background-color: transparent !important;
}

/* Ensure the background image covers the div */

.article-image {
    background-size: cover; /* Ensure the background image covers the container */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    transition: transform 0.3s ease; /* Smooth transition effect for the zoom */
}

article:hover .article-image {-webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    transition: 500ms ease all;}
    
/* Zoom the background image when hovering over the article */

article:hover .article-image {
    transform: scale(1.1); /* Zoom the background image by 10% */
}

.recentArticles article:hover .article-image,
.author article:hover .article-image,
.category article:hover .article-image,
.tag article:hover .article-image {
    transform: scale(1); /* Zoom the background image by 10% */
}

article:hover .article-image:before{
        background-image: none !important;
}

img.aligncenter.size-full,img.aligncenter.size-blog_inner {
    max-height: 250px;
    object-fit: cover;
    margin: 50px 0;
}

.single-post article hr{
    margin: 2.0em 0;
}

.single-article h2,.single-article h3 {
    padding-left: 20px;
    border-left: 3px solid #eb4c10;
    margin: 30px 0;
}

.single-article a{
color:#eb4c10;
text-decoration:underline;
text-underline-offset: 5px;
font-weight:bold;
}

.single-article li{
    margin-bottom:20px;
}


.comment-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    row-gap: 10px;
}

.logged-in .comment-form .form-group:nth-of-type(1) {
        grid-column: span 2;
}
.logged-in .comment-form p:nth-of-type(1) {
         grid-column: span 2;
}
.comment-form .form-group:nth-of-type(3),.comment-form .form-group:nth-of-type(4) {
        width: 100%;
        grid-column: span 2;
}

@media(max-width:767px){
    
.comment-form {
    display: flex;
    flex-direction: column;
}

.logged-in .comment-form .form-group:nth-of-type(1) {
        grid-column: span 1;
}
.logged-in .comment-form p:nth-of-type(1) {
         grid-column: span 1;
}
.comment-form .form-group:nth-of-type(3),.comment-form .form-group:nth-of-type(4) {
        width: 100%;
        grid-column: span 1;
}

}

.comment-form textarea{color:#181818}