// Original Style Import
@import "original-style";

//
//  Mods to start below here
//

// menu
.mainnav{
  //padding-left: 546px !important;
  padding-left: 215px !important;
  .nav-items-surround{
    float: right !important;
    .link{
      float: left !important;
    }
  }
}

.dropdown.dropdown-karate {
  //left: 560px;
  //left: 490px;
  left: unset;
  right: 635px;
}
.dropdown-kickboxing {
  //left: 627px;
  //left: 557px;
  left: unset;
  right: 566px;
}
.dropdown-gradings {
  //left: 794px;
  //left: 724px;
  left: unset;
  //right: 567px;
  right: 426px;
}
.dropdown-parties {
  //left: 876px;
  //left: 806px;
  left: unset;
  right: 360px;
}
.dropdown-kidscamps {
  //left: 948px;
  //left: 878px;
  left: unset;
  right: 309px;
}
.dropdown-instructors {
  //left: 1020px;
  //left: 950px;
  left: unset;
  right: 225px;
}
.dropdown-community {
  //left: 1129px;
  left: 1059px;
}
.dropdown-shop {
  //left: 1145px;
  //left: 1172px;
  left: unset;
  right: 14px;
}


.logo2 .lo{
  width: 320px;
  height: 320px;
  background-repeat: no-repeat;
  background-size: contain;
  @media only screen and (max-width: 1200px) {
    width: 182px;
    height: 182px;
  }
}



div#outer{
  //background: url('/templates/sama2019/images/istockphoto2.jpg');
  background: #D4D3D1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.inner {
  width: 100% !important;
  max-width: 1300px !important;
}

div#content{
  //margin-top: 0 !important;
  //padding-top: 0 !important;
  .container{
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
  }
}

div#content #middleContent{
  max-width: 100%;
  width: 100%;
  padding: 0 !important;
  .cms_section{
    padding-left: 30px;
    padding-right: 30px;
    &:nth-child(1){
      margin-top: 30px;
    }
    &:nth-last-child(1){
      margin-bottom: 30px;
    }
  }
  //
  //  gallery sections only
  //
  .cms_gallery_section{
    div{
      width: 23%;
      @media only screen and (max-width: 768px) {
        width: 100% !important;
      }
      div{
        width: 100%;
        height: unset;
        a{
          width: 100%;
          img{
            width: 100%;
          }
        }
      }
    }
  }
  //
  //  text and image sections
  //
  .cms_text_and_image_section{
    div{
      // image
      &:nth-child(1){
        width: 30%;
        float: left;
        @media only screen and (max-width: 768px) {
          width: 100% !important;
        }
        div{
          width: 100%;
          height: unset;
          a{
            img{
              width: 100%;
              height: unset;
              object-fit: cover;
            }
          }
        }
      }
      // text
      &:nth-child(2){
        //width: 68%;
        width: 63%;
        padding-left: 30px;
        float: left;
        @media only screen and (max-width: 768px) {
          width: 100% !important;
          padding-left: 0 !important;
        }
        div{
          width: 100%;
          height: unset;
        }
      }
    }
  }
}

div#content #menu1{
  max-width: 15%;
  width: 100%;
  display: none !important;
}

.banner-wrap, .random-banner {
  height: unset !important;
  img{
    width: 100%;
    object-fit: cover;
  }
}

.mainnav{
  background-size: cover !important;
}

//
// homepage icons
//
div#section_1248 {
  margin-bottom: 20px;
  .divGalleryContainer1248 {
    width: 31% !important;
    margin-right: 3% !important;
    //margin: 0 !important;
    @media only screen and (max-width: 768px) {
      //width: 100% !important;
    }
    text-align: left !important;
    &:nth-child(3){
      margin-right: 0 !important;
    }
    .divGalleryImageBox1248  {
      width: 100%;
      img#img1248_1{
        width: 100%;
      }
      img#img1248_2{
        //margin-left: 64px;
        width: 100%;
      }
      img#img1248_3{
        width: 100%;
        //margin-left: 121px;
      }
    }
  }
}

// text section below
#section_1249{
  margin-bottom: 20px;
  table{
    width: 100%;
    tbody{
      tr{
        td{
          width: 30% !important;
          a{
            //font-size: 19px;
            //font-size: 16px;
            font-size: 40px;
            margin: 10px 0;
            font-weight: bold;
            color: #008EB0;
          }
        }
      }
    }
  }
}


div#section_1250 {
  margin-bottom: 20px;
  .divGalleryContainer1250 {
    width: 31% !important;
    margin-right: 3% !important;
    //margin: 0 !important;
    text-align: left !important;
    @media only screen and (max-width: 768px) {
      width: 100% !important;
    }
    &:nth-child(3){
      margin-right: 0 !important;
    }
    .divGalleryImageBox1250  {
      width: 100%;
      img#img1250_1{
        width: 100%;
      }
      img#img1250_2{
        //margin-left: 64px;
        width: 100%;
      }
      img#img1250_3{
        width: 100%;
        //margin-left: 121px;
      }
    }
  }
}

// text section below
#section_1251{
  margin-bottom: 20px;
  table{
    width: 100%;
    tbody{
      tr{
        td{
          width: 30% !important;
          a{
            //font-size: 19px;
            //font-size: 16px;
            font-size: 40px;
            margin: 10px 0;
            font-weight: bold;
            color: #008EB0;
          }
        }
      }
    }
  }
}


*{
  font-family: 'Oswald', sans-serif;
}

#section_1253{
  #divTextAndImageImageWrap1253{
    width: 50% !important;
    @media only screen and (max-width: 768px) {
      width: 100% !important;
    }
  }
  #divTextAndImageText1253{
    width: 46% !important;
    @media only screen and (max-width: 768px) {
      width: 100% !important;
    }
  }
}


a.logo img{
  width: 200px;
}

.topnav4{
  //max-height: 27px;
  margin-left: 0 !important;
}
.topnav4:hover{
  //max-height: 27px;
  //background-size: 73px !important;
}

.nav10.part-two{

}


//
//  new nav menu
//
.topnav{
  display: none !important;
}
.topnav-new{
  position: absolute;
  right: 480px;
  top: 32px;
  ul{
    padding-left: 0;
    li{
      display: inline-block;
      padding-right: 5px;
      a{
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -1px;
        color: #383839;
        opacity: 0.8;
        &:hover{
          opacity: 1;
          text-decoration: underline;
        }
      }
    }
  }
}

div#footer{
  padding-bottom: 50px;
}

.footer-c-surround{
  position: absolute;
  bottom: 0;
  width: 96%;
  padding-left: 2%;
}

@media (max-width: 1350px) {
  .inner{
    max-width: 97% !important;
  }
}

@media (max-width: 1023px) {
  .topnav-new{
    display: none !important;
  }
}

@media only screen and (max-width: 1085px) {

  .topnav-new {
    position: absolute;
    right: 120px;
    top: 25px;
  }
  .footer-c-surround {
    position: relative;
  }
}

@media only screen and (max-width: 1005px) {
  .inner {
    max-width: 96% !important;
  }
}

@media only screen and (max-width: 768px) {
  .inner {
    max-width: 94% !important;
  }
  a.logo img {
    width: 110px;
    margin-top: -45px;
  }
}

//@media only screen and (max-width: 540px) {
//  .rackforms-iframe {
//    width: 670px !important;
//    zoom: 70%;
//    -ms-zoom: 0.75;
//    -moz-transform: scale(0.75);
//    -moz-transform-origin: 0 0;
//    -o-transform: scale(0.75);
//    -o-transform-origin: 0 0;
//    -webkit-transform: scale(0.75);
//    -webkit-transform-origin: 0 0;
//    height:  1150px;
//  }
//}
//
//@media only screen and (max-width: 400px) {
//  .rackforms-iframe {
//    width: 670px !important;
//    zoom: 70%;
//    -ms-zoom: 0.75;
//    -moz-transform: scale(0.5);
//    -moz-transform-origin: 0 0;
//    -o-transform: scale(0.5);
//    -o-transform-origin: 0 0;
//    -webkit-transform: scale(0.5);
//    -webkit-transform-origin: 0 0;
//    height: 1350px;
//  }
//}

@media only screen and (max-width: 520px) {
  .inner {
    max-width: 92% !important;
  }
}


@media only screen and (max-width: 800px) {
  #section_1281{
    display: block !important;
  }
  #section_1249,
  #section_1248{
    display: none;
  }
}
//
//  new section responsive
//
#section_1281{
  display: none;
  table {
    tr, th{
      padding-bottom: 10px;
      &:nth-child(odd){
        padding-bottom: 10px;
      }
      text-align: center;
      td{
        text-align: center;
        img{
          max-width: 80%;
        }
        a{
          font-size: 30px;
          margin: 10px 0;
          font-weight: bold;
          color: #008EB0;
          width: 100%;
          text-align: center;
        }
      }
    }
  }
}



.table-responsive{
  tbody{
    tr{
      td{
        &:nth-child(1){
          width: 15%;
        }
        &:nth-child(2){
          width: 15%;
        }
        &:nth-child(3){
          width: 40%;
        }
        &:nth-child(4){
          width: 15%;
        }
        &:nth-child(5){
          width: 15%;
        }
      }
    }
  }
}

// footer menu hover over bit
.linkleftone:hover{
  background: url(../misc/karatelink1.png) 0 0 no-repeat;
}
.linklefttwo:hover{
  background: url(../misc/kickboxinglink1.png) 0 0 no-repeat;
}


//
//  mobile menu rebuild
//
.nav.mob .links a{
  font-size: 1.1em;
}

.triangle-bottom {
  display: block;
  position: absolute;
  top: 19px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 10px 0 10px;
  border-color: #EE2F2E transparent transparent transparent;
}

.nav.mob ul li ul.sub-menu{
  display: none;
  opacity: 1;

}
.nav.mob ul li:hover ul.sub-menu{
  //display: block;
  //opacity: 1;
}

.nav .links li {
  list-style: none;
  position: relative;
}



//
//  forms fixes
//
.showonmobile{
  display: none;
}
.showondesktop{
  display: block;
}
@media only screen and (max-width: 520px) {
  .showonmobile{
    display: block;
  }
  .showondesktop{
    display: none;
  }
}