.btn-primary{
  --bs-btn-bg:var(--itb-green);
  --bs-btn-color:var(--itb-dark-grey);
  --bs-btn-hover-color: var(--itb-dark-grey);
  --bs-btn-hover-bg: var(--itb-green-second);
  --bs-btn-active-color: var(--itb-dark-grey);
  --bs-btn-active-bg: var(--itb-green-second);
  --bs-btn-border-color: none;
  --bs-btn-hover-border-color: #none;
  --bs-btn-active-border-color: none;
  --bs-btn-disabled-border-color: none;
  font-family: 'fontMadeMedium' ;
}
.post {
  margin-bottom: 30px;
  background-color: var(--itb-dark-grey);
  padding: 30px;
  border-radius: 10px;
}

#blog h2,
#blog h3,
#blog h4,
#blog h5,
#blog h6 {
  color: var(--itb-green);
}

.panel-body h4 {
  color: #fff !important;
  font-family: 'fontMadeMedium';
}

.post footer p {
  font-size: 1.1rem;
}

/* PAGINATION */
.pull-left {float: left;}
.pagination > li> a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: var(--itb-green);
  background-color: transparent;
  border: 1px solid var(--itb-green);
  margin-left: -1px;
  border-radius: 6px;
  margin-right: 6px;
}
.pagination .active {
  background-color: var(--itb-green-second);
  color: var(--itb-dark-grey);
  border-color: var(--itb-green-second);
}
#blog footer.paging {
  padding: 0 15px;
}
#blog .pagination{
  flex-wrap: wrap !important;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
  z-index: 2;
  color: #000 !important;
  background-color: var(--itb-green-second);
  border-color: var(--itb-green-second);
}
/* END PAGINATION */

.tagIcon{
  width: 16px;
}
.author-avatar {
  float: left;
  background-color: inherit;
  border: 0;
  padding: 0px;
  margin: 0 12px 0 0;
}
.author-avatar img{
  border-radius: 50%;
  border: 1px solid #fff;
}
.post-meta, .categoryList, h3 i {
  color: var(--itb-green);
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #5A5A5A;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.panel .bg-panel{
  margin-bottom: 30px;
  background-color: var(--itb-dark-grey);
  padding: 30px;
  border-radius: 10px;
}

.alert-info {
--bs-alert-color: var(--itb-green);
--bs-alert-bg: #4C5527;
--bs-alert-border-color: var(--itb-green);
}

/* Sidebar  */
.panel-body h4{color: #fff;}
/* END Sidebar  */

/* Media Query */
@media only screen and (max-width:768px) {
  .well a{
    font-size: 1.1rem;
  }
}

@media only screen and (max-width:1200px) {
  .post-content img{
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0px !important;
  }
  .post-content video{
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    min-width: 100% !important;
  }

  .pagination li{
    margin-top: 5px;
  }
}