/*

 Theme Name: Canvas  Child

 Theme URI: http://mydevit.com/

 Description: Canvas Child Theme

 Author: Mydev It

 Author URI: http://mydevit.com

 Template: canvas5919

 Version: 10.0.0





*/

/*------------Customization------------*/





#navigation   { background: url(images/bg-header.jpg) repeat-x bottom !important;}

#nav-container   { background: url(images/bg-header.jpg) repeat-x bottom !important;}

#navigation ul.nav li {    border-right: #07359a dotted 1px !important; }

#navigation ul.nav li a { font-size:12px !important; }

ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a { background:none !important;}

.part-number-search { float:left; width:50%;}

.mro-search { float:left; width:50%;}

.search-inner {margin-top: 20px}

#woocommerce-product-search-field { font-size: 11px; margin-right: 2px;width: 70%;}

.home  .threecol-one input[type="submit"] {font-size: 11px; line-height: normal; padding: 5px;}

.home  .screen-reader-text {font-size: 12px;}

#menu-left-footer-menu li {float:left;list-style-type: none;padding-left: 11px;}

#menu-right-footer-menu li {float:left;list-style-type: none;padding-left: 11px;}

.home  #content .entry-title  {display:none;}

#navigation .nav-home, #navigation .nav-close, #navigation ul.rss li a, #navigation ul.cart a.cart-contents, #navigation ul.nav-search a.search-contents { 

 height: 2em; width: 2em; }

.show-nav #navigation { background: #fff none repeat scroll 0 0 !important; }

#content { margin-top: 15px; }

ul#menu-left-footer-menu, ul#menu-right-footer-menu { margin-bottom: 5px; }

#footer-widgets .block { padding-top: 0; }

#credit p { float: right; }

#menu-left-footer-menu li:first-child { margin: 0; padding: 0; }

.sec_firse .screen-reader-text { display: block; margin-top: 15px; }

.home .sec_firse .screen-reader-text {display: block !important; margin-top: 15px;}

.sec_firse input[type="submit"] {font-size: 12px; margin-left: 5px; padding: 7px 10px; }

.sec_firse { margin-bottom: 15px; }

.sec_firse.third { margin-top: 20px; }

.col-md-6.col-xs-12.col-sm-6.footer-widget-2,.col-md-6.col-xs-12.col-sm-6.footer-widget-3{display: none; }

#nav_menu-3 {float: right; margin: 0; }

.owl-carousel { overflow: hidden !important; margin: 0 auto !important; }

#spic .owl-theme .owl-nav [class*="owl-"]:first-child { left:10px !important;}

#spic .owl-theme .owl-nav [class*="owl-"]:last-child { right:10px !important;}

#spic { margin-top: 35px; }

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

#navigation ul.nav li a {

  font-size: 11px !important;

}

}



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

#navigation ul.nav li a {

  font-size: 11px !important;

}

.nav-toggle, .nav-close, .nav-home {

  display: block !important;

}

.show-nav #navigation {

  display: block; }

  .show-nav #navigation .top-navigation {

    display: block; }

.show-nav #inner-wrapper {

  left: 80%; }

  

  

  #navigation ul.nav ul.children {

    margin-left: 1.5em; }



  #navigation {

    font-weight: 400; }

    #navigation ul.rss {

      right: 49px;

      float: none;

      margin: 0;

      position: absolute;

      top: 14px; }

      #navigation ul.rss::after {

        clear: both;

        content: "";

        display: table; }

      #navigation ul.rss.cart-enabled {

        right: 84px;

        margin: 0; }



  #nav-container {

    border-width: 0 !important; }



  ul.nav, ul.nav ul {

    border: none !important; }



  #navigation ul.nav > li {

    border-right: none !important; }



  .csstransforms3d.csstransitions #navigation {

    left: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    -moz-transform: translate3d(-100%, 0, 0);

    -ms-transform: translate3d(-100%, 0, 0);

    -o-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -o-backface-visibility: hidden;

    backface-visibility: hidden; }



  .csstransforms3d.csstransitions body.fixed-mobile #navigation {

    left: 0;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none; }

  .csstransforms3d.csstransitions body.fixed-mobile #inner-wrapper {

    left: 0 !important;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-transition: -webkit-transform 200ms ease;

    -moz-transition: -moz-transform 200ms ease;

    -o-transition: -o-transform 200ms ease;

    transition: transform 200ms ease;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -o-backface-visibility: hidden;

    backface-visibility: hidden; }

  .csstransforms3d.csstransitions body.fixed-mobile .show-nav #navigation {

    -webkit-transform: translate3d(-100%, 0, 0);

    -moz-transform: translate3d(-100%, 0, 0);

    -ms-transform: translate3d(-100%, 0, 0);

    -o-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); }

  .csstransforms3d.csstransitions body.fixed-mobile .show-nav #inner-wrapper {

    -webkit-transform: translate3d(80%, 0, 0);

    -moz-transform: translate3d(80%, 0, 0);

    -ms-transform: translate3d(80%, 0, 0);

    -o-transform: translate3d(80%, 0, 0);

    transform: translate3d(80%, 0, 0);

    -webkit-transform-origin: 50% 0%;

    -moz-transform-origin: 50% 0%;

    -ms-transform-origin: 50% 0%;

    -o-transform-origin: 50% 0%;

    transform-origin: 50% 0%; } 

 #navigation {

  background: #f0f0f0 none repeat scroll 0 0;

  box-sizing: border-box;

  clear: both;

  display: none;

  font: 300 14px/1.2 "Helvetica Neue",sans-serif !important;

  left: 0 !important;

  margin-bottom: 3em !important;

  min-height: 100%;

  padding-top: 4.236em !important;

  position: absolute !important;

  top: 0;

  width: 80% !important;

  z-index: 9000;

}

 #navigation .nav-home,

  #navigation .nav-close,

  #navigation ul.rss li a,

  #navigation ul.cart a.cart-contents,

  #navigation ul.nav-search a.search-contents {

    height: 1em;

    width: 1em;

    text-indent: -999px;

    display: block;

    font-size: 1em;

    padding: .5em;

    position: absolute;

    top: 1em;

    left: 1em;

    background: #999;

    color: #fff;

    border-radius: 3px; }

	#navigation ul.cart a.cart-contents {

  display: inline-block;

  left: auto;

  right: 3.5em;

}

#navigation .nav-home, #navigation .nav-close, #navigation ul.rss li a, #navigation ul.cart a.cart-contents, #navigation ul.nav-search a.search-contents {

  height: 2em;

  width: 2em;

}

.nav.fl {

  width: 100%;

}

ul.nav li {

  float: none;

  width: 100%;

}

#navigation .menus.nav-icons .side-nav {

  position: absolute;

  right: 0;

  top: -60px;

}

.show-nav .cart-contents {

  position: absolute !important;

  right: 25px !important;

  top: -45px !important;

}

.nav-home { display: none !important; }

.nav-toggle::before { margin-left: 1.5em !important;  }



.nav-toggle:before {

  content: "\f0c9";

  font-family: "FontAwesome";

  font-weight: normal;

  color: #fff;

  margin-left: 0.5em;

  text-shadow: 0 1px 0 #000;

  border-right: 1px solid rgba(255, 255, 255, 0.1);

  display: inline-block;

  padding: 0.8em 1em 0.8em 0.5em; }



.nav-toggle {

  margin: 0 -1em;

  cursor: pointer;

  text-align: left;

  display: block;

  padding: 0;

  font-size: 1em;

  background-color: rgba(0, 0, 0, 0.65);

  background-image: -webkit-linear-gradient(left top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.8));

  background-image: linear-gradient(to right bottom,rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.8));

  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }



.nav-toggle a {

  color: #fff !important;

  text-shadow: 0 1px 0 #000;

  padding: 0.5em 1em;

  border-left: 1px solid rgba(0, 0, 0, 0.1); }



.nav-toggle a:hover {

  color: #fff;

  text-decoration: none; }



#top select {

  margin: 1.618em 0 0;

  width: 100%; }



#top {

  display: none;

  font-weight: 400; }



}

td.srchtp a.trace_view:hover span {

    display: block !important;

    border: 1px solid black;

    position: absolute;

    background-color: white;

    padding: 15px;

    margin-left: 5px;

    overflow: hidden;

    text-align: left;

    color: #555;

}
.page-id-23 .aligncenter { border: none !important}
.page-template-template-search #wp-admin-bar-search {display: none;}

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

#copyright, #credit { text-align: center; } 

#credit p { float: none !important; }

#nav_menu-3 { float: none; }

#menu-right-footer-menu { float:right;margin-right: 30px;}

#psrt_form{ width:100%; overflow:scroll; }

}

@media only screen and (min-width: 768px) {

.show-nav .nav-toggle.icon {

  text-align: right;

}

}

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

.col-md-3.col-xs-12.col-sm-6.block.footer-widget-2,.col-md-3.col-xs-12.col-sm-6.block.footer-widget-3 {display: none; }

}

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

#menu-left-footer-menu { margin: 0 auto; text-align: center; width: 35%;}

#menu-right-footer-menu { float: none; margin: 0 auto;width: 45%;}

#header { padding-bottom: 20px !important; padding-top: 20px !important; }

#header { text-align: center; }

}

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

#menu-right-footer-menu { 

  width: 60%;

}

#menu-left-footer-menu {

  width: 45%;

}

#woocommerce-product-search-field { width: 65%; }

}

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

#menu-left-footer-menu {

  width: 65%;

}

#menu-right-footer-menu {

  width: 85%;

}

}

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

#menu-left-footer-menu { 

  width: 100%;

}

#menu-right-footer-menu { 

  width: 100%;

}

}

td{

    padding: 5px;

	    background-color: #ccc !important;

}