/*html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
}

#brx-content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.scroll-content {
    position: relative;
    width: 100%;
    height: 100%;
    will-change: transform;
}



/*Default Templates
body{
    display: flex;
    align-items: center;
    min-height: 100vh;
}

/*Section
.brxe-section, body .wordpress{
    max-width: var(--gs-max-width);
    justify-content: center;
    display: flex;
}

/*Container
.brxe-container, body .wordpress{
    max-width: var(--gs-container-max-width);
    padding-right: 2.4rem;
    padding-left: 2.4rem;
}

/* Page Title & Headers */
body .wordpress h1{
  width: var(--gs-container-max-width);
  max-width: var(--gs-container-max-width);
  margin-top: 8rem;
  padding-right: 2.4rem;
  padding-left: 2.4rem;
  margin-top: 8rem;
}

#brx-content {
    min-height: 50vh;
}


/*--- Resized Box ---*/
body [dse-box="resize"], .gs-box-resize{
  display: flex;
  resize: vertical;
  overflow: auto;
}


/* Search Enhancements*/
.bricks-archive-title-wrapper{
  margin-top: var(--gs-hero-top-padding);
  padding-top: 8rem; 
  max-width: calc(var(--gs-container-max-width) - 2 * var(--gs-container-padding-x));
  width: 100%;
  font-size: var(--gs-fs-32);  
  /*box-shadow: 0px 0px 2.7px rgba(0,0,0,0.08),0px 0px 6.9px rgba(0,0,0,0.055),0px 0px 14.2px rgba(0,0,0,0.045),0px 0px 29.2px rgba(0,0,0,0.035),0px 0px 80px rgba(0,0,0,0.025);*/
  padding: 1.4rem 0em;
  border-radius: 0vh;
}

.bricks-archive-title-wrapper .title {
  font-size: var(--gs-fs-24);
  font-weight: 300;
  border: solid 1px var(--gs-border-subtle);
  border-width: 0px 0px 1px 0px;
  padding: 1.4rem 0em;
  width: calc(100%);
  text-align: left;
}

@media(max-width: 1200px){.bricks-archive-title-wrapper .title{
  width: calc(100% - 2 * var(--gs-container-margin));
}
}

.search .layout-default .brxe-container{
  margin-bottom: 8rem;
}

.search .brxe-posts .bricks-layout-item .bricks-layout-inner .image-wrapper{
  max-height: 320px; 
  height: 220px; 
  overflow: hidden;
  border-radius: 12px;
  display: none; /* Hide Post Image */
}

.search .brxe-posts .bricks-layout-item .bricks-layout-inner .image-wrapper a img{
  transition: 0.5s ease-in-out;
  filter: grayscale(60%);
}


.search .brxe-posts .bricks-layout-item .bricks-layout-inner:hover .image-wrapper a img{
  scale: 1.1;
  filter: grayscale(0%);
}


.search .brxe-posts .bricks-layout-item .bricks-layout-inner h3{
  font-size: var(--gs-fs-20);
  font-weight: 400;
  margin-left: 3rem;
}

.search .brxe-posts .bricks-layout-item .bricks-layout-inner h3:hover{
  color: var(--gs-hover);
}

.search .brxe-posts .bricks-layout-item .bricks-layout-inner h3[data-field-id="0"]::before {
  content: '⇲';
  position: absolute;
  left: 0rem;
  top: 0;
  transform: translateY(52%);
  font-size: var(--gs-fs-24);
  color: var(--gs-text-mute);
}

.search .brxe-posts .bricks-layout-item .bricks-layout-inner h3:hover[data-field-id="0"]::before {
    color: var(--gs-hover);
}


.search .brxe-posts .bricks-layout-item .bricks-layout-inner .content-wrapper > div[data-field-id="1"]{
  margin-top: 0.2em;
  margin-bottom: 0.4em;
  font-size: var(--gs-fs-15);
  font-weight: 600;
  color: var(--gs-text-mute);
  display: none; /* Hide Post Date*/
}

.search .brxe-posts .bricks-layout-item .bricks-layout-inner .content-wrapper > div[data-field-id="2"]{
  margin-top: 0.6em;
  margin-bottom: 0.4em;
  font-size: var(--gs-fs-18);
  display: none;  /* Hide Post Pragraph*/
}



/*Search & pagination*/
.search.search-results .brxe-posts .bricks-pagination{
  margin-bottom: 2rem auto;
}

.search.search-results  .bricks-pagination ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin: 8rem 1rem;
  gap: 1.4rem;
  }

.search.search-results .bricks-pagination .prev.page-numbers, .search.search-results .bricks-pagination .next.page-numbers{
  width: 48px;
  height: 48px;
  border-radius: 50vh;
  background: var(--gs-transparent);
  color: var(--gs-text);
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0rem 0.3rem 0.3rem;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  margin: auto 2rem;
}

.search.search-results .bricks-pagination ul .prev.page-numbers:hover, .search.search-results .bricks-pagination ul .next.page-numbers:hover{
  background: var(--gs-primary);
  color: var(--gs-light-fixed);
}


.search.search-results .bricks-pagination ul .page-numbers {
  font-size: var(--gs-fs-18);
  color: var(--gs-text);
  width: 48px;
  height: 48px;
  border-radius: 50vh;
  color: var(--gs-text);
  transition: 0.2s ease-in-out;
}

.search.search-results .bricks-pagination ul .page-numbers:hover {
  background: var(--gs-transparent);
  color: var(--gs-text-emphasis);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}


.search.search-results .bricks-pagination ul .page-numbers.current{
    background: var(--gs-primary);
    color: var(--gs-light-fixed);
}

.search.search-no-results .layout-default .brxe-container{
    margin-bottom: 12rem;
}


.search.search-no-results .layout-default .bricks-layout-item .content-wrapper > div[data-field-id="1"]{
    display: none;
}

.search-no-results .bricks-no-posts-wrapper {
  text-align: initial;
  padding: 4rem 0px;
}



/*Posts Theme Enhacements */
/*Post Archive*/
.blog .layout-default, .bricks-archive-title-wrapper{
  padding-top: 4rem;
  margin-bottom: 0px;
}


.translated-rtl .blog .layout-default .bricks-layout-item .content-wrapper {
  direction: rtl;
  align-items: flex-start ;
  display: flex;
}

.blog .brxe-posts, .archive .brxe-posts{
    margin-top: var(--gs-hero-top-padding);
    padding-top: 4rem;
    padding-bottom: 12rem;
}

.blog .brxe-posts .layout-default .bricks-layout-item, .archive .brxe-posts .layout-default .bricks-layout-item{
    padding-bottom: 30px;
    padding-right: 30px;
    max-width: 400px;
}

.blog .brxe-posts .bricks-layout-wrapper .image-wrapper, .archive .brxe-posts .bricks-layout-wrapper .image-wrapper{
    max-height: 320px; 
    height: auto; 
    overflow: hidden;
    border-radius: 12px;
}

.blog .brxe-posts .bricks-layout-wrapper .bricks-layout-item .image-wrapper a img, .archive .brxe-posts .bricks-layout-wrapper .bricks-layout-item .image-wrapper a img{
    transition: 0.5s ease-in-out;
    filter: grayscale(60%);
}


.blog .brxe-posts .bricks-layout-wrapper .bricks-layout-item :hover .image-wrapper a img, .archive .brxe-posts .bricks-layout-wrapper .bricks-layout-item :hover .image-wrapper a img{
    scale: 1.1;
    filter: grayscale(0%);
}


.blog .brxe-posts .bricks-layout-wrapper .bricks-layout-inner h3, .archive .brxe-posts .bricks-layout-wrapper .bricks-layout-inner h3{
    margin-top: 0.2em;
    margin-bottom: 0.4em;
    max-width: 84ch;
    transition: 0.2s ease-in-out;
    font-size: var(--gs-fs-32);
}

.blog .brxe-posts .bricks-layout-wrapper .bricks-layout-inner h3:hover, .archive .brxe-posts .bricks-layout-wrapper .bricks-layout-inner h3:hover{
    color: var(--gs-hover);
}

.blog .brxe-posts .bricks-layout-wrapper .bricks-layout-inner .content-wrapper > div[data-field-id="1"], .archive .brxe-posts .bricks-layout-wrapper .bricks-layout-inner .content-wrapper > div[data-field-id="1"]{
    margin-top: 0.2em;
    margin-bottom: 0.4em;
    font-size: var(--gs-fs-15);
    font-weight: 600;
    color: var(--gs-text-mute);
}

.blog .brxe-posts .bricks-layout-wrapper .bricks-layout-inner .content-wrapper > div[data-field-id="2"], .archive  .brxe-posts .bricks-layout-wrapper .bricks-layout-inner .content-wrapper > div[data-field-id="2"]{
    margin-top: 0.2em;
    margin-bottom: 0.4em;
    font-size: var(--gs-fs-18);
}



/*Single Post*/

.bricks-post-header .brxe-post-title{
    color: var(--gs-text-dark);
    margin: 0;
  font-size: var(--gs-fs-42) !important;
}

.post-template-default .bricks-post-header {
  margin-top: var(--gs-hero-top-padding);
  padding-top: 2rem;
  min-height: 46vh;
  height: 100%;
  padding-top: 8rem;
  padding-bottom: 8rem;
  }

.post-template-default .bricks-post-header .brxe-container{ 
    max-width: var(--gs-container-max-width);
    width: 100%;
    padding-right: var(--gs-container-padding-x) !important; 
    padding-left: var(--gs-container-padding-x) !important;  
}

.translated-rtl .post-template-default .bricks-post-header .brxe-container{ 
direction: rtl;
}

.layout-default .brxe-container{
  max-width: var(--gs-container-max-width);
  width: 100%;
  padding-right: var(--gs-container-padding-x) !important; 
  padding-left: var(--gs-container-padding-x) !important;  
}


@media(max-width: 776px){ .brxe-posts ul[data-layout="grid"]{
  --columns: 1;
  --gutter: 0px;
}
}

.post-template-default .bricks-post-header::after {
  background: repeating-linear-gradient(90deg, #021d27, rgba(5, 62, 81, 0.8), rgba(0, 0, 0, 0));
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}

.brxe-post-title{
  max-width: 28ch;
}


.post-template-default .brxe-post-meta.post-meta span:first-child, .brxe-post-meta.post-meta .separator:nth-child(2){
  display: none;
}

.post-template-default .brxe-post-meta.post-meta .separator:nth-child(4), .brxe-post-meta.post-meta span:nth-child(5){
  display: none;
}

/*Post Content*/
.translated-rtl .brxe-post-content{
direction: rtl;
}

.post-template-default .brxe-post-content p{
  margin-bottom: 1.4em;
  font-size: var(--gs-fs-17);
  max-width: 84ch;
}

.post-template-default .brxe-post-content h2, .post-template-default .brxe-post-content h3, .post-template-default .brxe-post-content h4{
  margin-top: 2em;
  margin-bottom: 0.4em;
  max-width: 84ch;
}

.post-template-default .brxe-post-content h2{
  font-size: var(--gs-fs-32);
}

.post-template-default .brxe-post-content ul li{
  margin-bottom: 0.8em;
  font-size: var(--gs-fs-16);
  max-width: 84ch;
}

.post-template-default .brxe-post-content ol li{
  margin-bottom: 0.8em;
  font-size: var(--gs-fs-16);
  max-width: 84ch;
}


.translated-rtl .post-template-default .brxe-post-content ul li{
  margin-right: 2em;
}

.translated-rtl .post-template-default .brxe-post-content ol li{
  margin-right: 2em;
}

/*Author*/
.post-template-default .brxe-post-author{
  display: none;
}

/*Related Posts*/
.post-template-default .layout-default .brxe-container > h3{
  display: none;
}

.brxe-related-posts.bricks-related-posts{
    display: none;
}

.post-template-default .layout-default .bricks-post-meta-wrapper{
  margin-bottom: 15rem !important;
  flex-wrap: wrap;
  gap: 2rem;
}

.post-template-default .brxe-post-meta.post-meta{
  margin-top: 2rem;
}

.layout-default .brxe-container > h2{
  display: none;
}


/* Comment*/
.post-template-default .layout-default .brxe-post-comments{
  margin-top: 2rem !important;
  display: none;
}

.post-template-default .bricks-comments-inner  {
  margin-bottom: 12rem;
  /*display: none;*/
}

/*Sybmit Button*/
.post-template-default .bricks-comments-inner .bricks-button{
  padding: 1.5rem 3.5rem;
  margin-top: 1.4rem;
  background: var(--gs-primary);
  color: var(--gs-white) !important;
  transition: all 0.3s ease-in-out;
  }

.post-template-default .bricks-comments-inner .bricks-button:hover{
  padding: 1.5rem 3.5rem;
  margin-top: 1.4rem;
  background: var(--gs-hover) !important;
  color: var(--gs-white) !important;
  }  

/*Text Area*/
.post-template-default .bricks-comments-inner  textarea {
  height: 160px;
  min-height: 120px;
  }

/*Post Navigation*/
.brxe-post-navigation{
    display: none !important;
}