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


.bpgg-imgwrap {
  position: relative;
}
.bpgg-imgwrap img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bpgg-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding-left: 12px;
  padding-right: 12px;
}
.bpgg-card {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bpgg-media {
  width: 80px;
}
.bpgg-body {
  width: calc(100% - 88px);
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.bpgg-title {
  font-size: 16px;
}
.bpgg-date {
  font-size: 12px;
}

.notice-cat-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.notice-hero{
  background:#1a1a1a;
  padding:60px 0;
}
.notice-hero__inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
  text-align:center;
}
.notice-hero h1{
  color:#fff;
  font-size:32px;
  margin:0;
}

.notice-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:30px 20px 60px;
}

.notice-breadcrumb{
  font-size:12px;
  opacity:.7;
  margin-bottom:14px;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.notice-breadcrumb a{ text-decoration:none; }

.notice-headline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid #eee;
  padding-top:12px;
  margin-bottom:18px;
}
.notice-headline h2{
  font-size:14px;
  margin:0;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.notice-back{
  font-size:12px;
  text-decoration:none;
}

.notice-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}
@media (max-width: 900px){
  .notice-grid{ grid-template-columns:1fr; }
}

.notice-card{
  display:flex;
  gap:14px;
  border:1px solid #e6e6e6;
  border-radius:4px;
  background:#fff;
  padding:14px;
}

.notice-card__left{
  flex:0 0 64px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}

.notice-pdf-icon{
  width:52px;
  height:52px;
  border-radius:10px;
  background:#c81414;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-size:10px;
  line-height:1;
  gap:4px;
}
.notice-pdf-icon svg{ color:#fff; }

.notice-card__mid{ flex:1; min-width:0; }
.notice-card__title{
  font-weight:700;
  font-size:13px;
  margin-bottom:2px;
}
.notice-card__subtitle{
  font-size:12px;
  opacity:.7;
  margin-bottom:10px;
}
.notice-card__meta{
  font-size:11px;
  opacity:.75;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.notice-card__right{
  flex:0 0 160px;
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-end;
}

.notice-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:140px;
  height:28px;
  border-radius:4px;
  text-decoration:none;
  font-size:12px;
  font-weight:600;
}
.notice-btn--download{
  background:#67b12b;
  color:#fff;
}
.notice-btn--preview{
  background:#f4f4f4;
  color:#222;
  border:1px solid #e0e0e0;
}

.notice-pagination{
  margin-top:26px;
  display:flex;
  justify-content:center;
}


@media only screen and (max-width:767px){
	
	.bpgg-grid {
		 display: grid;
		 grid-template-columns: repeat(1, 1fr); 
	}
	
}