HEX
Server: Microsoft-IIS/8.5
System: Windows NT YDAWBH120 6.3 build 9600 (Windows Server 2012 R2 Standard Edition) AMD64
User: tentjecom_web (0)
PHP: 7.4.14
Disabled: NONE
Upload Files
File: D:/HostingSpaces/SBogers10/sportivo.komma.pro/wwwroot/css/partials/_sideBySide.sass
.main-content .content-block1.side-by-side
  padding-bottom: 50px
  margin-bottom: 0

  &:nth-of-type(even)
    .button-container
      +position(absolute, null null -50px 0)
  &:nth-of-type(odd)
    .button-container
      +position(absolute, null 2% -50px null)
  &:hover
    .button-container
      .circle-color
        opacity: 0.5

  article
    h2
      .star
        +sprite(-32px -100px, 18px, 18px)
        display: inline-block
        &:first-of-type
          margin-left: 30px

  article:after
    display: none

  .span8
    position: initial

  >.span3.placeholder
    height: 10px

  .content-image-container
    width: $contentBlock1Grid*11
    float: left
    margin-left: $contentBlock1Grid*-10
    margin-bottom: -100px

  &:nth-of-type(odd)

    .span10
      float: none
      padding-left: 0

    .subscribe-container
      float: left

    .content-image-container
      float: right
      margin-right: $contentBlock1Grid*-10


.side-by-side-grid
  margin: auto
  padding: 0 8.33333% 0 8.33333%
  max-width: 1125px



  .buttons
    z-index: -1

    .button-holder
      margin: 0px 2%

+media-query(1980px)
  .main-content .content-block1.side-by-side
    .content-image-container
      width: $contentBlock1Grid*10
      margin-left: $contentBlock1Grid*-9

    &:nth-of-type(odd)
      .content-image-container
        margin-right: $contentBlock1Grid*-10

+media-query(1840px)
  .main-content .content-block1.side-by-side
    .content-image-container
      width: $contentBlock1Grid*9
      margin-left: $contentBlock1Grid*-8

+media-query(1780px)
  .main-content .content-block1.side-by-side

    .content-image-container
      width: $contentBlock1Grid*8
      margin-left: $contentBlock1Grid*-7

    &:nth-of-type(odd)
      .content-image-container
        float: right
        margin-right: $contentBlock1Grid*-8

+media-query(1000px)
  .main-content .content-block1.side-by-side
    .content-image-container
      width: 100%
      float: none
      margin: 0 0 40px
    &:nth-of-type(odd)
      .content-image-container
        width: 100%
        float: none
        margin: 0 0 40px

    .span3.placeholder
      display: none
    article.span8
      width: 100%
      .span10
        width: 100%
        padding: 0

+media-query(900px)
  .main-content .content-block1.side-by-side
    margin-bottom: 0px!important
    .breadcrumb
      margin-bottom: 40px