.design-h1-01 #site .entry-header h1 {
  position: relative;
  background: none;
  padding: 22px 35px;
  border: none;
  background: #EDF9FF;
  color: #333;
  text-align: left;
}
.design-h1-01 #site .entry-header h1:before {
  display: none;
}
.design-h1-01 #site .entry-header h1:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 15%;
  height: 70%;
  width: 5px;
  background: #333;
}
.design-h1-02 #site .entry-header h1 {
  padding: 20px 10px;
  border: none;
  border-bottom: solid 3px #999;
  background: #eeeeee;
  color: #333;
}
.design-h1-02 #site .entry-header h1:before {
  display: none;
}
.design-h1-02 #site .entry-header h1:after {
  display: none;
}
.design-h1-03 #site .entry-header h1 {
  position: relative;
  border: none;
  background: none;
  padding: 20px 10px;
  color: #333;
  text-align: left;
}
.design-h1-03 #site .entry-header h1:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #eeeeee;
}
.design-h1-03 #site .entry-header h1:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15%;
  height: 4px;
  background: #999;
}
.design-h1-04 #site .entry-header h1 {
  position: relative;
  padding: 20px 10px;
  background: none;
  border: none;
  border: solid 2px #999;
  color: #999;
  text-align: left;
}
.design-h1-04 #site .entry-header h1:before {
  display: none;
}
.design-h1-04 #site .entry-header h1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  background: #999;
}
.design-h1-05 #site .entry-header h1 {
  position: relative;
  padding: 20px 0;
  background: none;
  border: none;
  color: #333;
}
.design-h1-05 #site .entry-header h1:before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #999;
}
.design-h1-05 #site .entry-header h1:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #999;
}
.design-h1-06 #site .entry-header h1 {
  padding: 20px 10px;
  background: #eeeeee;
  border: none;
  border-top: solid 5px #999;
  border-bottom: solid 1px #999;
  color: #333;
}
.design-h1-06 #site .entry-header h1:before {
  display: none;
}
.design-h1-06 #site .entry-header h1:after{
  display: none;
}
  #site .entry-header h1.design-h1-small {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
}
.design-h2-01 #site .entry-content h2.style-title {
  padding: 10px 0;
  background: none;
  border: none;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
  color: #333;
}
.design-h2-01 #site .entry-content h2.style-title:after {
  display: none;
}
.design-h2-02 #site .entry-content h2.style-title {
  padding: 10px 10px;
  background: #eeeeee;
  border: none;
  border-bottom: solid 4px #999;
  color: #fff;
}
.design-h2-02 #site .entry-content h2.style-title:after {
  display: none;
}
.design-h2-03 #site .entry-content h2.style-title {
  padding: 10px 10px;
  background: #eeeeee;
  border: none;
  border-left: solid 6px #999;
  border-bottom: solid 2px #dddddd;
  color: #333;
  text-align: left;
}
.design-h2-03 #site .entry-content h2.style-title:after {
  display: none;
}
.design-h2-04 #site .entry-content h2.style-title {
  padding: 10px 0;
  background: none;
  border: none;
  border-bottom: solid 2px #999;
  color: #333;
}
.design-h2-04 #site .entry-content h2.style-title:after {
  display: none;
}
.design-h2-05 #site .entry-content h2.style-title {
  position: relative;
  padding: 10px 10px;
  background: #fff;
  border: solid 2px #999;
  border-radius: 10px;
  color: #999;
  text-align: left;
}
.design-h2-05 #site .entry-content h2.style-title:before {
  content: "";
  position: absolute;
  left: 60px;
  bottom: -25px;
  width: auto;
  height: auto;
  border: 12px solid transparent;
  border-top: 12px solid #999;
  background: transparent;
}
.design-h2-05 #site .entry-content h2.style-title:after {
  content: "";
  position: absolute;
  left: 61px;
  bottom: -21px;
  width: auto;
  height: auto;
  border: 11px solid transparent;
  border-top: 11px solid #fff;
  background: transparent;
}
.design-h2-06 #site .entry-content h2.style-title {
  position: relative;
  padding: 10px 10px;
  background: #999;
  border: none;
  border-radius: 10px;
  color: #fff;
  text-align: left;
}
.design-h2-06 #site .entry-content h2.style-title:after {
  content: "";
  position: absolute;
  left: 62px;
  bottom: -19px;
  width: auto;
  height: auto;
  border: 10px solid transparent;
  border-top: 10px solid #999;
  background: transparent;
}
.design-h3-01 #site .entry-content h3.style-title {
  padding: 10px 10px;
  background: #999;
  border: none;
  font-weight: bold;
  color: #fff;
}
.design-h3-02 #site .entry-content h3.style-title {
  position: relative;
  padding: 10px 10px 10px 20px;
  background: #eeeeee;
  border: none;
  border-bottom: solid 1px #e2e2e2;
  font-weight: bold;
  color: #333;
  text-align: left;
}
.design-h3-02 #site .entry-content h3.style-title:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-color: transparent;
  border-top-color: #999;
}
.design-h3-03 #site .entry-content h3.style-title {
  padding: 0 10px;
  background: none;
  border: none;
  border-left: solid 6px #999;
  font-weight: bold;
  color: #333;
  text-align: left;
}
.design-h3-04 #site .entry-content h3.style-title {
  padding: 10px 0;
  background: none;
  border: none;
  border-bottom: dotted 2px #999;
  font-weight: bold;
  color: #333;
}
.design-h3-05 #site .entry-content h3.style-title {
  position: relative;
  padding: 7px 10px;
  background: #fff;
  border: solid 2px #999;
  border-radius: 10px;
  font-weight: bold;
  color: #999;
  text-align: left;
}
.design-h3-05 #site .entry-content h3.style-title:before {
  content: "";
  position: absolute;
  left: 40px;
  bottom: -25px;
  width: auto;
  height: auto;
  border: 12px solid transparent;
  border-top: 12px solid #999;
  background: transparent;
}
.design-h3-05 #site .entry-content h3.style-title:after {
  content: "";
  position: absolute;
  left: 41px;
  bottom: -21px;
  width: auto;
  height: auto;
  border: 11px solid transparent;
  border-top: 11px solid #fff;
  background: transparent;
}
.design-h3-06 #site .entry-content h3.style-title {
  position: relative;
  padding: 7px 10px;
  background: #999;
  border: none;
  border-radius: 10px;
  font-weight: bold;
  color: #fff;
  text-align: left;
}
.design-h3-06 #site .entry-content h3.style-title:after {
  content: "";
  position: absolute;
  left: 42px;
  bottom: -19px;
  width: auto;
  height: auto;
  border: 10px solid transparent;
  border-top: 10px solid #999;
  background: transparent;
}
.design-h4-01 #site .entry-content h4.style-title {
  position: relative;
  padding: 0 0 0 22px;
  background: none;
  border: none;
  font-weight: bold;
  color: #333;
  text-align: left;
}
.design-h4-01 #site .entry-content h4.style-title:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 13px;
  height: 13px;
  background: #999;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.design-h4-02 #site .entry-content h4.style-title {
  position: relative;
  padding: 0 0 0 22px;
  background: none;
  border: none;
  font-weight: bold;
  color: #333;
  text-align: left;
}
.design-h4-02 #site .entry-content h4.style-title:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 13px;
  height: 13px;
  background: #999;
  border-radius: 100px;
}
.design-h4-03 #site .entry-content h4.style-title {
  position: relative;
  padding: 0 0 0 22px;
  background: none;
  border: none;
  font-weight: bold;
  color: #333;
  text-align: left;
}
.design-h4-03 #site .entry-content h4.style-title:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 13px;
  height: 13px;
  background: #999;
}
.design-h4-04 #site .entry-content h4.style-title {
  position: relative;
  padding: 0 0 0 26px;
  background: none;
  border: none;
  font-weight: bold;
  color: #333;
  text-align: left;
}
.design-h4-04 #site .entry-content h4.style-title:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 10px;
  height: 10px;
  background: none;
  border: solid 2px #999;
}
.design-h4-04 #site .entry-content h4.style-title:after {
  content: '';
  position: absolute;
  top: 9px;
  left: 6px;
  width: 10px;
  height: 10px;
  background: none;
  border: solid 2px #999;
}
.design-h4-05 #site .entry-content h4.style-title {
  position: relative;
  padding: 0 0 0 26px;
  background: none;
  border: none;
  font-weight: bold;
  color: #333;
  text-align: left;
}
.design-h4-05 #site .entry-content h4.style-title:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 8px;
  height: 8px;
  background: none;
  border: solid 2px #999;
  border-radius: 100px;
}
.design-h4-05 #site .entry-content h4.style-title:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: none;
  border: solid 2px #999;
  border-radius: 100px;
}
.design-h4-06 #site .entry-content h4.style-title {
  position: relative;
  padding: 0 0 10px;
  background: none;
  border: none;
  border-bottom: solid 1px #999;
  font-weight: bold;
  color: #333;
}
.design-h4-06 #site .entry-content h4.style-title:after {
  display: none;
}



.design-h1-01 #site .entry-header h1 {
  background: var(--color-sub-extra-light);
}
.design-h1-01 #site .entry-header h1:after {
  background: var(--color-sub);
}
.design-h1-02 #site .entry-header h1 {
  border-bottom-color: var(--color-sub);
  background: var(--color-sub-extra-light);
}
.design-h1-03 #site .entry-header h1:before {
  background: var(--color-sub-extra-light);
}
.design-h1-03 #site .entry-header h1:after{
  background: var(--color-sub);
}
.design-h1-04 #site .entry-header h1 {
  border-color: var(--color-sub);
  color: var(--color-sub);
}
.design-h1-04 #site .entry-header h1:after {
  background: var(--color-sub);
}
.design-h1-05 #site .entry-header h1:before {
  background: var(--color-sub);
}
.design-h1-05 #site .entry-header h1:after{
  background: var(--color-sub);
}
.design-h1-06 #site .entry-header h1 {
  background: var(--color-sub-extra-light);
  border-color: var(--color-sub);
}
.design-h2-01 #site .entry-content h2.style-title {
  border-color: var(--color-sub);
}
.design-h2-02 #site .entry-content h2.style-title {
  background: var(--color-sub);
  border-color: var(--color-sub-light);
}
.design-h2-03 #site .entry-content h2.style-title {
  background: var(--color-sub-extra-light);
  border-left-color: var(--color-sub);
}
.design-h2-04 #site .entry-content h2.style-title {
  border-color: var(--color-sub);
}
.design-h2-05 #site .entry-content h2.style-title {
  border-color: var(--color-sub);
  color: var(--color-sub);
}
.design-h2-05 #site .entry-content h2.style-title:before {
  border-top-color: var(--color-sub);
}
.design-h2-06 #site .entry-content h2.style-title {
  background: var(--color-sub);
}
.design-h2-06 #site .entry-content h2.style-title:after {
  border-top-color: var(--color-sub);
}
.design-h3-01 #site .entry-content h3.style-title {
  background: var(--color-sub);
}
.design-h3-02 #site .entry-content h3.style-title {
  background: var(--color-sub-extra-light);
}
.design-h3-02 #site .entry-content h3.style-title:after {
  border-top-color: var(--color-sub);
}
.design-h3-03 #site .entry-content h3.style-title {
  border-color: var(--color-sub);
}
.design-h3-04 #site .entry-content h3.style-title {
  border-color: var(--color-sub);
}
.design-h3-05 #site .entry-content h3.style-title {
  border-color: var(--color-sub);
  color: var(--color-sub);
}
.design-h3-05 #site .entry-content h3.style-title:before {
  border-top-color: var(--color-sub);
}
.design-h3-06 #site .entry-content h3.style-title {
  background: var(--color-sub);
}
.design-h3-06 #site .entry-content h3.style-title:after {
  border-top-color: var(--color-sub);
}
.design-h4-01 #site .entry-content h4.style-title:after {
  background: var(--color-sub);
}
.design-h4-02 #site .entry-content h4.style-title:after {
  background: var(--color-sub);
}
.design-h4-03 #site .entry-content h4.style-title:after {
  background: var(--color-sub);
}
.design-h4-04 #site .entry-content h4.style-title:before {
  border-color: var(--color-sub);
}
.design-h4-04 #site .entry-content h4.style-title:after {
  border-color: var(--color-sub);
}
.design-h4-05 #site .entry-content h4.style-title:before {
  border-color: var(--color-sub);
}
.design-h4-05 #site .entry-content h4.style-title:after {
  border-color: var(--color-sub);
}
.design-h4-06 #site .entry-content h4.style-title {
  border-color:var(--color-sub);
}