/* Sidebar
----------------------------------------------- */

#secondary {
  position: absolute;
  right: calc(10% + 60px);
  width: 210px;
  margin-top: 3rem;
}
body.design2 #secondary {
  margin-top: .5rem;
}


body.home:not(.design1).has-sidebar #primary {
  width: calc(100% - 210px - 10% - 60px - 20px) !important;
}
body.home.design2.has-sidebar #primary {
  width: calc(100% - 210px - 10% - 60px - 120px - 20px) !important;
}
body.single.has-sidebar #primary,
body.single.has-sidebar .site-featured-image {
  width: calc(100% - 210px - 10% - 60px) !important;
}

body.single.has-sidebar .entry .entry-content .wp-block-image:not(.alignwide):not(.alignfull)>img {
  max-width: 100% !important;
}



#secondary>section {
  margin-bottom: 2rem;
}

#secondary>section {
  background-color: #e0f1f8;
  padding: 2px 12px;
}

#secondary * {
  font-size: 95%;
}

#secondary .widget .tagcloud a {
  border-radius: 12px;
  padding: 4px 10px;
  background: rgba(226, 228, 231, .9);
  white-space: pre;
}



@media only screen and (min-width: 1168px) {
  #secondary {
    width: 20%;
    min-width: 210px;
    max-width: 330px;
  }
  body.home.has-sidebar #primary {
    width: calc(100% - 20% - 10% - 60px - 20px) !important;
  }
  body.home.design2.has-sidebar #primary {
    width: calc(100% - 20% - 10% - 60px - 120px - 20px) !important;
  }
  body.single.has-sidebar #primary {
    width: calc(100% - 20% - 10% - 60px) !important;
  }
}


@media only screen and (max-width: 768px) {
  #secondary {
    position: relative;
    left: 1rem;
    width: calc(100% - 2rem);
  }
  body.home.has-sidebar #primary,
  body.single.has-sidebar #primary,
  body.single.has-sidebar .site-featured-image {
    width: 100% !important;
  }
  body.home.design2.has-sidebar #primary {
    width: calc(100% - 2rem) !important;
  }
}