/*
 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
*/


html , :root { background-color: white; scroll-behavior: initial;}
html, body { width: 100%; min-height: 100%; }
body {transition: background .6s ease;}
video {border-radius: 3px;}

* {outline: none !important;}

#brx-header {
	z-index: 2;
}

.block-counter-border {
  border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(to right,
    rgba(164,229,145,0) 0%,
    rgba(164,229,145,0) 19%,
    rgba(164,229,145,0.5) 20%,
    rgba(164,229,145,0.5) 79%,
    rgba(164,229,145,0) 80%,
    rgba(164,229,145,0) 100%);
  border-image-slice: 1;
  border-top: none;
  border-right: none;
  border-left: none;
}


/* ----- Portfolio ---------*/


.portfolio-item .overlay ,.portfolio-item .info {
  opacity: 0;
	transition: opacity 0.2s ease;
}

.portfolio-item:hover .overlay {
  opacity: 0.25;
}

.portfolio-item:hover .info {
  opacity: 1;
}

.cat-list_item.active {
	background-color: #f68b1f !important;
}


/* ---------- Resposive ---------- */

/* Mobile */
.on-mobile {display: block;}
.on-mobile-tablet {display: block;}
.on-mobile-tablet-wide {display: block;}
.on-tablet {display: none;}
.on-tablet-wide {display: none;}
.on-tablet-wide-ultra {display: none;}
.on-wide {display: none;}
.on-ultra {display: none;}
.on-wide-ultra {display: none;}


/* Tablet */
@media (min-width: 767px) {
 .on-mobile {display: none;}
 .on-tablet {display: block;}
 .on-tablet-wide {display: block;}
 .on-tablet-wide-ultra {display: block;}
}

/* Wide */
@media (min-width: 900px) {

  .block-counter-border {
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to bottom,
      rgba(164,229,145,0) 0%,
      rgba(164,229,145,0) 24%,
      rgba(164,229,145,0.5) 25%,
      rgba(164,229,145,0.5) 74%,
      rgba(164,229,145,0) 75%,
      rgba(164,229,145,0) 100%);
    border-image-slice: 1;
    border-top: none;
    border-bottom: none;
    border-left: none;
  }
  
	.blogitem {
		width: 33.333333333%;
	}

 .on-mobile-tablet {display: none;}
 .on-tablet {display: none;}
 .on-wide {display: block;}
 .on-wide-ultra {display: block;}
}

/* Ultra */
@media (min-width: 2000px) {
 .on-mobile-tablet-wide {display: none;}
 .on-tablet-wide {display: none;}
 .on-wide {display: none;}
 .on-ultra {display: block;}
}



.blogitem {
    margin-bottom: 20px;
	padding: 8px;
}

.blogitem img {
border-radius: 8px;
    margin-bottom: 18px;
}

.blogitem h2 {
    font-size: 26px;
    padding-left: 8px;
	padding-bottom: 6px;
}

.blogitem .publicado {
    font-size: 26px;
    padding-left: 8px;
	color: #afaaa1;
	font-size: 11px;
}