#blog-primary #blog-main .row .blog-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 30px 0; }
  @media screen and (max-width: 767px) {
    #blog-primary #blog-main .row .blog-heading {
      padding: 0; } }
  #blog-primary #blog-main .row .blog-heading .blog-title h1 {
    font-size: 50px;
    font-family: "Roboto Bold";
    margin-bottom: 1rem; }
    @media screen and (max-width: 767px) {
      #blog-primary #blog-main .row .blog-heading .blog-title h1 {
        font-size: 28px; } }
  #blog-primary #blog-main .row .blog-heading .blog-title p.author {
    font-family: "Roboto Medium";
    font-size: 18px; }
    @media screen and (max-width: 767px) {
      #blog-primary #blog-main .row .blog-heading .blog-title p.author {
        background-color: #eee;
        padding: 5px 10px;
        display: block;
        border-radius: 5px; } }
    #blog-primary #blog-main .row .blog-heading .blog-title p.author a {
      display: inline-block;
      color: #7fb82d; }
  #blog-primary #blog-main .row .blog-heading .blog-thumb {
    width: 50%;
    flex: 0 0 50%;
    padding-left: 30px; }
    #blog-primary #blog-main .row .blog-heading .blog-thumb img {
      width: 100%;
      height: auto; }
#blog-primary #blog-main .row .blog-content {
  font-family: "Roboto Regular";
  font-size: 18px;
  text-align: justify;
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    #blog-primary #blog-main .row .blog-content {
      font-size: 16px; } }
  #blog-primary #blog-main .row .blog-content h1,
  #blog-primary #blog-main .row .blog-content h2,
  #blog-primary #blog-main .row .blog-content h3,
  #blog-primary #blog-main .row .blog-content h4,
  #blog-primary #blog-main .row .blog-content h5,
  #blog-primary #blog-main .row .blog-content h6 {
    margin-bottom: 1em;
    color: #212529;
    font-family: "Roboto Medium";
    font-weight: bolder; }
  #blog-primary #blog-main .row .blog-content a {
    display: inline-block; }
  #blog-primary #blog-main .row .blog-content ul {
    margin-bottom: 1rem; }
  #blog-primary #blog-main .row .blog-content table,
  #blog-primary #blog-main .row .blog-content th,
  #blog-primary #blog-main .row .blog-content td {
    border: 1px solid #000000; }
  #blog-primary #blog-main .row .blog-content td {
    padding: 8px; }
#blog-primary #blog-main .row .blog-bottom .blog-same-title h2 {
  font-family: "Roboto Medium";
  color: #212529;
  margin-bottom: 24px; }
#blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main {
  margin-bottom: 24px;
  height: calc(100% - 24px);
  display: flex;
  flex-direction: column; }
  #blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main .blog-item-thumb a img {
    width: 100%;
    min-height: 170px;
    max-height: 170px;
    object-fit: cover; }
  #blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main .blog-item-content {
    flex: 1;
    padding-top: 15px; }
    #blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main .blog-item-content .blog-item-category a {
      color: #212529;
      font-family: "Roboto Regular";
      font-size: 14px; }
    #blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main .blog-item-content .blog-item-title h3 {
      font-size: 18px;
      font-family: "Roboto Regular"; }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        #blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main .blog-item-content .blog-item-title h3 {
          font-size: 13px; } }
      #blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main .blog-item-content .blog-item-title h3 a {
        color: #000; }
#blog-primary #blog-main .row #secondary a {
  box-shadow: none; }

/*# sourceMappingURL=blog.css.map */