@charset "utf-8";
/*
Theme Name: Logistics
Theme URI: http://soho.enterprises/
Author: freevision
Author URI: http://freevision.me/
Description: Logistic is a premium responsive Wordpress theme created especially for logistic & transportation companies, offices.
Version: 1.0
Text Domain: logistics
Domain Path: /lang
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready
*/

/**
* Built on the Whiteboard Framework
* http://whiteboardframework.com
*/

/*************** Add Custom CSS after this line ***************/

@media only screen and (max-width: 48em) {
  /*************** Add mobile only custom CSS after this line  ***************/
}

/****DEMO****/
@media only screen and (max-width: 920px) {
  #demo-switcher {
    display: none;
  }
}
#demo-switcher {
  position: fixed;
  top: 300px;
  left: -205px;
  width: 200px;
  height: 180px;
  background-color: #fac033;
  z-index: 999;
  transition: left 0.3s ease-in-out;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
}
#demo-switcher.open {
  left: 0;
}
#demo-switcher > a {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 0;
  right: -46px;
  background-color: #fac033;
}
#demo-switcher > a > img {
  padding-top: 7px;
  padding-left: 9px;
}
#demo-switcher table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}
#demo-switcher tr,
#demo-switcher td {
  background-color: transparent !important;
  font-size: 12px;
}
#demo-switcher .demo-switcher-title {
  padding: 4px;
  text-align: center;
  font-size: 20px;
}
#demo-switcher .demo-switcher-pages {
  padding-top: 20px;
}
#demo-switcher .demo-switcher-pages > a {
  position: relative;
  padding-left: 15px;
  font-size: 12px;
}
#demo-switcher .demo-switcher-pages > a:before {
  display: block;
  content: "";
  position: absolute;
  height: 2px;
  width: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #352c66;
}

#demo-switcher tr:not(:first-child) {
  background-color: #fff !important;
}
#demo-switcher tr:not(:first-child) > td {
  padding-top: 10px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}