// Reusable LESS items.
@import '../../less/reusable.less';

body.adminimal-theme {
  .twocol-kale-layout {
    .band {
      margin-bottom: 20px;
    }
  }
}

.twocol-kale-layout {
  .band {
    width: 100%;
  }
  .band.middle {
    margin: 0 auto;
    * {
      box-sizing: border-box; 
    }
    .container {
      .col-sm-12 {
        .col-sm-8.leftcol {
          float: left;
          width: 100%;
          padding: 3%;
          background-color: transparent;
          @media @desktop {
            width: 66.66666666666666%;
            margin-top: 25px;
            padding: 0 0 30px;
          }
        }
        .col-sm-4.rightcol {
          float: left;
          width: 100%;
          padding: 3%;
          background-color: transparent;
          @media @desktop {
            width: 33.33333333333333%;
            margin-top: 25px;
            padding: 0 0 30px 3%;
          }
        }
        .panel-pane {
          width: 100%; 
        }
      }
    }
  }
  
  .rightcol {
    .panel-pane {
      margin-bottom: 30px;
    }
    
    
    h2.pane-title {
      width: 100%;
      margin-bottom: 0;
      margin-top: 0;
      padding: 0;
      font-weight: 400;
      font-size: @font-size-small;
      color: @brand-secondary;
      text-transform: uppercase;
      //background-color: #e51b24;
      text-align: left;
      text-indent: 25px;
      line-height: 2.4em;     
    }
    
    div[class*="opt_in"] {
      width: 100%;
    }
    
    .btn {
      width: 100%;
    }
  }
}