/* 1. Site title */
/* is_home() */
h1.site-title {
 color:#FFFFFF;
 height: 17px;
 font-size: 210%;
 position: relative;
 top: -10px;
 text-transform: uppercase;
}
/* not is_home() */
h2.site-title {
 color:#FFFFFF;
 height: 17px;
 font-size: 200%;
 position: relative;
 top: -8px;
 text-transform: uppercase;
}

/* Background Pattern */
.kopa-row {
  margin-right: -15px;
  margin-left: -15px;
}
.kopa-row:before, .kopa-row:after {
  display: table;
  content: " "}
  .kopa-row:after {
    clear: both;
  }
  .kopa-col-xs-4, .kopa-col-md-2{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

  .kopa-col-md-2 { width: 16.666666666666664%}

  /* Color swatches */
  label.color-swatches-item {
    border-color: #3156A3 !important;
    display: block;
    position: relative;
    height: 120px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 1px solid #42B3E5;
    padding: 1px;
    text-align: center;
  }

  span.color-swatches-primary {
    width: 100%;
    background-color: #3156A3;
    height: 40px;
    display: block;
  }

  span.color-swatches-secondary {
    background-color: #42B3E5;
    display: block;
    width: 100%;
    height: 40px;
  }

  .kopa-ui-radio-color-swatches.kopa-ui-radio {
    display: block;
    margin: 8px auto;
    width: 16px;
    height: 16px;
    padding: 0px;
  }

  /*background pattern*/
  
  .radio-pattern-item.active {
    border: 1px solid #d35400;
}

  .radio-pattern-item {
    background-color: transparent;
    background-position: left top;
    background-repeat: repeat;
    border: 1px solid #ccc;
    display: block;
    height: 60px;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}

.radio-pattern-item input {
    display: none !important;
}