/**
 * Theme Name:  Switching To Mac
 * Theme URI:   http://www.switchingtomac.com/
 * Description: Originally built by The Blog Studio for online-tech-tips.com, who should be brought up on fraud charges they coded so badly.
 * Version:     1.0
 * Author:      Andrew Norcross
 * Author URI:  http://reaktivstudios.com
 * Template:    akic
 */

 @font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Roboto Slab";
    src: url("fonts/RobotoSlab-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Roboto Slab Bold";
    src: url("fonts/RobotoSlab-Bold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  :root {
      --dark-bg: #252b31;
      --dark-grey: #222325;
      --dark-blue: #434952;
      --text-color: #e4e4e4;
      --accent: #535151;
      --accent-dark: #222325;
      --bold-text: #535151;
      --border-color: #7f8a9a;
      --border-color-orange: rgba(90, 90, 90, 0.7);
  }
  
  html {
      font-family: sans-serif;
  
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
  }
  
  body {
      margin: 0;
  }
  
  .et_bloom .et_bloom_popup {
      z-index: 9999999999 !important;
  }
  
  .site-container {
      z-index: auto !important;
  }
  
  .entry-content b,
  .entry-content strong {
      font-family: 'Roboto Slab Bold', sans-serif;
  }
  
  .wp-block-embed figcaption {
      font-size: 14px;
      text-align: center;
      font-style: italic;
  }
  
  ::selection {
      background-color: rgba(243,110,33, 0.3);
  }
  
  ::-webkit-selection {
      background-color: rgba(243,110,33, 0.3);
  }
  
  ::-moz-selection {
      background-color: rgba(243,110,33, 0.3);
  }
  
  a {
      color: var(--accent-dark);
  }
  
  a:hover,
  a:focus {
      color: var(--bold-text);
  }
  
  figure {
      margin-left: auto;
      margin-right: auto;
  }
  
  /* YouTube video embed
  --------------------------------------------- */
  
  .play {
      width: 68px !important;
      height: 48px !important;
      position: absolute;
      top: calc(50% - 24px) !important;
      left: calc(50% - 34px) !important;
      background-image: url(images/youtube-unactive.svg) !important;
      background-repeat: no-repeat;
      background-position: center !important;
      cursor: pointer;
  }
  
  .lyte:hover .play {
      background-image: url(images/youtube-active.svg) !important;
  }
  
  /* Header
  --------------------------------------------- */
  
  .header {
      background: #efefef;
      text-align: right;
  }
  
  .logo {
      display: flex;
      align-items: center;
      border-radius: 50px;
      background:#fff;
  }
  
  .logo a {
      background: url("images/stm-banner.png") no-repeat center / contain;
  }
  
  /* Phone Header */
  
  #hamburger {
      display: none;
  }
  
  .category-text {
      z-index: 1;
  }
  
  .category-headline {
      margin-bottom: inherit;
  }
  
  .screen-reader-text {
      clip: rect(1px,1px,1px,1px);
      position: absolute!important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      word-wrap: normal!important;
  }
  
  .nav-primary {
      padding-top: 50px;
      white-space:nowrap;
  }
  
  body.menu-open {
      overflow: hidden;
  }
  
  .header {
      height: auto;
      overflow: hidden;
  }
  
  body.menu-open .header {
      overflow: visible;
  }
  
  .header-container,
  .header-inner {
      width: 100%;
      height: 100%;
  }
  
  .header-inner {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      background: #efefef;
  }
  
  .popular {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 30px;
  }
  
      .popular-box h2.headline {
          width: 100%;
          text-align: center;
          margin-bottom: 20px;
      }
  
      .popular-post {
          width: 100%;
          position: relative;
          margin-bottom: 15px;
      }
  
      .popular-post .entry-content {
          margin-bottom: 0;
          position: relative;
      }
  
      .popular-post .entry-content .img {
          width: 100%;
          height: 0;
          padding-bottom: 64%;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
          border: 1px solid rgba(0,0,0,.05);
      }
  
      .popular-post .entry-content .img .link {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 2;
      }
  
      .popular-post .entry-content .img a[rel~="category"] {
          position: absolute;
          z-index: 3;
          background: #EFEFEF;
          padding: 2px 5px;
          top: 5px;
          right: 5px;
          color: inherit;
          text-decoration: none;
          font-size: 13px;
          transition: background .2s ease, color .2s ease;
      }
  
      .popular-post .entry-content .img a[rel~="category"]:hover {
          background: #313131;
          color: #fff;
      }
  
      .popular-post .entry-footer {
          display: flex;
          flex-flow: column nowrap;
          justify-content: flex-start;
          padding: 10px 0 0;
          box-sizing: border-box;
      }
  
      .popular-post .entry-footer p {
          margin-bottom: 10px;
          font-size: 14px;
      }
  
      .popular-post .entry-footer .details {
          margin-bottom: 0;
          font-size: 13px;
          color: #677075;
      }
  
      .popular-post .entry-footer .details img.avatar {
          border-radius: 50%;
          margin-right: 10px;
      }
  
      .popular-post .entry-author a {
          color: inherit;
          text-decoration: none;
      }
  
      .popular-post .entry-author a:hover {
          text-decoration: underline;
      }
  
      .popular-post .entry-footer .entry-title {
          font-size: 20px;
          margin-bottom: 10px;
      }
  
      .popular.first .popular-post:first-child .entry-footer,
      .popular.last .popular-post:last-child .entry-footer {
          position: relative;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 2;
          background: #EFEFEF;
          padding: 15px;
          box-sizing: border-box;
      }
  
      .popular.first .popular-post:first-child .entry-footer .entry-title,
      .popular.last .popular-post:last-child .entry-footer .entry-title {
          font-size: 24px;
      }
  
      .popular.first .popular-post:first-child .entry-footer p .category,
      .popular.last .popular-post:last-child .entry-footer p .category {
          display: inline;
      }
  
  .relative-posts {
      margin-bottom: 40px;
      box-sizing: border-box;
      display: flex;
      flex-flow: column nowrap;
      justify-content: space-between;
  }
  
      .relative-posts h2 {
          width: 100%;
          flex-grow: 1;
          text-align: center;
          margin-bottom: 30px;
      }
  
      .relative-posts .logos {
          font-size: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-bottom: 20px;
          height: 40px;
      }
  
      .relative-posts .box {
          padding: 15px;
          box-sizing: border-box;
          margin-bottom: 10px;
          border: 1px solid rgba(0,0,0,.05);
      }
  
      .relative-posts .box.grey {
          background: rgba(149, 182, 217, .3);
      }
  
      .relative-posts img {
          margin: 0 auto;
          width: 200px;
      }
  
      .relative-posts img.grey {
          width: 220px;
      }
  
      .relative-posts .box.green {
          background: rgba(19, 166, 56, .3);
      }
  
      .relative-posts img.green.light {
          display: block;
      }
  
      .relative-posts img.green.dark {
          display: none;
      }
  
      .relative-posts a {
          color: inherit;
          text-decoration: none;
      }
  
      .relative-posts a:hover {
          text-decoration: underline;
          color: inherit;
      }
  
      .relative-posts ul {
          margin: 0;
          margin-bottom: 15px;
      }
  
      .relative-posts ul li {
          line-height: 26px;
          margin-bottom: 5px;
      }
  
      .relative-posts ul li:last-child {
          margin-bottom: 0;
      }
  
      .relative-posts ul li a {
          text-decoration: underline;
          color: inherit;
      }
  
      .relative-posts ul li a:hover {
          text-decoration: none;
      }
  
  .top-authors {
      margin-bottom: 15px;
  }
  
      .top-authors .top-authors-wrapper {
          display: flex;
          flex-flow: row wrap;
          justify-content: space-between;
          align-items: flex-start;
      }
  
      .top-author {
          margin-bottom: 15px;
          width: 100%;
          border-radius: 10px;
          overflow: hidden;
          box-sizing: border-box;
          box-shadow: 0px 4px 20px rgba(142, 169, 203, 0.2);
          position: relative;
      }
  
          .top-author .shadow-bg {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              z-index: 2;
              background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.9) 9%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.85) 90%, #FFFFFF 100%), linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.1) 33.85%, rgba(255, 255, 255, 0) 87.5%, #FFFFFF 100%);
          }
  
          .top-author .bg {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              opacity: .4;
              z-index: 1;
          }
  
          .top-author:nth-child(1) .bg {
              background-image: url(images/bg-1.jpg);
              background-repeat: no-repeat;
              background-size: cover;
              background-position: center;
          }
  
          .top-author:nth-child(1) .bg.webp {
              background-image: url(images/bg-1@2x.webp);
          }
  
          .top-author:nth-child(2) .bg {
              background-image: url(images/bg-2.jpg);
              background-repeat: no-repeat;
              background-size: cover;
              background-position: center;
          }
  
          .top-author:nth-child(2) .bg.webp {
              background-image: url(images/bg-2@2x.webp);
          }
  
          .top-author:nth-child(3) .bg {
              background-image: url(images/bg-3.jpg);
              background-repeat: no-repeat;
              background-size: cover;
              background-position: center;
          }
  
          .top-author:nth-child(3) .bg.webp {
              background-image: url(images/bg-3@2x.webp);
          }
  
          .top-author:nth-child(4) .bg {
              background-image: url(images/bg-4.jpg);
              background-repeat: no-repeat;
              background-size: cover;
              background-position: center;
          }
  
          .top-author:nth-child(4) .bg.webp {
              background-image: url(images/bg-4@2x.webp);
          }
  
          .top-author .top-author-inner {
              display: flex;
              flex-flow: column nowrap;
              justify-content: space-between;
              align-items: center;
              padding: 15px;
              box-sizing: border-box;
              z-index: 2;
              position: relative;
          }
  
              .top-author .pic {
                  border-radius: 50%;
                  width: 140px;
                  height: 140px;
                  overflow: hidden;
                  margin-bottom: 15px;
                  border: 7px solid #fff;
                  box-sizing: border-box;
              }
  
                  .top-author .pic img {
                      width: 100%;
                  }
  
              .top-author .name {
                  margin-bottom: 10px;
                  text-align: center;
              }
  
                  .top-author .name a {
                      color: #111;
                      text-decoration: none;
                      font-size: 18px;
                      line-height: 24px;
                      font-weight: 500;
                  }
  
                  .top-author .name a:hover {
                      text-decoration: underline;
                  }
  
              .top-article {
                  text-align: center;
                  font-size: 18px;
                  line-height: 26px;
              }
  
                  .top-article a {
                      text-decoration: none;
                      color: #222;
                      font-family: 'Roboto', sans-serif;
                  }
  
                  .top-article a:hover {
                      text-decoration: underline;
                  }
  
              .top-author .more {
                  color: #535151;
                  text-align: center;
                  text-decoration: underline;
                  position: relative;
                  margin-top: 10px;
              }
  
              .top-author .more:hover {
                  text-decoration: none;
              }
  
              .top-author .more:after {
                  position: absolute;
                  content: '›';
                  font-size: inherit;
                  margin-left: 5px;
              }
  
  .category-box {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      margin-bottom: 40px;
  }
  
      .category-box .headline,
      .top-authors .headline {
          text-align: center;
      }
  
      .category-box .headline a {
          text-decoration: none;
          color: inherit;
      }
  
      .category-box .headline a:hover {
          text-decoration: underline;
      }
  
      .category-box .tagline,
      .top-authors .tagline {
          text-align: center;
          color: #677075;
          margin-bottom: 40px;
          font-size: 18px;
      }
  
      .category-row {
          display: flex;
          flex-flow: row wrap;
          justify-content: space-between;
          align-items: flex-start;
      }
  
      .category-post {
          width: 48%;
          position: relative;
          margin-bottom: 15px;
      }
  
      .category-post .entry-content {
          margin-bottom: 0;
          position: relative;
      }
  
      .category-post .entry-content .img {
          width: 100%;
          height: 0;
          padding-bottom: 60%;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
          border: 1px solid rgba(0,0,0,.05);
      }
  
      .category-post .entry-content .img .link {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 2;
      }
  
      .category-post .entry-content .img a[rel~="category"] {
          display: none;
      }
  
      .category-post .entry-footer {
          display: flex;
          flex-flow: column nowrap;
          justify-content: flex-start;
          padding: 10px 0 0;
          box-sizing: border-box;
      }
  
      .category-post .entry-footer p {
          margin-bottom: 0;
          font-size: 14px;
          margin-top: 4px;
      }
  
      .category-post .entry-footer .entry-author,
      .category-post .entry-footer .entry-author a {
          color: #677075;
          text-decoration: none;
      }
  
      .category-post .entry-footer .entry-author a:hover {
          text-decoration: underline;
      }
  
      .category-post .entry-footer .entry-title {
          font-size: 18px;
      }
  
      .category-post .entry-footer .details {
          display: flex;
          flex-flow: row wrap;
          justify-content: space-between;
          align-items: center;
          color: #677075;
          font-size: 12px;
          margin-top: 10px;
      }
  
      .category-post .entry-footer .details img.avatar {
          border-radius: 50%;
          margin-right: 10px;
      }
  
      .category-box .more {
          display: flex;
          justify-content: center;
          margin: 30px 0 0;
          position: relative;
      }
  
      .category-box .more:after {
          position: absolute;
          content: '';
          width: 100%;
          height: 1px;
          border-bottom: 1px solid rgba(0,0,0,.05);
          bottom: 50%;
          z-index: 0;
      }
  
      .category-box .more a {
          display: block;
          width: auto;
          background: #EFEFEF;
          color: #535151;
          text-decoration: none;
          transition: background .2s ease, color .2s ease;
          padding: 14px 20px;
          text-align: center;
          border: 1px solid #ccc;
          box-sizing: border-box;
          text-transform: uppercase;
          position: relative;
          z-index: 2;
      }
  
      .category-box .more a:hover {
          background: #535151;
          color: #fff;
          border-color: #ccc;
      }
  
  .main-wrapper {
      /*margin-top: 40px;*/
  }
  
      .main-section {
          display: flex;
          flex-flow: row wrap;
          justify-content: space-between;
      }
  
      .main-wrapper .page-title {
          font-size: 35px;
          line-height: 40px;
          margin-bottom: 20px;
      }
  
      .main-section .post {
          display: flex;
          flex-flow: column nowrap;
          justify-content: space-between;
          align-items: flex-start;
          margin-bottom: 30px;
      }
  
      .main-section .post .entry-content {
          width: 100%;
          position: relative;
      }
  
      .main-section .post .entry-content .img {
          position: relative;
          width: 100%;
          height: 0;
          padding-bottom: 60%;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
          border: 1px solid rgba(0,0,0,.05);
      }
  
      .main-section .post .entry-content .img .link {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 2;
      }
  
      .main-section .post .entry-content .img a[rel~="category"] {
          position: absolute;
          z-index: 3;
          background: #EFEFEF;
          padding: 2px 5px;
          top: 5px;
          right: 5px;
          color: inherit;
          text-decoration: none;
          font-size: 13px;
          transition: background .2s ease, color .2s ease;
      }
  
      .main-section .post .entry-content .img a[rel~="category"]:hover {
          background: #313131;
          color: #fff;
      }
  
      .main-section .post .side {
          width: 100%;
      }
  
      .main-section .post .entry-header {
          margin: 0 0 8px;
      }
  
      .main-section .post .entry-author,
      .main-section .post .entry-author a,
      .main-section .post time {
          font-size: 14px;
          color: #677075;
          text-decoration: none;
      }
  
      .main-section .post .entry-author a:hover {
          text-decoration: underline;
      }
  
      .main-section .post .entry-footer p {
          margin-bottom: 8px;
      }
  
      .main-section .post .entry-footer .details {
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-start;
          align-items: center;
      }
  
      .main-section .post .entry-footer .details img.avatar {
          border-radius: 50%;
          margin-right: 10px;
          width: 34px;
          height: 34px;
      }
  
      .main-section .post .entry-footer .details time {
          margin-left: 5px;
      }
  
  .mobile-content-ads {
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
  }
  
  #adngin-InContent_1-0 {
    text-align:center !important;
    margin-bottom: 15px;
  }

  @media screen and (max-width: 767px) {
  
      .post-ad-top.adsense-block {
          float: none;
          text-align: center;
          margin-right: 0 !important;
      }
  
      .mobile-content-ads .post-ad-top {
          margin: 0 auto !important;
      }
  
      .post-ad-top.adsense-block .adsense-block-wrap {
          margin: 0;
      }
  }
  
  @media screen and (min-width: 768px) {
  
      .category-post .entry-footer .details {
          flex-flow: row nowrap;
      }
  
      .category-post .entry-footer .entry-author {
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          display: block;
          max-width: 150px;
      }
  }
  
  @media screen and (min-width: 1024px) {
      body {
          padding-top:120px;
      }
  
      .site-header {
          position:fixed;
          top:0;
          left:0;
          right:0;
          z-index:999998;
      }
  
      .category-post .entry-footer .entry-author {
          max-width: 140px;
      }
  }
  
  /* Phone Header, small screens */
  
  .header.header-home {
      position: unset;
      height: auto;
  }
  
  .header-inner {
      position: relative;
  }
  
  .header-home .header-container {
      width: 100%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
  }
  
  .tagline-bubbles {
      box-sizing: border-box;
      padding: 15px;
      position: relative;
  }
  
  .tagline-bubbles .bg {
      background-image: url(images/header-bg.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top right;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      opacity: .8;
  }
  
  .tagline-bubbles .bg.webp {
      background-image: url(images/header-bg.webp);
  }
  
  .tagline-bubbles .shadow-bg {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 63.75%, #FFFFFF 100%);
  }
  
  .tagline-bubbles .tagline-bubbles-inner {
      position: relative;
      z-index: 3;
  }
  
  .header-home .tagline {
      display: flex;
      flex-flow: column nowrap;
      align-items: center;
      margin-bottom: 10px;
  }
  
  .header-home .tagline .line {
      font-size: 17px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-style: italic;
      text-align: center;
  }
  
  .header-home .tagline .blurb {
      font-style: normal;
      font-size: 14px;
      margin-top: 6px;
      font-family: 'Roboto', sans-serif;
  }
  
  .header-inner {
      background: #efefef;
  }
  
  .header-home .logo a {
      display: block;
  }
  
  .header .bubbles {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: center;
  }
  
  .bubbles .bubble {
      width: 25%;
      height: 75px;
      font-size: 11px;
      line-height: 0.75rem;
      color: #535151;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      -webkit-box-pack: center;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 7px;
      box-sizing: border-box;
      cursor: default;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
  }
  
  .bubble.first {
      background-image: url("images/bulb-1.svg");
      width: 80px;
      height: 80px;
      padding: 15px 15px 14px;
  }
  
  .bubble.second {
      background-image: url("images/bulb-2.svg");
      width: 75px;
      padding: 13px 12px 19px;
  }
  
  .bubble.third {
      background-image: url("images/bulb-3.svg");
      width: 78px;
      padding: 15px 17px 18px 13px;
  }
  
  .bubble.fourth {
      background-image: url("images/bulb-4.svg");
      width: 75px;
      padding: 15px 17px 16px 17px;
  }
  
  .bubbles .bubble span {
      font-size: 1rem;
      line-height: 1rem;
      color: #313131;
      font-weight: 700;
      display: block;
      font-family: 'Roboto Slab', sans-serif;
  }
  
  body.search-open .search-primary {
      left: 0;
      right: 0;
  }
  
  @media screen and (max-width: 420px) {
  
      body.home .site-container {
          padding-top: 0;
      }
  
      .header {
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between;
          align-items: center;
      }
  
      .logo a {
          height: 46px;
          width: 200px;
      }
  
      .search-toggle, .menu-toggle {
          font-size: 28px;
          padding: 0 12px 0;
          right: 6px;
          height: 100%;
      }
  
      .search-toggle {
          right: 54px;
      }
  
      .nav-primary,
      body.search-open .search-primary {
          top: 66px;
      }
  
  }
  
  /* Tablet Header */
  
  @media screen and (min-width: 768px) {
  
      .tagline-bubbles .tagline-bubbles-inner {
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between;
          align-items: center;
          box-sizing: border-box;
      }
  
      .header-home .tagline {
          width: 43%;
          margin-bottom: 0;
          text-align: left;
          align-items: flex-start;
      }
  
      .header-home .tagline .line {
          font-size: 28px;
          width: 88%;
          text-align: left;
      }
  
      .header .bubbles {
          justify-content: center;
          margin: 0;
          width: 62%;
      }
  
      .bubbles .bubble {
          width: 100px;
          height: 100px;
          margin-right: 10px;
          font-size: 12px;
      }
  
      .bubble.first {
          padding: 13px 20px 14px;
      }
  
      .bubble.second {
          padding: 14px 18px 19px;
      }
  
      .bubble.third {
          padding: 15px 15px 20px;
      }
  
      .bubble.fourth {
          padding: 20px;
      }
  
      .bubbles .bubble span {
          font-size: 1.5rem;
          line-height: 26px;
      }
  
      .bubbles .bubble:last-child {
          margin-right: 0;
      }
  }
  
  /* Desktop Header */
      .wrap {
          width: 100%;
      }
  
      .header-container,
      .header-home .header-container  {
          max-width: 1020px;
      }
  
      .header-home {
          background: transparent;
      }
  
      .header-home .header-container {
          flex-flow: row wrap;
          border-bottom: 0;
      }
  
      .header-inner {
          display: flex;
          height: 46px;
          justify-content: unset;
      }
  
      .header-home .header-inner {
          width: 100%;
          height: initial;
          background: #fff;
          border-bottom: 1px solid rgba(243,110,33,.3);
      }
  
      .header-home .tagline .blurb {
          font-size: 16px;
      }
  
      .nav-primary {
          display: flex;
          flex: auto;
      }
  
      .header-home .nav-primary {
          order: 0;
          z-index: 10;
          margin-left: 15px;
          height: 46px;
      }
  
      .tagline-bubbles {
          width: 100%;
          order: 2;
          margin: 0;
          padding: 35px 15px 35px;
          border-top: 0;
      }
  
      .tagline-bubbles .bg {
          background-position: top;
          opacity: .7;
      }
  
      .tagline-bubbles .shadow-bg {
          background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.9) 9%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.85) 90%, #FFFFFF 100%), linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.1) 33.85%, rgba(255, 255, 255, 0) 87.5%, #FFFFFF 100%);
      }
  
      .header-home .tagline .line {
          width: 67%;
          max-width: 265px;
      }
  
      .header {
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between;
          align-items: center;
          overflow: visible;
      }
  
      .logo {
          height: 46px;
          width: 290px;
          padding: 0px 15px;
          box-sizing: border-box;
      }
  
      .logo a {
          background-position-y: center;
          background-position-x: left;
          width: 100%;
          height: 100%;
      }
  
      button.hamburger-toggle-wrap {
          right: 0;
      }
  
      button.search-toggle-desktop {
          right: 42px;
      }
  
      .nav-primary {
          padding-top: 0;
          height: 100%;
      }
  
      .menu-primary .menu-item {
          height: 100%;
      }
  
      .menu-primary ul {
          height: 46px;
          display: flex;
          justify-content: flex-start;
          align-items: center;
      }
  
      .menu-primary .menu-item a {
          height: 100%;
          padding: 0 9px;
          box-sizing: border-box;
          font-size: 15px;
          cursor: pointer;
          text-transform: none;
          display: flex;
          align-items: center;
      }
  
      .menu-primary .sub-menu li {
          padding: 10px 9px;
      }
  
      .header-home .menu-primary .menu-item a {
          color: #313131;
      }
  
      .header-home .menu-primary .sub-menu a {
          color: #535151;
      }
  
      .header-home .menu-primary .sub-menu a:hover,
      .header-home .menu-primary .sub-menu a:focus {
          color: #313131;
      }
  
      .header-home .menu-primary>.menu-item-has-children>a:before {
          color: #313131;
      }
  
      .header-home button.hamburger-toggle-wrap svg,
      .header-home button.search-toggle-desktop svg,
      .header-home button.menu-toggle svg,
      .header-home button.search-toggle svg {
          fill: #313131 !important;
      }
  
      .header-btns {
          display: flex;
          flex-flow: row-reverse nowrap;
          justify-content: space-between;
          align-items: center;
      }
  
      /* Submenu */
      .menu-primary .menu-item:hover>.sub-menu {
          height: auto;
      }
  
      .menu-primary .sub-menu {
          background: #efefef;
      }
  
      .main-wrapper .page-title {
          font-size: 35px;
          line-height: 40px;
          margin-bottom: 20px;
          border-bottom: 1px solid rgba(0,0,0,.05);
          padding-bottom: 10px;
      }
  
  /* Content
  --------------------------------------------- */
  
  .table-of-contents {
      display: none;
      width: 100%;
      box-sizing: border-box;
      background: #fafafa;
      border: 1px solid rgba(255, 164, 91,.27);
      margin: 16px auto 20px;
      padding: 20px 20px 15px 20px;
      overflow: hidden;
      box-shadow: 10px 10px 20px rgba(149, 182, 217, .1);
  }
  
  .table-of-contents.show {
      display: block;
  }
  
  .table-of-contents .title {
      font-size: 18px;
      line-height: 24px;
      font-weight: 700;
      margin-bottom: 10px;
  }
  
  .table-of-contents ul {
      list-style: none;
      padding: 0;
      margin: 0;
      padding-left: 15px;
  }
  
  .table-of-contents ul li {
      margin-bottom: 0;
      font-size: 14px;
      line-height: 22px;
      padding: 5px;
      box-sizing: border-box;
      position: relative;
  }
  
  .table-of-contents ul li:before {
      content: "•";
      position: absolute;
      left: -15px;
      font-size: 20px;
      color: #95b6d9;
  }
  
  .table-of-contents ul li.pl-3 {
      margin-left: 10px;
  }
  
  .table-of-contents ul li.pl-4 {
      margin-left: 20px;
  }
  
  .table-of-contents ul li a {
      cursor: pointer;
      text-decoration: none;
      display: block;
      color: #545454;
      transition: all 50ms ease-in-out;
      word-break: break-word;
  }
  
  .table-of-contents ul li a:hover,
  .table-of-contents ul li a:focus {
      color: #535151;
  }
  
  @media screen and (min-width: 768px) {
  
      .table-of-contents {
          width: 70%;
      }
  }
  
  @media screen and (min-width: 1024px) {
  
      .table-of-contents {
          width: 100%;
          margin: 16px auto 26px;
      }
  }
  
  @media screen and (min-width: 1440px) {
  
      .sticky-wrapper {
          position: absolute;
          top: 420px;
          left: calc(50% - 798px);
          width: 200px;
      }
  
      .table-of-contents {
          display: block;
          opacity: 0;
          position: absolute;
          top: 0;
          left: auto;
          width: 193px !important;
          max-width: 200px;
          padding: 20px 10px 10px 15px;
          margin-top: 0;
      }
  
      .table-of-contents.show {
          opacity: 1;
      }
  
      .table-of-contents ul li:before {
          content: "·";
      }
  
      .table-of-contents ul li.pl-3 {
          margin-left: 10px;
      }
  
      .table-of-contents ul li.pl-4 {
          margin-left: 20px;
      }
  
      .table-of-contents ul li.current {
          background: #F8F0EC;
      }
  
      .table-of-contents ul li.current a {
          color: #535151;
          font-weight: 700;
      }
  
      .table-of-contents ul li.current a:hover,
      .table-of-contents ul li.current a:focus {
          color: #535151;
      }
  }
  
  
  .ub_review_block {
      border: 1px solid rgba(255,164,91,.27);
      box-shadow: none !important;
      border-radius: 0 !important;
      position: relative;
      background: linear-gradient(180deg, rgba(243, 110, 33, 0.5) 0%, rgba(243, 110, 33, 0.1) 70%);
  }
  
  .ub_review_block:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url(images/review-bg.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      z-index: 1;
      opacity: .1;
  }
  
  .ub_review_item_name,
  .ub_review_summary_title {
      font-family: 'Roboto Slab', sans-serif;
      position: relative;
      z-index: 2;
  }
  
  .ub_review_author_name {
      font-size: 14px !important;
      position: relative;
      z-index: 2;
  }
  
  .ub_review_description_container {
      width: 100%;
      display: flex;
      flex-flow: column nowrap !important;
      align-content: center;
      align-items: flex-start;
  }
  
  .ub_review_image {
      margin: 0 auto 15px !important;
      width: 100%;
      height: 100%;
      float: none !important;
      position: relative;
      z-index: 2;
  }
  
  .ub_review_description {
      width: 100%;
      font-size: 16px;
      line-height: 24px;
      position: relative;
      z-index: 2;
  }
  
  .ub_review_description b,
  .ub_review_description strong {
      font-family: 'Roboto Slab', sans-serif;
  }
  
  .ub_review_entry {
      justify-content: space-between;
      align-items: center;
      padding: 8px 0 !important;
      border-bottom: 1px solid var(--border-color-orange) !important;
      position: relative;
      z-index: 2;
  }
  
  .ub_review_block svg:not(:root) {
      width: 16px;
      height: 16px;
      margin-left: 2px !important;
      position: relative;
      z-index: 2;
  }
  
  .ub_review_summary_title {
      margin: 20px 0 13px !important;
  }
  
  .ub_review_overall_value {
      display: flex !important;
      flex-flow: column nowrap;
      position: relative;
      z-index: 2;
  }
  
  .ub_review_overall_value p {
      display: flex;
      order: 1;
  }
  
  .ub_review_average {
      order: 0;
      flex-flow: row nowrap !important;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 15px;
      position: relative;
      z-index: 2;
  }
  
  .ub_review_average .ub_review_rating {
      font-size: 30px;
  }
  
  .ub_review_average_stars {
      height: auto !important;
      line-height: initial !important;
      margin-left: 20px !important;
      position: relative;
      z-index: 2;
  }
  
  .ub_review_cta_btn {
      border: none !important;
      background-color: var(--accent) !important;
      border-radius: 7px !important;
      font-size: 18px !important;
      padding: 0 15px !important;
      height: 44px;
      opacity: .9;
      transition: opacity .2s ease;
      position: relative;
      z-index: 2;
  }
  
  .ub_review_cta_btn:hover {
      opacity: 1;
  }
  
  .entry-title a:hover,
  .entry-title a:focus {
      color: #535151;
  }
  
  .post-comment-link:hover,
  .post-comment-link:focus {
      color: #535151;
  }
  
  .featured-comment-link span.comment-count {
      background: #fdbf57;
      box-shadow: 0 0 0 1px #fdbf57;
      color: #fff;
  }
  
  .featured-comment-link:hover span.comment-count,
  .featured-comment-link:focus span.comment-count,
  .featured-comment-link span.comment-count:hover,
  .featured-comment-link span.comment-count:focus {
      background: #535151;
      box-shadow: 0 0 0 1px #535151;
  }
  
  .subscription-box {
      width: 100%;
      /*background-image: url(images/youtube-bg.jpg);*/
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: relative;
      margin: 40px 0;
  }
  
  .subscription-box .shadow {
      background: linear-gradient(180deg,#fff 0%,rgba(255,255,255,.9) 9%,rgba(255,255,255,0) 50%,rgba(255,255,255,.85) 90%,#fff 100%),linear-gradient(90deg,#fff 0%,rgba(255,255,255,.1) 33.85%,rgba(255,255,255,0) 87.5%,#fff 100%);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
  }
  
  .subscription-box .inner {
      width: 100%;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      position: relative;
      z-index: 2;
  }
  
  .subscription-box .pic {
      width: 250px;
      height: 250px;
      margin: 0 auto;
      border-radius: 50%;
      /*background-image: url(images/memoji2.png);*/
      background-repeat: no-repeat;
      background-size: 152px 180px;
      background-position: center;
      order: 0;
  }
  
  .subscription-box .side {
      color: #222;
      width: 100%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center;
      order: 1;
  }
  
  .subscription-box .side .title {
      font-size: 22px;
      line-height: 30px;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 20px;
  }
  
  .subscription-box .side .text {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 23px;
      text-align: center;
  }
  
  .subscription-box .side .subscribe-button {
      width: 155px;
      height: 44px;
      background: #f34635;
      border-radius: 7px;
      padding: 0 15px;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-size: 18px;
      text-decoration: none;
      transition: background .2s ease;
  }
  
  .subscription-box .side .subscribe-button:hover {
      background: #D4392A;
  }
  
  .subscribe-button i {
      width: 30px;
      height: 21px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(images/youtube.svg);
  }
  
  /* Social Buttons
  --------------------------------------------- */
  
  .social-link-buttons .social-button a {
      background: #535151;
      border-bottom: 1px solid #535151;
      border-top: 1px solid #535151;
      color: #fff;
  }
  
  .social-link-buttons .social-button a:hover,
  .social-link-buttons .social-button a:focus {
      background: #535151;
  }
  
  .social-link-buttons li.button-left a {
      border-left: 1px solid #535151;
  }
  
  .social-link-buttons li.button-right a {
      border-right: 1px solid #535151;
  }
  
  .social-link-buttons li.button-center a {
      border-left: 1px solid #535151;
      border-right: 1px solid #535151;
  }
  
  /* Inner post lists
  --------------------------------------------- */
  
  .inner-post-block .inner-post-item h3 a:hover,
  .inner-post-block .inner-post-item h3 a:focus {
      color: #535151;
  }
  
  /* Comments
  --------------------------------------------- */
  
  .comment-list li .comment-permalink {
      color: #c54800;
  }
  
  .comment-list li .comment-reply-link {
      color: #fff;
  }
  
  .comment-form input:focus,
  .comment-form textarea:focus {
      border-color: #ffa46f;
  }
  
  /* Pagination
  --------------------------------------------- */
  
  .pagination .current {
      background: #535151;
      border: 1px solid #535151;
  }
  
  /* Sidebar
  ------------------------------------------------ */
  
  .sidebar .widget:nth-of-type(3) ul {
      list-style: none;
      counter-reset: my-awesome-counter;
      display: flex;
      flex-wrap: wrap;
      margin: 0;
      padding: 0;
  }
  
  .sidebar .widget:nth-of-type(3) ul li {
      counter-increment: my-awesome-counter;
      display: flex;
      font-size: 0.8rem;
      margin-bottom: 1.5rem;
      padding-left: 40px;
      position: relative;
  }
  
  .sidebar .widget:nth-of-type(3) ul li::before {
      content: counter(my-awesome-counter);
      font-weight: 500;
      font-size: 3rem;
      margin-right: .5rem;
      font-family: 'Roboto Slab', sans-serif;
      line-height: 1;
      -webkit-text-stroke: 1px #ff9a60;
      -webkit-text-fill-color: #f8f0ec;
      align-self: center;
      position: absolute;
      left: 0;
  }
  
  .sidebar .widget:nth-of-type(3) ul li a.item-image {
      display: flex;
      align-self: center;
      padding: 0 4px;
  }
  
  .sidebar .widget:nth-of-type(3) ul li a.item-image img {
      min-width: 96px;
      max-width: 96px;
  }
  
  .sidebar .widget h4.widgettitle {
      font-family: 'Roboto Slab', sans-serif;
      color: #535151;
      font-size: 24px;
      padding: 10px 0;
      margin: 0;
  }
  
  .sidebar .widget.social-signup h4.widgettitle {
      color: #535151;
      font-size: 20px;
      padding: 0;
  }
  
  .sidebar .widget-post-list ul li a.item-title {
      font-size: 14px;
      font-family: 'Roboto Slab', sans-serif;
  }
  
  .sidebar .widget:nth-of-type(2),
  .sidebar .widget:nth-of-type(4),
  .sidebar .widget:nth-of-type(6) {
      display: flex;
      flex-flow:  column nowrap;
      justify-content: center;
  }
  
  /* signup and social */
  .sidebar .social-signup {
      border: 1px solid #ccc;
      padding: 20px;
      background-color: #535151;
  }
  
  .sidebar .social-signup .social-links span.social-icon {
      font-size: 16px;
      padding: 0 5px;
  }
  
  
  .sidebar .social-signup .social-links a {
      background: transparent;
      color: #fff;
  }
  
  .sidebar .social-signup .social-links a svg {
      fill: #fff;
      width:16px;
      height:16px;
      margin:4px;
  }
  
  .sidebar .social-signup .social-links a.icon-envelope svg {
      height: 16px;
      margin: 4px 2px;
      width: 19px;
  }
  
  .footer-widget-block .social-links a svg {
      width:18px;
      height:18px;
      margin:4px;
      fill: #fff;
  }
  
  .footer-widget-block .social-links a.icon-envelope svg {
      height: 18px;
      margin: 4px 2px;
      width: 21px;
  }
  
  .sidebar .social-signup .social-links a:hover,
  .sidebar .social-signup .social-links a:focus {
      background: #c35c22;
      color: #fff;
  }
  
  .sidebar .social-signup .social-links a:hover svg,
  .sidebar .social-signup .social-links a:focus svg {
      fill: #fff;
  }
  
  .footer-widget-block .social-links a:hover svg,
  .footer-widget-block .social-links a:focus svg {
      fill: #fff;
  }
  
  /* Desktop
  --------------------------------------------- */
  
  @media screen and (min-width: 1024px) {
  
      main.content {
          float:none;
          width: 66%;
          margin: 0 4% 0 0;
      }
  
      /* sidebar */
      .sidebar {
          width: 30%;
          padding-top:160px;
      }
  
      .sidebar .widget:nth-of-type(3) ul li a.item-image img {
          max-width: 80px;
          min-width: 80px;
      }
  
      .sidebar .widget-post-list ul li:hover a {
          color: #535151;
      }
  
  .popular.first .popular-post:first-child .entry-footer .entry-title,
  .popular.last .popular-post:last-child .entry-footer .entry-title {
      font-size: 28px;
  }
  
  .popular.first .popular-post:first-child .entry-content .img,
  .popular.last .popular-post:last-child .entry-content .img {
      padding-bottom: 56%;
  }
  
  .top-author .name a {
      font-size: 22px;
      line-height: 30px;
  }
  
          .category-row {
              flex-flow: row nowrap;
          }
  
          .category-post {
              width: 24%;
          }
  
          .main-section {
              flex-flow: row nowrap;
          }
      }
  
  #social-signup-4 {
      background-color: rgb(243, 110, 33);
  }
  #social-signup-4 h4.widgettitle {
      color: rgb(255,255,255);
  }
  
  /* BEGIN CUSTOMIZER CONTENT */
  
  body,html {
      overflow-x: visible;
  }
  
  .widget_text:last-child {
      position: -webkit-sticky;
      position: sticky;
      top: 66px;
  }
  
  @media screen and (min-width: 1024px) {
      .post-template-default #content {
          max-width:1200px;
          margin:0 auto;
      }
  
      #content-wrap {
          display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
          display: flex;
      }
  
      .home #content-wrap {
          display: flex;
          flex-flow: column wrap;
          padding-top: 14px;
      }
  
      .author #content-wrap {
          display: block;
      }
  }
  
  .sidebar .social-signup .sidebar-signup-form .mc-field-group input.sideform-email {
      color: rgb(34, 34, 34);
  }
  
  .related-posts-flex {
      overflow: auto;
  }
  
  .related-thumbnails-horizontal {
      float: left;
      margin-left: 8px;
      width: 24%;
  }
  
  .related-thumbnails-horizontal span {
      display: block;
      margin: 0 auto;
      width: 90%;
  }
  
  .related-thumbnails-horizontal span a {
      color: rgb(37, 37, 37);
      font-family: 'Roboto', sans-serif;
      font-size: 14px;
      line-height: 18px;
      text-decoration: none;
      vertical-align: top;
  }
  
  .related-thumbnails-horizontal .item-image {
      display: block;
  }
  
  @media screen and (min-width: 768px) {
  
      .related-thumbnails-horizontal:first-child {
          margin-left: 0;
      }
  
      .related-thumbnail img {
          width: 100%;
      }
  
      .category .content .highlight-flex {
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between;
      }
  
      .category .content .highlight-flex>div {
          width: 32%;
          margin-bottom: 0;
      }
  
      .category .content .highlight-flex .highlight-image {
          min-height: auto;
      }
  
      .category .content .highlight-flex>div h4 {
          margin: 15px 10px;
      }
  
      .wrap {
          padding-top: 40px;
      }
  
      .home #content-wrap {
          padding-top: 30px;
      }
  
  .popular-box {
      display: flex;
      flex-flow: row wrap;
      margin-bottom: 20px;
  }
  
      .popular-box h2.headline {
          margin-bottom: 30px;
      }
  
      .popular.first {
          display: block;
          margin-bottom: 0;
      }
  
      .popular-post {
          width: 20%;
          margin-bottom: 20px;
      }
  
  .popular.first .popular-post {
      float: left;
  }
  
      .popular.first .popular-post:first-child {
          width: 55%;
      }
  
      .popular.first .popular-post:first-child .entry-content .img,
      .popular.last .popular-post:last-child .entry-content .img {
          padding-bottom: 68%;
      }
  
      .popular.first .popular-post:first-child {
          margin-right: 2%;
      }
  
      .popular.middle {
          width: 43%;
          flex-flow: row wrap;
          justify-content: space-between;
          margin-bottom: 0;
      }
  
      .popular.middle .popular-post {
          width: 48%;
      }
  
      .popular.last {
          width: 55%;
          margin-left: 2%;
          margin-bottom: 0;
      }
  
      .popular.last .popular-post {
          width: 100%;
      }
  
      .popular.first .popular-post:nth-child(2),
      .popular.first .popular-post:nth-child(4) {
          margin-right: 2%;
      }
  
      .popular-post .entry-footer {
          padding: 10px 0 0;
      }
  
      .popular-post .entry-footer .entry-title {
          font-size: 18px;
      }
  
      .popular-post .entry-content .img {
          padding-bottom: 60%;
      }
  
  .top-authors {
      margin-bottom: 40px;
  }
  
      .top-authors .tagline {
          width: 80%;
          margin: 0 auto 40px;
      }
  
      .top-author {
          width: 24%;
          min-height: 342px;
          margin-bottom: 0;
      }
  
      .top-author .top-author-inner {
          justify-content: flex-start;
      }
  
          .top-author .pic {
              width: 120px;
              height: 120px;
              border-width: 5px;
          }
  
          .top-article {
              min-height: 108px;
              display: flex;
              align-items: center;
          }
  
  .relative-posts {
      flex-flow: row wrap;
      padding: 20px 40px;
  }
  
  .relative-posts .box {
      width: 49%;
  }
  
  .relative-posts .logos {
      text-align: left;
      font-size: 22px;
  }
  
  .main-section .post {
      flex-flow: row nowrap;
      border-bottom: 1px solid rgba(0,0,0,.05);
      padding-bottom: 30px;
  }
  
      .main-section .post .entry-content {
          width: 37.5%;
          margin-bottom: 0;
      }
  
      .main-section .post .entry-content .img a[rel~="category"] {
          left: 5px;
          right: auto;
      }
  
      .main-section .post .side {
          width: 59%;
      }
  
      .main-section .post .entry-header {
          margin: -4px 0 8px;
      }
  
      .main-section .post:nth-child(5n+5) {
          flex-flow: column nowrap;
      }
  
      .main-section .post:nth-child(5n+5) .entry-content,
      .main-section .post:nth-child(5n+5) .side {
          width: 100%;
      }
  
      .main-section .post:nth-child(5n+5) .entry-content {
          margin-bottom: 10px;
      }
  
      .main-section .post:nth-child(5n+5) .entry-content .img a[rel~="category"] {
          top: 10px;
          left: 10px;
          padding: 3px 10px;
          font-size: 15px;
      }
  
      .main-section .post:nth-child(5n+5) .entry-header {
          margin: 10px 0;
      }
  
      .main-section .post:nth-child(5n+4) {
          border-bottom: 0;
          padding-bottom: 10px;
      }
  
      .main-section .post:nth-child(5n+5) .entry-footer p {
          margin-bottom: 10px;
      }
  
  
      .subscription-box {
          margin: 30px 0;
      }
  
      .subscription-box .inner {
          flex-flow: row nowrap;
          justify-content: space-between;
          padding: 20px;
          box-sizing: border-box;
      }
  
      .subscription-box .pic {
          width: 240px;
          height: 240px;
          order: 1;
          margin: 0;
      }
  
      .subscription-box .side {
          width: calc(100% - 260px);
          align-items: flex-start;
          order: 0;
      }
  
      .subscription-box .side .text {
          text-align: left;
      }
  
  
      .ub_review_entry {
          width: 70%;
          font-size: 18px;
      }
  
          .ub_review_description_container {
              flex-flow: row-reverse nowrap !important;
          }
  
          .ub_review_block .ub_review_image {
              width: 50%;
              margin: 0 0 15px 15px !important;
          }
  
          .ub_review_overall_value {
              flex-flow: row-reverse nowrap;
              justify-content: space-between;
              margin-bottom: 16px;
          }
  
          .ub_review_average {
              margin-left: 10%;
          }
  
          .ub_review_cta_panel {
              margin-top: 15px;
          }
  
          .ub_review_block svg:not(:root) {
              width: 20px !important;
              height: 20px !important;
              margin-left: 2px !important;
          }
  }
  
  .featured-articles,
  .latest-articles,
  .tag-section {
      position:relative;
  }
  
  @media screen and (max-width: 768px) {
      .main-navigation .menu-toggle {
          position: absolute;
          top:18px;
          right:0;
          left:auto;
          height:10px;
      }
  
      #hamburger .hamburger_categories {
          width:50% !important;
          padding:10px !important;
      }
  
      .main-navigation .nav-primary {
          display: none;
      }
  
      .site-header > .header-top > .social-icons {
          top: 18px !important;
          right: 60px !important;
      }
  
      #hamburger {
          margin: 65px auto !important;
      }
  
      #hamburger .hamburger_categories {
          float:right;
      }
  
      .category-section {
          padding: 40px 15px !important;
      }
  
      .featured-articles,
      .latest-articles,
      .tag-section {
          padding: 0 15px !important;
          position:relative;
      }
  
      .newsletter {
          margin: 0 15px 15px 15px!important;
          padding:40px 15px !important;
      }
  
      .featured-grid {
          grid-template-columns: 1fr 1fr !important;
      }
  
      .latest-grid {
          grid-template-columns: repeat(2, 1fr) !important;
      }
  
      header.header-home {
          box-shadow: none;
      }
  
      #custom_html-3 {
          text-align: center;
      }
      #custom_html-3 li {
          list-style: none;
      }
  
      .related-thumbnails-horizontal {
          clear: both;
          margin-bottom: 15px;
          max-width: 100%;
          overflow: auto;
          text-align: left;
          width: 100%;
      }
  
      .related-thumbnails-horizontal .item-image {
          margin-right: 15px;
      }
  
      .related-thumbnails-horizontal .item-title {
          position: relative;
          top: 30px;
      }
  
      .related-thumbnails-horizontal span {
          display: inline;
      }
  
      .related-thumbnails-horizontal img {
          float: left;
          margin-right: 15px;
      }
  }
  @media screen and (max-width: 480px) {
      .related-thumbnails-horizontal .item-title {
          position: relative;
          top: 0px;
      }
  
      .category-headline {
          font-size: 2rem;
          line-height: 2rem;
          letter-spacing: 1px;
      }
  }
  
  .comment-block {
      border-top: 0;
  }
  
  .site-footer .footer-info-row p.copyright {
      color: #c2c2c2;
      margin-top: 5px;
  }
  
  .aboveauthorbox {
      margin-bottom: 15px;
      text-align: center;
  }
  
  .single .authorbox {
      background-color: #f3f3f4;
      border: 1px solid #6b6b6b;
      margin: 40px 0;
      overflow: auto;
      padding: 15px;
      width: 100%;
  }
  
  .no-ie.single .authorbox {
      display: flex;
      align-items: center;
  }
  
  .single .authorbox .authoravatar {
      float: left;
      margin-right: 10px;
      margin-top: 8px;
      width: 12%;
  }
  
  .single .authorbox .authorpostinfo {
      float: left;
      width: 84%;
  }
  
  .single .authorbox .authorpostinfo p {
      font-size: 13px;
      margin-bottom: 0;
  }
  
  .single .authorbox p.byline {
      font-size: 10px;
      margin-bottom: 15px;
  }
  
  .archive-title, .entry-content h2, .entry-header p, .entry-title {
      font-family: 'Roboto', sans-serif;
  }
  
  .archive-title, .entry-content h2, .entry-title {
      font-size: 40px;
  }
  
  .archive-title, .entry-content h2 {
      font-weight: 700;
  }
  
  .home .archive-title,
  .home .entry-content h2,
  .home .entry-title {
      font-size: 27px;
      font-weight: 400;
  }
  
  .archive .archive-title,
  .archive .entry-content h2,
  .archive .entry-title {
      font-size: 27px;
      font-weight: 400;
  }
  
  .entry-header p {
      font-size: 12px;
  }
  
  .entry-content p {
      font-family: 'Roboto Slab', sans-serif;
      font-size: 16px;
  }
  
  
  .sidebar .widget_text:last-child,
  .sidebar .widget_block:last-child {
      position: -webkit-sticky;
      position: sticky;
      top: 66px;
  }
  
  .sidebar .social-signup h4.widgettitle {
      font-family: 'Roboto', sans-serif;
      font-size: 20px;
  }
  
  body {
      font-family: 'Roboto Slab', sans-serif;
  }
  
  .site-footer .footer-widget-row .widget h4.widgettitle {
      font-family: 'Roboto Slab', sans-serif;
      font-size: 14px;
  }
  
  .related-thumbnails-horizontal span a {
      color: rgb(37, 37, 37);
      font-family: 'Roboto Slab', sans-serif;
      font-size: 15px;
  }
  
  .entry-content p {
      color: #404040;
  }
  
  .site-content h1 {
      margin:10px 0;
  }
  
  .KonaBody h1, .KonaBody h2, .KonaBody h3, .KonaBody h4, .KonaBody h5, .KonaBody h6 {
      padding-bottom: 10px;
      font-weight: 400;
  }
  
  .KonaBody h1 {
      font-size: 35px !important;
  }
  
  .KonaBody h2 {
      font-size: 30px !important;
  }
  
  .KonaBody h3 {
      font-size: 25px !important;
  }
  
  .KonaBody h4 {
      font-size: 22px !important;
  }
  
  .KonaBody h5 {
      font-size: 18px !important;
  }
  
  .KonaBody h6 {
      font-size: 14px !important;
  }
  
  .post-ad-top p {
      margin: 0px;
  }
  
  #fs-sidewall-right-container {
      top: 25px !important;
      z-index: 2147483600 !important;
  }
  
  .sncmp-popup-ok-button {
      background-color: rgb(243,110,33) !important;
      color: white !important;
  }
  
  .sncmp a {
      color: rgb(243,110,33) !important;
  }
  
  .sncmp-toggleAllEnable {
      color: rgb(243,110,33) !important;
  }
  
  .sncmp-banner {
      border-top: 1px solid rgb(106, 196, 21) !important;
      -webkit-box-shadow: 0px 0px 5px 2px rgba(243,110,33, 0.5) !important;
      -moz-box-shadow:    0px 0px 5px 2px rgba(243,110,33, 0.5) !important;
      box-shadow:         0px 0px 5px 2px rgba(243,110,33, 0.5) !important;
  }
  
  .sncmp-banner-btn {
      border: solid 1px rgb(243,110,33) !important;
  }
  
  .sncmp-banner-btn-learnmore {
      color: rgb(243,110,33) !important;
  }
  
  .sncmp-banner-btn-agree {
      background-color: rgb(243,110,33) !important;
  }
  
  input:checked + .sncmp-slider {
    background-color: rgb(243,110,33) !important;
  }
  
  input:focus + .sncmp-slider {
    box-shadow: 0 0 1px rgb(243,110,33) !important;
  }
  
  .sncmp-learnmore-reconsiderbutton {
      background-color: rgb(243,110,33) !important;
  }
  
  .highlight-flex a,
  .no-highlight a {
      color: rgb(243, 110, 33);
  }
  
  .highlight-flex h3 a,
  .highlight-flex h4 a,
  .no-highlight h3 a,
  .no-highlight h4 a {
      color: #222;
      text-decoration: none;
  }
  
  .highlight-flex h3 a:hover,
  .highlight-flex h4 a:hover,
  .no-highlight h3 a:hover,
  .no-highlight h4 a:hover {
      text-decoration: underline;
  }
  
  .category-headline {
      color: rgb(243, 110, 33);
  }
  .category-tagline {
      color: rgb(238, 241, 240);
  }
  
  .aboveauthorbox {
      margin-top: 20px;
      text-align: center;
  }
  
  .akic_after_comments {
      margin-top:45px;
  }
  
  @media screen and (min-width: 1024px) {
      .single .content .post {
          margin: 0;
      }
  }
  
  /*
  Hamburger
   */
  
  #hamburger {
      display: block;
      position: absolute;
      width: 100%;
      z-index: 999999;
      align-items: stretch;
      font-family: "Roboto";
      background: transparent;
  }
  
  #hamburger a {
      color: var(--accent);
      text-decoration-color: var(--accent) !important;
  }
  
  #hamburger a:hover, #hamburger a:focus {
      color: var(--accent);
      text-decoration: none;
  }
  
  #hamburger li {
      display:block;
  }
  
  #hamburger .hamburger_categories {
      background-color: #e6e6e6;
  }
  
  #hamburger li a {
      display: block;
      padding: 5px 20px;
      color: var(--accent);
  }
  #hamburger li a[href]:hover {
  }
  #hamburger a[data-type="taxonomy"][data-object="category"]:after,
  #hamburger a[data-type="custom"][data-object="custom"]:after {
      content: "❯";
      margin: 0px 0px 7px 0px;
      float: right;
  }
  #hamburger .hamburger_categories {
      flex-grow: 1;
      width: 40%;
      padding-bottom:0;
  }
  
  #hamburger .social-icons,
  #hamburger form {
      background-color: #e6e6e6;
      float: left;
      clear: both;
      width:40%;
      padding:0 25px;
  }
  
  #hamburger form {
      padding-bottom:25px;
  }
  
  #hamburger .hamburger_categories .hamburger_categories_title,
  #hamburger .hamburger_network .hamburger_network_title,
  #hamburger .hamburger_about .hamburger_about_title {
      margin: 10px 20px;
      border-bottom: 1px solid #999999;
      line-height: 30px;
      font-weight: 900;
      text-align: left;
      font-size: 1.2em;
      color: var(--accent);
  }
  #hamburger .hamburger_categories .hamburger_categories_content {
      display: flex;
      padding-bottom: 10px;
  }
  
  #hamburger .hamburger_categories .hamburger_categories_content > div {
      width: 100%;
  }
  #hamburger .hamburger_network {
      flex-grow: 1;
      width: 30%;
      background: rgba(0, 0, 0, 0.1);
  }
  #hamburger .hamburger_network .hamburger_network_content {
      font-size: 1.1em;
  }
  #hamburger .hamburger_about {
      flex-grow: 1;
      width: 30%;
      background: rgba(253, 194, 147, 0.2);
  }
  #hamburger .hamburger_about .hamburger_about_content {
      font-size: 1.1em;
  }
  #hamburger .posts_container {
      flex-grow: 1;
      width: 100%;
      display: none;
      text-align: left;
  }
  #hamburger .posts_container .get_back_link {
      background: rgba(253, 194, 147, 0.2);
  }
  #hamburger .posts_container .get_back_link a {
      padding: 5px 20px;
      color: #000;
      display: inline-block;
  }
  #hamburger .posts_container .category_link {
      background: rgba(253, 194, 147, 0.2);
  }
  #hamburger .posts_container .category_link a {
      padding: 5px 20px;
      color: #000;
      display: inline-block;
      font-size: 1.1em;
      font-weight: bold;
  }
  #hamburger .posts_container .main_content {
      background: rgba(0, 0, 0, 0.1);
      padding: 10px 0;
  }
  #hamburger .posts_container .category_title {
      margin: 0px 20px 10px 20px;
      border-bottom: 1px solid #999999;
      line-height: 30px;
      font-weight: 900;
      text-align: left;
      font-size: 1.8em;
      color: var(--accent);
  }
  #hamburger .posts_container .posts_listing .posts_category {
      display: flex;
      flex-wrap: wrap;
  }
  #hamburger .posts_container .posts_listing .posts_category a {
      display: block;
      line-height: 34px;
      width: calc(50% - 40px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0 20px;
      text-decoration: none;
      margin: 0 20px;
  }
  #hamburger .posts_container .posts_listing .posts_category a:before {
      content: '➔';
      background: #fff;
      border-radius: 100%;
      color: #000;
      font-size: 0.65em;
      margin-right: 5px;
      display: inline-block;
      height: 14px;
      line-height: 14px;
      width: 14px;
      text-align: center;
      position: absolute;
      margin-top: 9px;
      margin-left: -20px;
  }
  #hamburger ul {
      margin: 0;
      padding: 0px;
  }
  #hamburger li {
      list-style: none;
  }
  #hamburger ul li:last-child {
      margin-bottom: 0;
  }
  #hamburger ul.menu > li {
      text-align: left;
  }
  #hamburger ul.sub-menu li {
      font-family: Roboto, "Lucida Sans Unicode", Lucida Grande, sans-serif;
      font-size: 15px;
  }
  #hamburger ul.sub-menu {
      padding-left: 0px;
  }
  #hamburger a {
      text-decoration: none;
  }
  #hamburger li.menu-item-has-children > a {
      letter-spacing: 1px;
  }
  #hamburger li.menu-item-has-children > a:after {
      content: '';
      width: 100%;
      height: 1px;
      display: block;
      background: #fff;
  }
  
  button.hamburger-toggle-wrap svg,
  button.search-toggle-desktop svg,
  button.menu-toggle svg,
  button.search-toggle svg {
      fill: #fff !important;
  }
  
  .category .content .no-highlight .post {
      align-items: flex-start;
  }
  
  .post table th, .post table td {
      border: 1px solid var(--accent);
      padding: 5px;
  }
  
  #hamburger {
      max-width:1200px;
  }
  
  #hamburger.hidden {
      display: none;
  }
  
      button.hamburger-toggle-wrap,
      button.search-toggle-desktop {
          display: block;
          font-size: 28px;
          margin-top: 0;
          padding: 0 6px;
      }
  
      #hamburger {
          display: block;
          position: absolute;
          top: 2px;
          left: 0;
          right: 0;
          margin: 108px auto;
      }
  
      .menu-primary .menu-item:hover>.sub-menu {
          height: auto;
          flex-flow: column nowrap;
          width: auto;
      }
  
      .search-primary {
          border: 1px solid rgba(243,110,33,.3);
          top: 47px;
      }
  
      body.search-open .search-primary {
          left: auto;
      }
  
      .search-form {
          display: flex;
          align-items: center;
          border: none;
          background:transparent;
      }
  
      .search-form button {
          height: 32px;
          border-radius: 4px;
          padding: 5px 15px;
      }
  
      .search-form input {
          border-radius:15px;
          padding: 3px 3px 3px 25px;
          color:#333;
          margin-right:0;
      }
  
  @media only screen and (min-width: 1200px) {
  
      .header-home .tagline {
          width: 37%;
      }
  
      .header-home .tagline .line {
          font-size: 34px;
          width: 85%;
          max-width: 310px;
      }
  }
  
  .category-page--top-posts-content {
      backdrop-filter: brightness(150%) saturate(80%);
      padding: 30px 0;
      transform: translate3d(0, 0, 0);
  }
  .category-page--top-posts-wrapper {
      background-image: url(images/sqbg-smashed5-80.png) !important;
      background-size: cover;
      background-position: center;
      margin-bottom: 30px;
  }
  .category-page--top-posts-content {
      backdrop-filter: brightness(150%) saturate(50%);
      padding: 30px;
      transform: translate3d(0, 0, 0);
  }
  .category-page--top-posts-title {
      text-align: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin-bottom: 30px;
  }
  .category-page--top-posts {
      display: flex;
      flex-wrap: wrap;
      margin: 0;
  }
  .category-page--top-posts .category-page--top-post {
      width: 100%;
      display: flex;
      padding: 10px 0px;
      align-items: center;
  }
  .category-page--top-posts .category-page--top-post-image {
      flex-grow: 1;
      flex-basis: 30%;
  }
  .category-page--top-posts .category-page--top-post-image img {
      display: block;
  }
  .category-page--top-posts .category-page--top-post-title {
      flex-grow: 2;
      flex-basis: 70%;
  }
  .category-page--top-posts .category-page--top-post-title a {
      margin-left: 20px;
      display: block;
      color: #222;
      text-decoration: none;
  }
  .category-page--top-posts .category-page--top-post-title a:hover {
      text-decoration: underline;
  }
  
  @media only screen and (min-width: 1024px) {
  
      .category-page--top-posts-content {
          padding: 30px 0;
      }
      .category-page--top-posts-title {
          font-size: 2.4rem;
      }
      .category-page--top-posts {
          margin: 0 0px 30px;
      }
      .category-page--top-posts .category-page--top-post {
          width: 50%;
          padding: 20px 30px;
      }
  }
  @media only screen and (min-width: 1200px) {
      .category-page--top-posts-title {
          font-size: 2.4rem;
      }
      .category-page--top-posts {
          margin: 0 80px 30px;
      }
      .category-page--top-posts .category-page--top-post {
          width: 50%;
          padding: 20px 30px;
      }
  }
  
  /* Header Styles */
  .site-header {
      background-color: #535151;
      color: #fff;
      font-family: Arial, sans-serif;
  }
  
  .header-top, .header-bottom {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .header-top {
      padding-top:10px;
      position:relative;
  }
  
  /* Logo */
  .logo a {
      text-decoration: none;
      color: white;
  }
  
  .logo-text {
      opacity: 0;
  }
  
  /* Social Icons */
  .social-icons {
      display: flex;
      
  }
  
  .site-header > .header-top > .social-icons {
      position: absolute;
      top: 20px;
      right: 20px;
  }
  
  .social-icon {
      color: white;
      font-size: 18px;
      margin-left: 15px;
      text-decoration: none;
  }
  
  /* Hamburger Menu Styles */
  .hamburger {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background-color: white;
      z-index: 1000;
  }
  
  .hamburger.active {
      display: flex;
  }
  
  .hamburger_categories,
  .hamburger_network,
  .hamburger_about {
      flex: 1;
      padding: 20px;
  }
  
  .hamburger_categories_title,
  .hamburger_network_title,
  .hamburger_about_title {
      font-weight: bold;
      margin-bottom: 10px;
      color: #535151;
  }
  
  .hamburger a {
      color: #333;
      text-decoration: none;
      display: block;
      padding: 5px 0;
  }
  
  .hamburger a:hover {
      color: #535151;
  }
  
  .posts_container {
      display: none;
      background-color: #f9f9f9;
      padding: 20px;
  }
  
  .get_back_link a,
  .category_link a {
      color: #535151;
      font-weight: bold;
  }
  
  .category_title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
  }
  
  /* Navigation */
  .menu-toggle {
      display: block; /* Always visible */
      background: none;
      border: none;
      color: white;
      font-size: 24px;
      cursor: pointer;
      margin-right: 15px;
  }
  
  .main-navigation {
      flex-grow: 1;
      margin: 0;
      display: flex;
      align-items: center;
  }
  
  .nav-menu {
      display: flex;
      list-style-type: none;
      margin: 0;
      padding: 0;
  }
  
  .nav-menu li {
      margin-right: 20px;
      border-right: 1px solid rgba(255, 255, 255, 0.3);
      padding-right: 20px;
  }
  
  .nav-menu li:last-child {
      margin-right: 0;
      border-right: none;
      padding-right: 0;
  }
  
  .nav-menu a {
      color: white;
      text-decoration: none;
      font-size: 16px;
  }
  
  
  /* Hamburger Menu */
  .hamburger-menu {
      display: none;
      font-size: 24px;
      color: white;
      background: none;
      border: none;
      cursor: pointer;
      margin-right: 15px;
  }
  
  /* Search Form */
  .search-form {
      display: flex;
      align-items: center;
      position: relative;
      padding:15px 0 15px 15px;
  }
  
  .search-field {
      padding: 8px 12px 8px 35px;
      border: none;
      border-radius: 20px;
      font-size: 14px;
      width: 200px;
  }
  
  .search-submit {
      display: none;
  }
  
  .search-label {
      position: relative;
  }
  
  .search-icon {
      position: absolute;
      left: 7px;
      color: #999;
      font-size: 16px;
      top:9px;
  }
  
  /* Responsive Design */
  @media screen and (max-width: 768px) {
      .header-top, .header-bottom {
          flex-wrap: wrap;
      }
  
      .home-title {
          font-size:26px !important;
      }
  
      .main-navigation.active {
          display: block;
      }
  
      .nav-menu {
          flex-direction: column;
      }
  
      .nav-menu li {
          margin-right: 0;
          margin-bottom: 10px;
          border-right: none;
          padding-right: 0;
      }
      
      .hamburger {
          flex-direction: column;
      }
  
      .search-form {
          order: 2;
          margin-left: auto;
      }
  }
  
  /* Accessibility */
  .screen-reader-text {
      border: 0;
      clip: rect(1px, 1px, 1px, 1px);
      clip-path: inset(50%);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
      word-wrap: normal !important;
  }
  
  /* Hover Effects */
  .nav-menu a:hover,
  .social-icon:hover {
      opacity: 0.8;
  }
  
  .site-footer {
      background-color: #dbdbdb;
      padding: 40px 0 20px;
      font-family: Arial, sans-serif;
  }
  
  .footer-container,
  .footer-copyright {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
  }
  
  .footer-logo, .footer-categories, .footer-social, .footer-about {
      flex-basis: 23%;
      margin-bottom: 20px;
  }
  
  .footer-logo-image {
      max-width: 100%;
      height: auto;
      margin-top:21px;
      margin-bottom:10px;
  }
  
  .footer-logo p {
      font-size: 14px;
      color: #666;
      margin: 10px 0;
  }
  
  .other-sites {
      list-style: none;
      padding: 0;
  }
  
  .other-sites li a {
      color: #0066cc;
      text-decoration: none;
      font-size: 14px;
  }
  
  .footer-categories h3, .footer-social h3, .footer-about h3 {
      font-size: 18px;
      color: #333;
      margin-bottom: 15px;
  }
  
  .footer-tags {
      display: flex;
      flex-wrap: wrap;
  }
  
  .footer-tag {
      background-color: #fff;
      color: #333;
      padding: 5px 10px;
      margin: 0 5px 5px 0;
      border-radius: 3px;
      font-size: 12px;
      text-decoration: none;
  }
  
  .footer-categories ul, .footer-social ul, .footer-about ul {
      list-style: none;
      padding: 0;
  }
  
  .footer-categories ul li {
      display:block;
  }
  
  .footer-categories ul li, .footer-social ul li, .footer-about ul li {
      margin-bottom: 8px;
  }
  
  .footer-categories ul li a, .footer-social ul li a, .footer-about ul li a {
      color: #666;
      text-decoration: none;
      font-size: 14px;
  }
  
  .footer-social ul li a i {
      margin-right: 5px;
      color: #333;
  }
  
  .footer-copyright p {
      font-size: 12px;
      color: #999;
      text-align: left;
  }
  
  @media (max-width: 768px) {
      .footer-logo, .footer-categories, .footer-social, .footer-about {
          flex-basis: 48%;
      }
  }
  
  @media (max-width: 480px) {
      .footer-logo, .footer-categories, .footer-social, .footer-about {
          flex-basis: 100%;
      }
  }
  
  /* Content */
  /* General Styles */
  body {
      font-family: Arial, sans-serif;
      line-height: 1.6;
      color: #333;
      background-color: #f4f4f4;
  }
  
  .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0;
  }
  
  /* Header Styles */
  header {
      background-color: #535151;
  }
  
  .site-title {
      color: white;
      font-size: 24px;
      font-weight: bold;
  }
  
  nav ul {
      list-style-type: none;
      padding: 0;
  }
  
  nav ul li {
      display: inline;
      margin-right: 20px;
  }
  
  nav ul li a {
      color: white;
      text-decoration: none;
  }
  
  /* Featured Articles */
  .featured-articles {
      margin-top: 40px;
  }
  
  .featured-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 20px;
  }
  
  .featured-post img {
      height: 100%;
  }
  
  /* Trending Posts */
  .trending-posts {
      padding: 20px;
      margin-top: 40px;
  }
  
  .trending-post {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
  }
  
  .trending-post img {
      width: 80px;
      height: 80px;
      margin-right: 15px;
  }
  
  /* Category Sections */
  .category-section {
      padding: 40px 0;
  }
  
  .category-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
  }
  
  .category-post img {
      height: 100%;
  }
  
  .view-more {
      display: inline-block;
      background-color: #535151;
      color: white;
      padding: 10px 20px;
      text-decoration: none;
      margin-top: 20px;
      position:absolute;
      right:0;
      top:-23px;
      border-radius:50px;
  }
  
  /* Latest Articles */
  .latest-articles {
      background-color: #f4f4f4;
      padding: 40px 0;
  }
  
  .latest-articles .container {
      position: relative;
  }
  
  .latest-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      margin-top: 20px;
  }
  
  .latest-post img {
      height: 100%;
  }
  
  
  .latest-grid h3,
  .featured-post h3 {
      font-size: 16px;
      line-height:19px;
      margin-top:3px;
  }
  
  .latest-grid h3 a, 
  .featured-post h3 a {
      font-size: 16px;
      text-decoration: none;
      color:#222325;
  }
  
  .latest-grid h3 a:hover,
  .featured-post h3 a:hover {
      text-decoration: underline;
  }
  
  /* Newsletter */
  .newsletter {
      background-color: #d7d7d7;
      border-radius: 30px;
      padding: 40px 0;
      text-align: center;
      max-width: 1200px;
      margin: 40px auto;
  }
  
  .newsletter h2 {
      font-size: 32px;
      color: #333;
      margin-bottom: 15px;
      font-weight: bold;
  }
  
  .newsletter p {
      font-size: 16px;
      color: #666;
      margin-bottom: 25px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
  }
  
  .newsletter form {
      display: flex;
      justify-content: center;
      max-width: 600px;
      margin: 0 auto;
  }
  
  .newsletter input[type="email"] {
      flex-grow: 1;
      padding: 12px 15px;
      font-size: 16px;
      border: 1px solid #ccc;
      border-radius: 15px 0 0 15px;
      outline: none;
  }
  
  .newsletter button {
      background-color: #535151;
      color: white;
      border: none;
      padding: 12px 25px;
      font-size: 16px;
      font-weight: bold;
      border-radius: 0 4px 4px 0;
      cursor: pointer;
      transition: background-color 0.3s ease;
  }
  
  .newsletter button:hover {
      background-color: #d85a0d;
  }
  
  @media (max-width: 600px) {
      .newsletter form {
          flex-direction: column;
      }
  
      .newsletter input[type="email"] {
          border-radius: 4px;
          margin-bottom: 10px;
      }
  
      .newsletter button {
          border-radius: 4px;
      }
  }
  
  /* Footer */
  footer {
      background-color: #333;
      color: white;
      padding: 40px 0;
  }
  
  .home-title {
      color:#535151;
      font-size:30px;
      line-height:34px;
  }
  
  .home-title a {
      text-decoration:none;
      color:#535151;
  }
  
  .home-title a:hover {
      text-decoration:underline;
  }
  
  .post-image {
      width: 100%;
      height: 200px;
      overflow: hidden;
      border-radius:3px;
  }
  
  .post-page .post-image {
      height:110px;
  }
  
  .fixed-size-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .latest-post p.description {
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      height: 90px;
  }
  
  .latest-post h3 a {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      height: 39px;
  }
  
  p.description,
  .post-category-time,
  .post-meta {
      font-size: 14px;
      color: #999;
  }
  
  .author-gravatar {
      vertical-align: middle;
      border-radius: 50%;
      overflow:hidden;
      position:relative;
      top:-1px;
  }
  
  .post-meta a {
      color: #999;
      text-decoration:none;
  }
  
  .post-meta a:hover {
      text-decoration:underline;
  }
  
  .post-category-time {
      margin-top:4px;
  }
  
  .category-subcategory a {
      color: #your-desired-color;
      text-decoration: none;
  }
  
  .category-subcategory a:hover {
      text-decoration: underline;
  }
  
  .category-section.announcements,
  .category-section.social-media,
  .category-section.software-reviews {
      position:relative;
  }
  
  .category-section .container,
  .container.featured-articles {
      position: relative;
  }
  
  .home-title {
      color: #535151;
      font-size: 30px;
      line-height: 34px;
      position: relative;
      width:100%;
      display: inline-block;
      padding-bottom: 10px;
  }
  
  .home-title::after {
      content: '';
      position: absolute;
      left: 0;
      bottom:24px;
      width: 100%;
      height: 2px;
      background-color: #535151;
  }
  
  .home-title span {
      position: relative;
      z-index:2;
      padding-right:15px;
  }
  
  .home-title span,
  .latest-articles .home-title span {
      background:#f4f4f4;
  }
  
  .category-section.announcements .home-title span,
  .category-section.social-media .home-title span,
  .category-section.software-reviews .home-title span {
      background:#f4f4f4;
  }
  
  .wp-block-image img {
      border-radius:5px;
      overflow:hidden;
  }
  
  .trending-posts {
      list-style-type: none;
      padding: 0;
      margin: 0;
  }
  
  .trending-post-item {
      display: flex;
      margin-bottom: 15px;
  }
  
  .trending-post-image {
      flex: 0 0 100px; /* Adjust this value based on your image size */
      margin-right: 10px;
  }
  
  .trending-post-content {
      flex: 1;
      display: flex;
      flex-direction: column;
  }
  
  .trending-post-title {
      font-weight: bold;
      margin-bottom: 5px;
      color:#333;
      text-decoration:none;
  }
  
  .trending-post-date {
      font-size: 0.9em;
      color: #999;
  }
  
  .social-sharing {
      margin-top: 20px;
      text-align: center;
  }
  
  .social-sharing h4 {
      margin-bottom: 10px;
  }
  
  .share-icon {
      display: inline-block;
      margin: 0 10px;
      font-size: 24px;
      color: #333;
      transition: color 0.3s ease;
  }
  
  .share-icon:hover {
      color: #007bff;
  }
  
  .share-icon.twitter:hover {
      color: #1DA1F2;
  }
  
  .share-icon.facebook:hover {
      color: #4267B2;
  }
  
  .share-icon.email:hover {
      color: #D44638;
  }
  
  .sidebar .widget {
      background:transparent;
  }
  
  .sidebar .widget-post-list ul li {
      display:flex;
  }
  
  .site-content {
      max-width:1200px;
      margin:0 auto;
  }
  
  /* Header Styles */
  @media screen and (max-width: 768px) {
      .header-top, .header-bottom {
          flex-direction: column;
          align-items: flex-start;
      }
  
      .logo {
          margin-bottom: 10px;
          max-width:200px;
      }
  
      .social-icons {
          margin-bottom: 10px;
      }
  
      .nav-menu {
          flex-direction: column;
          width: 100%;
      }
  
      .nav-menu li {
          margin-right: 0;
          margin-bottom: 10px;
          border-right: none;
          padding-right: 0;
          border-bottom: 1px solid rgba(255, 255, 255, 0.3);
          padding-bottom: 10px;
      }
  
      .search-form {
          width: 100%;
          margin-top: 10px;
      }
  
      .search-field {
          width: 100%;
      }
  
      .hamburger-menu {
          display: block;
          position: absolute;
          top: 10px;
          right: 10px;
      }
  }
  
  /* Footer Styles */
  @media screen and (max-width: 768px) {
      .category-header .category-title,
      .category-header .category-description,
      .tag-header .tag-title,
      .tag-header .tag-description {
          margin-left:15px;
          margin-right:15px;
      }
  
      .site-footer {
          padding-top:0;
      }
  
      .header-bottom .search-form {
          display:none;
      }
      
      .footer-container {
          flex-direction: column;
          padding:0 15px;
      }
  
      .footer-logo, .footer-categories, .footer-social, .footer-about {
          flex-basis: 100%;
          margin-bottom: 30px;
      }
  
      .footer-tags {
          justify-content: flex-start;
      }
  
      .footer-copyright {
          flex-direction: column;
          align-items: center;
      }
  
      .footer-copyright p {
          text-align: center;
          margin-bottom: 10px;
      }
  
      .latest-grid {
          margin-top: 0 !important;
      }
  }
  
  /* Additional mobile-friendly adjustments */
  @media screen and (max-width: 480px) {
      .site-header {
          padding: 10px 0;
      }
  
      .logo-text {
          font-size: 24px;
      }
  
      .social-icon {
          font-size: 16px;
          margin-left: 10px;
      }
  
      .search-field {
          font-size: 14px;
          padding: 6px 10px 6px 30px;
      }
  
      .search-icon {
          font-size: 14px;
          top: 8px;
      }
  
      .footer-logo-image {
          max-width: 200px;
      }
  
      .footer-tag {
          font-size: 11px;
          padding: 4px 8px;
      }
  }
  
  .code-block {
      clear:both;
      overflow:hidden;
      text-align: center;
      display:block;
  }
  
  .code-block .post-ad-top {
      margin: 0px auto;
      height: auto !important;
      text-align: center;
      float:none;
  }
  
  .code-block .post-ad-top .adsense-block-wrap {
      width: 336px;
      display: inline-block;
      clear:none;
  }