Arc-hive-omeka-theme/assets/scss/modules/_content.scss

  //content {
    
    // general styles
    //----------------
    //
    // mods on fonts and typography 
    // not in foundation variables
    // -----------------------------
    
    h1,h2,h3,h4,h5,h6,
    .h1,.h2,.h3,.h4,.h4,.h5,.h6,
    button,.button,
    header nav,
    
    
    h1,h2,h3,h4,h5,h6,
    .h1,.h2,.h3,.h4,.h4,.h5,.h6 {
            font-variant:all-small-caps;
      a {
        color: $body-font-color;
      }
    }
    .excerpt,.post-excerpt{
      a {
       color: $body-font-color;
       &:hover {
         p {
           color: $anchor-color;
         }
       }
      }
    }
    
    //
    // main block
    //--------------


    main {
      article {
        @include xy-grid;
        header {
          @include xy-cell(12);
          .entry-title {
            width: 100%;
            text-align: center;
          }
        }
        .entry-content {
          @include breakpoint(small){
            @include xy-cell(12);
            padding: $global-padding*2 ;
            margin:0 auto;
          }
          @include breakpoint(medium){
            @include xy-cell(12);
            padding: $global-padding*2 $global-padding*3;
            max-width: 50rem;
            margin:0 auto;
          }
          @include breakpoint(xlarge){
            @include xy-cell(12);
            max-width: 50rem;
            padding: $global-padding*2 $global-padding*3;
            font-size: $global-font-size*1.2;
            margin: 0 auto;
          }
        }
      }
    }


    //
    // category view and news
    //--------------
    
    .category-posts {
      @include xy-grid;
      header,main,aside {
        @include breakpoint(small){
          @include xy-cell(12);
          @include flex;
          @include flex-align(center,top);
          padding-top: $global-padding*3;
        }
        @include breakpoint(medium){
        }
      }
      main {
        //@include xy-cell(12);
        @include xy-grid;
        article{
          text-align:center;
          @include card-container();
          @include breakpoint(small){
            @include xy-cell(12);
          }
          @include breakpoint(medium){
            @include xy-cell(6);
          }
          @include breakpoint(large){
            @include xy-cell(4);
          }
          figure {
            @include breakpoint(small){
              @include xy-cell(12);
              height: 58vw;
              max-width: 100%;
              overflow: hidden;
              background-image: url('../img/ARC-HIVE-logo.svg');
              background-color: rgb(240,240,240);
              background-position: center;
              background-repeat: no-repeat;
              background-size: cover;
            }
            @include breakpoint(medium){
              height: 28vw;
            }
            @include breakpoint(large){
              height: 20vw;
            }
          }
          .date {
            height: 1rem;
            padding-top: $global-padding*2;
          }
          .entry-title {
             padding-top: $global-padding*2;
             line-height: 0.7;
             font-size: $global-font-size*1.5;
          }
          
        }
      }
      aside {
            @include breakpoint(small){
              padding-top:0;
              padding-bottom: $global-padding*3;
            }
            @include breakpoint(medium){
              padding-top: $global-padding*3;
              padding-bottom: 0;

            }
      }
      &.resources {
        @include xy-grid;
        header,main,aside {
        }
        main {
          article{
            @include breakpoint(small){
              @include xy-cell(12);
            }
            @include breakpoint(medium){
              @include xy-cell(1 of 3);
            }
            @include breakpoint(large){
              @include xy-cell(1 of 5);
            }
          }
          figure {
            @include breakpoint(small){
            }
            @include breakpoint(medium){
              height: 18vw;
            }
            @include breakpoint(large){
              height: 10vw;
            }
          }
        }
      }
    }

    // end category-posts


    //
    // collections category
    //--------------
    
    .collections-list {
      @include xy-grid;
      header,main,aside {
        @include xy-cell(12);
        @include flex;
        @include flex-align(center,top);
        padding: $global-padding*3 0;
      }
      header {
        border-top: 1px solid $body-font-color;
        padding: $global-padding*4 0;
      }
      main {
        @include xy-grid;
        article{
          text-align:center;
          @include card-container();
          @include breakpoint(small){
            @include xy-cell();
          }
          @include breakpoint(medium){
          }
          @include breakpoint(large){
          }
        }
      }
      aside {
      }
    }
    // end news & resources category

    //
    // partners 
    // for big announcemnts
    //---------------------

.partners {
  .entry-content {
    max-width: unset;
    p {
      padding-left: 30vw;
      padding-bottom: 2rem;
      margin-bottom: 2rem;
      &:after {
        content: '';
        display: inline-block;
        border-bottom: 1px solid $body-font-color;
        width: 100vw;
        position: absolute;
        left: 0;
        padding-top: 2rem;
      }
    }
    .alignleft {
      margin: 0;
      padding: 0;
    }
    .wp-block-image {
      margin: 0;
    }
   }
 }

    //
    // hero
    // for big announcemnts
    //---------------------


  .hero {
    .slides {
      @include xy-grid();
      border-top: 2px solid $primary-color;
      .slide {
        @include xy-grid;
        &.widget {
          display: flex;
          align-content: center;
          justify-content: center;
        }
       // &.widget_media_image {
       //   justify-content: unset;
       //   align-content: stretch;
       // }
        @include breakpoint(small){
          width: 100vw;
          margin: 0;
          &.widget_text p,.textwidget {
            padding: $global-padding * 2; 
          }
        }
        @include breakpoint(medium){
          &.widget_text p,.textwidget {
            max-width: 50rem;
            margin:auto;
            padding: $global-padding * 2; 
            font-size: $global-font-size*1.3;
          }
        }
        @include breakpoint(large){
          width: 50%;
          height: calc((50vw*9)/16);
          padding: 0;
          margin: 0;
          overflow:hidden;
          a {
            @include flex;
            @include flex-align (center,middle);
          }
          img {
          //  max-width: unset !important;
            height: 100% !important;
          }
          &.widget_text p,.textwidget {
            font-size: $global-font-size*1.2;
            padding: $global-padding * 2; 
          }
        }
        @include breakpoint(xlarge){
          &.widget_text p,.textwidget {
            font-size: $global-font-size*1.3;
            padding: $global-padding*3; 
          }
        }
        @include breakpoint(xxlarge){
          &.widget_text p,.textwidget {
            font-size: $global-font-size*1.6;
            padding: $global-padding*3; 
          }
        }
        &:nth-child(odd) {
            background-color: $primary-color;
            font-variant:all-small-caps;
            * {
              color: $white;
            }
        }
        color: $white;

        .logo {
          @include breakpoint(medium){
            max-width: 80%;
          }
        }
      }
    }
    aside {
      @include xy-grid();
      background-color: $secondary-color;
      nav {
        @include xy-cell(auto);
        @include flex;
        @include flex-align(spaced,middle);
        min-height: 6rem;
        padding: $global-padding 0 ;
        a {
          color: $body-font-color;
        }
        .button {
          justify-content:center;
        }
      }
    }
    //hero secondary
    &.secondary {
      border-top: none;
      background-color: $secondary-color;
      .slide{
        figure {
          background-color: unset;
        }
      }
    }
  } 
  //end hero

//}
// end content