/*
SBKA Mobile
*/
/*  Variables */
/* Dark Red */
.banner {
  position: relative;
  background: #fff url(/assets/background.gif) repeat; }

.logo {
  padding: 5px; }

.sbkabanner {
  padding-left: 2%; }

.header {
  width: 980px;
  max-width: 100%;
  height: auto;
  padding: 0 10px; }

.date {
  position: absolute;
  top: 10px;
  right: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #fb020d;
  z-index: 2; }

/**** Tel Number  **/
.tel {
  z-index: 3;
  position: absolute;
  bottom: 10px;
  right: 30px;
  margin: 10px 5px 0 0; }

.telnos_title {
  padding: 0 10px 0 0;
  border: 0; }

.telnos_number {
  font-size: 1.4em;
  font-weight: bold; }

a.telnos_number:focus {
  color: #2373f8; }

a.telnos_number:link {
  color: #2373f8; }

a.telnos_number:hover {
  color: #2373f8; }

a.telnos_number:active {
  color: #2373f8; }

.pullnav {
  /*   Top page Navigation */
  z-index: 3;
  position: absolute;
  top: 5px;
  right: 20px;
  font-size: 1.6em;
  font-weight: bolder;
  padding-right: 1em;
  text-align: right;
  color: #2373f8; }

.pullnav a, a:active, a:focus {
  color: #2373f8; }

h1 {
  font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
  font-size: 2.6em;
  text-align: center;
  margin-top: 0;
  margin-top: 0.5em;
  color: #8f0b0b;
  font-weight: bold; }

h2 {
  font-size: 2.4em;
  text-align: left;
  padding: 0 0.5em 0.5em 0.5em;
  margin: 0;
  color: #8f0b0b; }

h3 {
  font-size: 1.9em;
  padding: 0 0.6em;
  color: #2f2f81; }

h4 {
  font-size: 1.8em;
  padding: 0 0 0 0.7em;
  text-align: left;
  color: #8f0b0b; }

h5 {
  font-size: 1.7em;
  text-align: center;
  color: #fb020d;
  font-weight: bold; }

h6 {
  /*  Katanames */
  color: #000000;
  font-family: "Trykker" ,serif;
  font-size: 1.6em;
  line-height: 1.5em;
  margin: 0 10px 10px 0;
  text-align: justify; }

p {
  color: #000000;
  font-family: "Trykker" ,serif;
  font-size: 1.7em;
  line-height: 1.5em;
  margin: 0 10px 10px 0;
  text-align: left; }

p.floatboxglossary {
  text-align: left; }

/***** Navbar *****/
.navmenu {
  width: 980px; }

.navbar {
  margin-bottom: 0;
  min-height: 30px; }

.navbar-nav > li > a {
  padding: 2px 0 5px 4px;
  background-color: #003399;
  font-size: 1.4em; }

.phone_menu_margin {
  margin-left: 20px; }

.nav {
  display: none; }

/*    Nav Background Color ***/
.navbar .container-fluid {
  padding-left: 0;
  padding-right: 0; }

.navbar-inverse {
  background: #ffffff url(../assets/beltedge.png) repeat-x; }

/**** Navbar text colour ***/
.navbar-default .navbar-nav > li > a {
  color: #ffffff; }

.nav {
  display: block; }

.navbar-collapse, .navbar-collapse {
  background-color: #003399; }

/******  Hover Color ***/
.navbar-header {
  background-color: #2f2f81; }

/*Color Background */
.navbar-toggle {
  background-color: #cc1c13;
  margin-right: 2em; }

/*Color Tribar */
/*  Collapsed Nav */
.navbar-brand {
  margin-left: 15px;
  font-size: 1.2em;
  font-weight: 600; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #ededed; }

/* Sidebar Buttons */
.col-sm-2 {
  padding: 0; }

/* Form Submit Button */
.submit {
  background-color: #2373f8;
  color: #ffffff;
  font-size: 1.8em;
  text-decoration: none;
  cursor: pointer;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 6px; }

#button {
  background: url(../assets/beltshadow.png);
  background-repeat: repeat-y;
  float: left;
  font-weight: bold;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  width: 194px;
  margin: 0;
  line-height: 30px;
  color: #000000; }

/* line 90, ../scss/main.scss */
#button a {
  color: black; }

/* line 91, ../scss/main.scss */
#button a:hover {
  color: #ffff99;
  text-decoration: none; }

.button1, .button2, .button3, .button4, .button5, .button6, .button7, .button8, .button9, .button10, .button11, .button12, .button13 {
  background-image: url("../assets/buttons/allbelts.png");
  padding: 0 0 0 10px;
  margin: 10px 35px 10px 8px; }

.button2 {
  background-position: 0 -30px; }

.button3 {
  background-position: 0 -60px; }

.button4 {
  background-position: 0 -90px; }

.button5 {
  background-position: 0 -120px; }

.button6 {
  background-position: 0 -150px; }

.button7 {
  background-position: 0 -180px; }

.button8 {
  background-position: 0 -210px; }

.button10 {
  background-position: 0 -30px; }

.button11 {
  background-position: 0 -60px; }

.button12 {
  background-position: 0 -90px; }

.button13 {
  margin-bottom: 50px; }

/* ** Buttons on Photo page **/
.photobuttons {
  margin: 0 0 0 5%;
  width: 220px;
  float: left;
  /*  background:   #FFFF00;   */ }

body {
  /* font-family: Arial, Helvetica,sans-serif;  */
  font-family: Lucida Grande, Geneva, Verdana, sans-serif;
  font-size: 100%;
  line-height: 1.4;
  background: #ffffff url(../assets/bg1.jpg) repeat; }

#upperbackground {
  position: absolute;
  top: 100;
  left: 0;
  width: 100%;
  height: 275px;
  background: #ffffff url(../assets/bg2.jpg) repeat-x;
  z-index: 1; }

#wrapper {
  z-index: 2;
  position: relative;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  border: 2px solid #8f0b0b;
  min-height: 100%;
  overflow: hidden; }

.col-sm-10 {
  margin: 0 0 0 4%;
  width: 79%; }

.container-fluid {
  padding: 0; }

/*  Limit size of Site 748 */
.homepage_rhbox {
  max-width: 9em;
  float: right;
  margin: 0 20px 0 10px; }

.content {
  background: #ffffff url(../assets/background.gif) repeat;
  width: 100%; }

.content a, a:hover {
  color: #2f2f81; }

/*  Nav Font */
ul > li {
  font-size: 1.9em; }

.content ul {
  list-style-type: none;
  padding: 0px;
  margin: 0 0 10px 20px; }

.content li {
  padding: 0 0 5px 0; }

.content ul li {
  font-size: 1.9em;
  list-style-image: url(../assets/bullet_triangle.png);
  margin: 5px 20px;
  background-repeat: no-repeat;
  background-position: 0px bottom; }

#whatsnew {
  text-align: center; }

/*** Google Maps ***/
.google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden; }

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

/* Members Paypal */
.paypal {
  float: right;
  margin: 0 0 0 20px; }

/* MembersSuit&Belt */
.content_body_belt {
  margin-left: 70px; }

/* Terminology page */
.floatbox {
  overflow: visible;
  font-size: 100%;
  line-height: 1.25;
  margin: 0 0 0.0 0.5em;
  padding: 0.5em 0.1em;
  width: 99%;
  float: left; }

.columns {
  float: left; }

.glossary {
  font-size: 80%;
  width: 48%;
  padding: 0 10px; }

.count1 {
  width: 20%; }

.count2 {
  width: 30%; }

.count3 {
  width: 75%; }

.count1k {
  width: 20%; }

/*Kata Names*/
.count2k {
  width: 30%; }

.kcount1 {
  width: 16%; }

.kcount2 {
  width: 24%; }

.kata1 {
  margin: 1px 0 1px 20px;
  width: 170px; }

.kata2 {
  margin: 0.1em 0 0.1em 0;
  width: 140px; }

.kata3 {
  margin: 0.1em 0 0.1em 0;
  width: 190px; }

.dialog {
  /* Used in Contact */
  width: 70%;
  border: thin solid #8F0B0B;
  min-width: 20em;
  background-color: #E1E1E1;
  margin: 0 auto 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 0.5em 0 2.0em;
  color: #333;
  /* CSS 3 rounded corners */
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px; }

/* ***** Control Section ****/
.clear {
  clear: both; }

.clear_left {
  clear: left; }

.left {
  float: left; }

.right {
  float: right; }

.center {
  text-align: center; }

hr {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent);
  background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent);
  background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent);
  background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent); }

hr.kata {
  color: #000000;
  background-color: #000000; }

.fullhtmenu_background {
  background: url("assets/beltshadow.png") repeat-y; }

.fullhtmenu {
  display: table-cell;
  height: 100%;
  float: none !important;
  vertical-align: top; }

/***** CSS3 Effects *******************/
.imageshadow {
  -moz-box-shadow: 0 0 5px 5px #888;
  -webkit-box-shadow: 0 0 5px 5px #888;
  box-shadow: 0 0 5px 5px #888;
  margin: 10px 10px 10px 10px;
  padding: 0;
  behavior: url(PIE.htc);
  position: relative;
  /*** PIE.htc hack */
  z-index: 1;
  /*** PIE.htc hack */ }

/*********** Footer *********/
footer {
  height: 80px;
  background-color: #ededed;
  border-top: 2px solid #2373f8;
  padding: 0 0 20px 0; }
  footer h4 {
    font-size: 1.1em;
    text-align: center;
    font-weight: bold; }

/* CSS Document*/
@media (min-width: 993px) {
  .logo_hide {
    width: 0;
    height: 0;
    display: none; } }
@media (max-width: 992px) {
  .col-sm-10 {
    margin: 0 0 0 6%;
    width: 77%; }

  .logo_hide {
    width: 0;
    height: 0;
    display: none; }

  .srphoto {
    max-width: 25%;
    height: auto; }

  /* Junior Photo Page*/ }
@media (max-width: 850px) {
  img.sbkabanner {
    max-width: 70%;
    height: auto; }

  .logo_hide {
    width: 0;
    height: 0;
    display: none; }

  .srphoto {
    max-width: 18%;
    height: auto; }

  /* Junior Photo Page*/
  .count1k {
    width: 25%; }

  /*Kata Names*/
  .count2k {
    width: 35%; }

  .floatbox p {
    font-size: 1.5em;
    line-height: 1.8em;
    padding: 5px 0 0 0;
    margin: 0 0 10px 0; } }
@media (min-width: 768px) {
  .phone_banner {
    display: none;
    width: 0; }

  .menu_hide {
    display: none !important; } }
@media (max-width: 767px) {
  .logo_hide {
    height: auto;
    width: 100%;
    display: block;
    margin: 0 auto; }

  img.sbkabanner {
    max-width: 90%; }

  #upperbackground {
    background: #ffffff url(/assets/background.gif) repeat; }

  .banner {
    display: none;
    width: 0; }

  .phone_banner img {
    max-width: 100%;
    height: auto;
    margin-top: -20px; }

  .hide_rh {
    width: 0;
    display: none; }

  .contentphoto {
    max-width: 90%;
    height: auto; }

  /*    Nav Background Color ***/
  .nav {
    display: block; }

  .navbar-collapse, .navbar-collapse {
    background-color: #003399; }

  .navbar-nav > li > a {
    margin-left: 60px;
    font-size: 1em; }

  .dropdown-menu > li > a {
    color: #777777;
    background-color: #ededed; }

  .menuspace {
    margin: -22px 0 0 180px; }

  /* 2 Col Menu */
  .floatbox {
    margin: 0; }

  .floatbox p {
    font-size: 1.4em;
    padding: 5px 0 0 0;
    margin: 0 0 10px 0; }

  .kcount1 {
    width: 18%; }

  .kcount2 {
    width: 30%; } }
@media (max-width: 480px) {
  h1, h2 {
    font-size: 2.5em; }

  .contentphoto {
    max-width: 100%;
    height: auto;
    float: left;
    margin: 10px 30px;
    clear: all; }

  .cert1 {
    margin: 10px 30px; }

  .photobuttons {
    min-width: 90%; }

  .homepage_rhbox {
    margin: 0 50px 0 10px; }

  .navbar-nav > li > a {
    margin-left: 40px;
    font-size: 0.9em; }

  .menuspace {
    margin: -22px 0 0 150px; }

  /* 2 Col Menu */
  .glossary {
    width: 90%; }

  .count1 {
    width: 40%; }

  /*Counting */
  .count2 {
    width: 60%; }

  h6 {
    /*  Katanames */
    font-size: 1.1em; }

  .floatbox {
    margin: 0; }

  .floatbox p {
    font-size: 2em;
    line-height: 1.5em;
    padding: 5px 0 0 0;
    margin: 0 0 10px 0; }

  .kcount1 {
    width: 18%; }

  .kcount2 {
    width: 30%; } }
@media (max-width: 380px) {
  p {
    font-size: 1.5em;
    margin: 0 50px 10px 0;
    text-align: left; } }

/*# sourceMappingURL=main.css.map */