/* setup as separate class, add class in js if pitmaster-sidebar present? */

/* sidebar on mobile */

.pitm-sidebar-block {
  display: block;
  text-align: center;
  font-weight: bold;
  border: 1px solid var(--pit-main);
}

.pitm-sidebar-row1 { color: #000; }
.pitm-sidebar-row2 { color: var(--pit-main); }
.pitm-sidebar-row3 { color: #000; padding-top: 0.20rem; margin-top: 0.15rem; border-top: 1px solid var(--pit-main); }
.pitm-sidebar-row4 { color: #000; padding-bottom: 0.20rem; margin-bottom: 0.15rem; border-bottom: 1px solid var(--pit-main); }
.pitm-sidebar-row5 { color: #000; }
.pitm-sidebar-row6 { color: #000; }

.pitm-sidebar-row1x {
  color: #F8D82D;
  background: #A44700 url('/asset/images/wood-panel.webp');
  padding: 0.20rem 0;
}

.pitm-sidebar-img-x {
  margin-bottom: -5px;
}

/*
.pitm-sidebar-row1a {  }
.pitm-sidebar-row2a {  }
.pitm-sidebar-row3a {  }
.pitm-sidebar-row4a {  }
*/

@media only screen and (max-width: 800px) {
  .pitm-sidebar-block {
    font-size: 1.28rem;
  }

  .pitm-sidebar-row1x {
    padding: 0.25rem 0;
  }
}

.pit-sb-img {
  border-radius: 0.50rem;
}

.canvas-layout-container {
  float: left !important;
  width: 74%;
}

#pitmaster-sidebar {
  float: right;
  width: 24%;
  margin-left: 1%;
  overflow:hidden;
}

#pitmaster-sidebar div.sidebar-box {
  margin: 0 0 1rem 0;
  font-size: 1.4rem;
}

#pitmaster-sidebar div.sidebar-box:last-child {
  margin-bottom: 0;
}
#pitmaster-sidebar h1,
#pitmaster-sidebar h2,
#pitmaster-sidebar h3,
#pitmaster-sidebar h4,
#pitmaster-sidebar h5,
#pitmaster-sidebar h6{
  margin: 0 0 1rem 0;
}

#pitmaster-sidebar h2,
#pitmaster-sidebar h3 {
  font-style: oblique;
}

#pitmaster-sidebar figcaption {
  font-size: 1rem;
  text-align: center;
  margin-bottom: 0.50rem;
}

#pitmaster-sidebar a {
  font-weight: bold;
}

#pitmaster-sidebar hr {
  background-color: var(--pit-main);
  border: 0;
  height: 2px;
}

/*
.pit-side-bar-hide {
  height: 0;
}

.fltrght {
  float: right;
  margin-left: 10px;
}

.fltleft {
  float: left;
  margin-right: 10px;
}

.bbq-info {
  overflow: hidden;
  text-align: center;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}

.bbq-info-b {
  border-bottom: 1px solid #891319;
}

hr.golden-medal-hr {
  border-color: #891319;
}


.bbq-info:nth-last-child(2) {
  border-bottom: 0;
}
*/

.bbq-info {
  margin-bottom: 0.50rem;
}

@media only screen and (max-width: 1060px) {
  .contentslider-widget {
    display: none;
  }
}

@media only screen and (max-width: 800px) {

/*
  .pitmaster-goldbar  {
    display: none;
  }
*/

  #pitmaster-sidebar {
    display: none !important; /* added to ELEMENT directly, to prevent flashing on screen */
  }

  .canvas-layout-container {
    width: 100%;
    float: none;
  }
}

/*
@media only screen and (max-width: 669px) {

}
*/

.golden-medal {
  border: 4px solid var(--pit-main);
  border-radius: 1rem;
  box-shadow: -3px 3px 5px rgba(0,0,0,.4);
  margin: 1.0rem;
  padding: 0.6rem;
  font-size: 1.6rem !important;
  background-color: #FFF;
}
/*
.siderail-content {
  border-bottom: 1px solid var(--pit-main);
}

.sidebar1 p,
.golden-medal p {
  font-size: 1.6rem !important;
}

.sidebar1 .ad {
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(138, 34, 7, 1);
  padding-bottom: 10px;
  margin-right: 10px;
  margin-left: 0px;
  padding-left: 0px;
  overflow: auto
}

.sidebar1 .blogad {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 1);
  text-align: center;
  margin-right: 5px;
  margin-left: 5px
}

.sidebar1.small .ad .ctr {
  text-align: center;
  clear: both;
  margin-right: auto;
  margin-left: auto
}

.sidebar1 h1,
.sidebar1 h2,
.sidebar1 h3,
.sidebar1 h4,
.sidebar1 h5,
.sidebar1 h6,
.sidebar1 p {
  margin-top: 0;
  padding-right: 5px;
  padding-left: 5px
}

.sidebar1 h1 {}
.sidebar1 h2 {}
.sidebar1 h3 {}
.sidebar1 h4 { font-size: 2rem; }
.sidebar1 h5 {}
.sidebar1 h6 {}

.sidebar1.small .ad .adctr {
  text-align: center;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px
}

.sidebar1.small .ad .adctr img {
  text-align: center;
  display: inline-block;
  margin: 0px;
  padding: 0px;
  float: right
}

.sidebar1.small .ad .googleleft {
  float: left;
  height: 600px;
  width: 161px
}

.sidebar1.small .ad .googlerght {
  float: left;
  height: 600px;
  width: 126px;
  margin-right: 5px;
  margin-left: 5px
}

.sidebar1.small .ad p {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 5px;
  line-height: 1.3em;
  font-weight: normal;
  font-size: 12px
}

.sidebar1.small .ad a img {
  text-decoration: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none
}

.sidebar1.small div h2 {
  text-align: center;
  line-height: 1.1em;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px
}

.sidebar1.small .blogad h3 {
  text-align: center;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 0px
}
*/