/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./int_publicstorage_blog/cartridges/int_publicstorage_blog/cartridge/client/default/scss/blogHomePage.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.multi-featured, .single-featured {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  gap: 30px;
  margin-bottom: 2.813rem; }
  @media (min-width: 769px) {
    .multi-featured, .single-featured {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
      height: 524px;
      margin-bottom: 3.75rem; } }
  .multi-featured .featured-article-0, .single-featured .featured-article-0 {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 2; }
  .multi-featured .blog-featured-article, .single-featured .blog-featured-article {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset; }
  .multi-featured .featured-article-1, .single-featured .featured-article-1 {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: 3; }
    @media (min-width: 769px) {
      .multi-featured .featured-article-1, .single-featured .featured-article-1 {
        max-height: 247px; } }
  @media (min-width: 769px) {
    .multi-featured .featured-article-2, .single-featured .featured-article-2 {
      max-height: 247px; } }
  .multi-featured .featured-content-asset, .single-featured .featured-content-asset {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-column-end: 3;
    background-color: #F2F2EF;
    border: 1px solid #CCC;
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
    @media (min-width: 769px) {
      .multi-featured .featured-content-asset, .single-featured .featured-content-asset {
        height: 247px; } }
    .multi-featured .featured-content-asset .ps-findstorage-control, .single-featured .featured-content-asset .ps-findstorage-control {
      max-width: 300px;
      margin: 0 auto; }
      @media (min-width: 769px) {
        .multi-featured .featured-content-asset .ps-findstorage-control, .single-featured .featured-content-asset .ps-findstorage-control {
          max-width: 364px; } }
      @media (min-width: 1200px) {
        .multi-featured .featured-content-asset .ps-findstorage-control, .single-featured .featured-content-asset .ps-findstorage-control {
          max-width: 70%; } }
  .multi-featured .blog-featured-article, .single-featured .blog-featured-article {
    height: 100%;
    max-height: 524px;
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
    margin: 0;
    border: 0;
    padding: 0; }
    .multi-featured .blog-featured-article header, .single-featured .blog-featured-article header {
      height: 100%;
      position: relative; }
      .multi-featured .blog-featured-article header img, .single-featured .blog-featured-article header img {
        height: 100%;
        width: 100%;
        max-height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .multi-featured .blog-featured-article .article-title, .single-featured .blog-featured-article .article-title {
      position: absolute;
      bottom: 0;
      left: 0;
      color: #fff;
      background: #ff6200;
      margin: 1.25rem;
      text-align: left;
      padding: 10px;
      font-family: "ITC Avant Garde", helvetica, arial, sans-serif;
      font-weight: 700;
      font-weight: 1.25rem; }
      @media (min-width: 769px) {
        .multi-featured .blog-featured-article .article-title, .single-featured .blog-featured-article .article-title {
          margin: 1.875rem;
          font-weight: 1.375rem; } }
    .multi-featured .blog-featured-article .article-categories, .single-featured .blog-featured-article .article-categories {
      position: absolute;
      top: 0.938rem;
      right: 0.938rem;
      background-color: #fff;
      padding: 0.5rem 1rem;
      border-radius: 100px;
      border: 1px solid #CCC; }
      .multi-featured .blog-featured-article .article-categories a, .single-featured .blog-featured-article .article-categories a {
        color: #636F80; }

.single-featured {
  grid-template-columns: none;
  padding: 0; }

.pt_blogcontent .blog-articles.ps-blog-articles {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-bottom: 1.875rem !important;
  -webkit-box-ordinal-group: unset;
      -ms-flex-order: unset;
          order: unset; }
  @media (min-width: 769px) {
    .pt_blogcontent .blog-articles.ps-blog-articles {
      margin-bottom: 3.75rem !important; } }
  .pt_blogcontent .blog-articles.ps-blog-articles .article-heading {
    font-family: "ITC Avant Garde", helvetica, arial, sans-serif;
    font-weight: 700;
    font-size: 1.875rem;
    color: #0F274d;
    margin-bottom: 0.938rem;
    text-align: center; }
    @media (min-width: 769px) {
      .pt_blogcontent .blog-articles.ps-blog-articles .article-heading {
        font-size: 3.75rem;
        margin-bottom: 1.876rem; } }
  .pt_blogcontent .blog-articles.ps-blog-articles .article_tile_1 {
    padding: 0 0.938rem;
    text-align: left;
    border-bottom: 0; }
    @media (min-width: 769px) {
      .pt_blogcontent .blog-articles.ps-blog-articles .article_tile_1 {
        padding: 0 0.938rem; } }
    .pt_blogcontent .blog-articles.ps-blog-articles .article_tile_1 a {
      display: inline-block;
      width: 100%; }
    .pt_blogcontent .blog-articles.ps-blog-articles .article_tile_1 img {
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .pt_blogcontent .blog-articles.ps-blog-articles .article_tile_1 .article-categories a {
      font-family: "Roboto", "Segoe UI", "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif;
      font-weight: 700;
      font-size: 0.875rem;
      color: #636F80; }
    .pt_blogcontent .blog-articles.ps-blog-articles .article_tile_1 .article-title a {
      font-family: "ITC Avant Garde", helvetica, arial, sans-serif;
      font-weight: 700;
      font-size: 1.25rem;
      color: #0F274d; }
  .pt_blogcontent .blog-articles.ps-blog-articles .article-pagination-wrapper {
    margin-top: 0.938rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (min-width: 769px) {
      .pt_blogcontent .blog-articles.ps-blog-articles .article-pagination-wrapper {
        margin-top: 1.875rem; } }

.pt_blogcontent aside.blog-popular-posts {
  border: 0;
  -webkit-box-ordinal-group: unset;
      -ms-flex-order: unset;
          order: unset; }
  .pt_blogcontent aside.blog-popular-posts .popular-posts-title {
    font-family: "ITC Avant Garde", helvetica, arial, sans-serif;
    font-weight: 700;
    font-size: 1.875rem;
    color: #0F274d;
    margin-bottom: 0.938rem;
    text-align: center;
    text-transform: capitalize;
    line-height: initial; }
    @media (min-width: 769px) {
      .pt_blogcontent aside.blog-popular-posts .popular-posts-title {
        font-size: 3.75rem;
        margin-bottom: 1.876rem; } }
  .pt_blogcontent aside.blog-popular-posts article {
    border: 0;
    text-align: left;
    padding: 0 0.938rem; }
    .pt_blogcontent aside.blog-popular-posts article a {
      width: 100%;
      display: inline-block; }
    .pt_blogcontent aside.blog-popular-posts article img {
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .pt_blogcontent aside.blog-popular-posts .date {
    font-family: "Roboto", "Segoe UI", "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    color: #636F80; }
  .pt_blogcontent aside.blog-popular-posts .article-title a {
    font-family: "ITC Avant Garde", helvetica, arial, sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    color: #0F274d; }

.blog-category-description {
  max-width: 730px;
  margin: 15px auto; }

.blog-category-heading {
  width: 100%; }


/*# sourceMappingURL=default\css\blogHomePage.css.map*/