#inner-page-wrapper{
  padding: 120px 0;
}

#inner-page-wrapper::before{
  content: '';
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  height: 50px;
  background: url(../../images/accent-dot.png) repeat left top;
  pointer-events: none;
  z-index: -1;
}

#inner-page-wrapper::after{
  content: '';
  position: absolute;
  top: 120px;
  right: 0;
  width: 53.75%;
  height: calc(100% - 240px);
  background: linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.65)),url(../../images/bg-inner-page.jpg) repeat left center;
  background-size: cover;
  background-attachment: fixed;
  opacity: .07;
  z-index: -1;
  filter: grayscale(1);
}

.inner-page-accent{
  display: block;
}

.inner-page-accent::before{
  content: '';
  position: absolute;
  top: 80px;
  left: 0;
  width: 594px;
  height: 594px;
  background: url(../../images/accent-compass.png) no-repeat top left;
  background-size: contain;
  opacity: .05;
  pointer-events: none;
  z-index: 1;
}

.inner-page-accent::after{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 440px;
  height: 558px;
  background: url(../../images/accent-flower-outline-c.png) no-repeat right bottom;
  pointer-events: none;
  opacity: .1;
  z-index: 1;
}

.dotted-accent.accent--top{
  position: absolute;
  top: -30px;
  right: -30px;
  width: 193px;
  height: 335px;
  background-position: top right;
  z-index: -1;
}

.dotted-accent.accent--bottom{
  position: absolute;
  bottom: -65px;
  right: 54%;
  width: 100vw;
  height: 30%;
  z-index: -1;
}

#content-sidebar, 
#content-full{
  position: relative;
  margin-top: 0;
  background: #f1f1f1;
  padding: 15px 0;
}

#content-sidebar::before, 
#content-full::before{
  content: '';
  position: absolute;
  top: 130px;
  right: 100%;
  height: calc(100% - 260px);
  width: 100vw;
  background: var(--primary-color);
  pointer-events: none;
}

#content-sidebar::after, 
#content-full::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% + 1px);
  width: 100%;
  background: url(../../images/overlay-inner-page.png) no-repeat center center;
  background-size: cover;
  pointer-events: none;
}

#content-full #content{
  position: relative;
  max-width: 975px;
  padding: 0 15px;
  margin: 0 auto;
  z-index: 1;
}

#content p{
  margin: 2em 0;
  letter-spacing: .02em;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
  font-weight: 500;
  letter-spacing: .02em;
}

#content h2{
  /* font-size: 29px; */
  font-size: 1.933em;
  margin: 1.207em 0;
}

#content h3{
  /* font-size: 20px; */
  font-size: 1.333em;
}

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 991px) {
    #inner-page-wrapper{
        padding: 120px 0 90px;
    }
    .inner-page-accent::before, 
    .post-template-default .inner-page-accent::before{
        width: 40%;
        height: 40%;
        background-size: contain;
    }
}

@media only screen and (max-width: 767px) {
    #inner-page-wrapper{
        padding: 120px 0 50px;
    }
    #content-sidebar::before, 
    #content-full::before,
    .dotted-accent{
        display: none !important;
    }
}

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

}