/* Artisan CSS by Jay Chua 2014 */

h5 {
font-size: 22pt;
  font-weight: bold;
    padding:0px;
    margin:10px;
}

    .col {
      padding: 20px 10px;
      border: solid 1px #ccc;
      background-color: #fff;
      color: #000;
      padding: 10px;
      text-align: center;
    }
    .col p {
      margin: 0;
    }
    .fixed1 {
      -webkit-box-flex: none;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 400px;
      background-color: #eee !important;
    }
    .fixed2 {
      -webkit-box-flex: none;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 300px;
      background-color: #eee !important;
    }

    @media all and (max-width: 599px) {
      .fixed1, .fixed2 {
        width: auto;
      }
    }
    .isWindows .grid > .col > p {
      color: #000 !important;
    }
    .isWindows h2 {
      margin-top: 20px;
      margin-bottom: 20px;
    }


body.hasTabBar nav,
nav{
    background-color:#a5210b; 
}

nav > h1 {
    color:#FFFFFF;
    font-weight: bold;
    height:20px;
}

.tabbar > .button:hover,
.tabbar > .button.selected {
  color: #a5210b !important;
}

.tabbar > .button:hover > .icon,
.tabbar > .button.selected > .icon {
  background-color: #a5210b;
}

.twitterBackground{
    background: url("../images/twitterBkg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.intro{
   background: url("../images/welcome.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:200px;
    margin:0px;
    padding:0px;
    text-indent: 0px;
}

a.button.back,
a.button.backTo{
    color:#FFFFFF;
  background-color: #a5210b;
}

a.button.back::before,
a.button.backTo::before {
  background-color: #FFFFFF;
}

.isiOS .tabbar > .button > .icon,
.isSafari .tabbar > .button > .icon {
  background-color: #929292;
  -webkit-mask-position: center center;
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
}
.isiOS .tabbar > .button.selected > .icon,
.isiOS .tabbar > .button:hover > .icon {
  background-color: #a5210b;
}
.tabbar > .button.home > .icon  {
  -webkit-mask-image: url('../images/icons/home.svg');
}
.tabbar > .button.pictures > .icon  {
  -webkit-mask-image: url('../images/icons/camera.svg');
}
.tabbar > .button.music > .icon {
  -webkit-mask-image: url('../images/icons/headphone.svg');
}