/*Enter Your Custom CSS Here*/
.tool_draw li a.menuUp {
    opacity: 1;
}

.nbd-main-menu .sub-menu .hover-menu .hover-sub-menu-item ul{
      width: 500px;
      
}
.nbd-main-menu .sub-menu .hover-menu .hover-sub-menu-item ul li{ 
  width: 25%;
    padding: 8px 0;
    text-align: center;
}
.nbd-main-menu .sub-menu .hover-menu .hover-sub-menu-item ul li span{
  margin: 0;
}
/* Always show panel front or backside at bottom */
.nbd-stages-nav {
    bottom: 0 !important;
}
.nbd-stages-nav.toggle-down {
    bottom: 0 !important;
}

/* Left Nav tabs */
.nbd-sidebar .tabs-nav {
  background: #00913D;
}

/* Left tabs content */
.nbd-sidebar .tabs-content {
  background: #e0e0e0;
}
.nbd-sidebar #tab-typography .tab-main {
   background: #e0e0e0;
}

/* Active left nav tab */
#selectedTab {
  background: #e0e0e0;
}

#selectedTab span {
    background-color: #e0e0e0;
}

.nbd-sidebar .tabs-nav ul.main-tabs #nav-templates.active svg path{
  fill: #000;
}
.nbd-sidebar .tabs-nav ul.main-tabs li.active i, .nbd-sidebar .tabs-nav ul.main-tabs li.active span{
color: #000;
}

#selectedTab span:after {
  background: #00913D;
}

/* Top nav process button */
.nbd-main-bar ul.menu-right .menu-item.item-process {
    background: #00913D;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
    
}

/* close designer button: DOESN'T WORK */
.nbdesigner_pp_close {
  background: #000;
}

/* Designer search input */
.nbd-sidebar .tabs-content .nbd-search input {
  box-shadow: 1px 0 5px rgba(0,0,0,.25)
}

/* designer buttons */
.nbd-button {
  background: #00913D;
}

/* designer clipart */
.clipart-wrap .clipart-item img {
    border: 5px solid #fff;
    background: #fff;
    border-radius: 0;
}

/* Designer hide fullscreen zoom option */
.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-fullscreen {
  display: none;
}

/* Designer hide "download voorbeeld" on tablet/ipad */
@media screen and (max-width: 1024px) {
.nbd-main-bar .menu-left .menu-item:not(.item-edit):not(.item-view) {
  display: none;
}
}

/* Designer top nav text */
.nbd-main-menu button span, .nbd-main-menu li span {
    text-transform: none;
}

/* Designer tweak fontsize on tablet/ipad */
@media screen and (max-width: 1024px) {
  .nbd-main-bar ul .menu-item span {
    font-size: 12px;
  }
  
.nbd-main-bar .menu-center .nbd-font-size-12{
    font-size: 10px !important;
  }
  
  .nbd-main-bar ul.menu-right input.title{
    font-size: 12px;
  }
}

/* Designer tweaks for small screens */
@media screen and (max-width: 500px) {
  .nbd-main-bar ul.menu-right .menu-item.item-process{
  padding: 12px;
  max-height: 46px;
  }
  
  .nbd-main-bar .menu-mobile {
    font-size: 34px;
  }
  
  .nbd-main-bar .menu-center .undo-redo .nbd-font-size-12{
    font-size: 0px !important;
  }
  
  #nav-typos .icon-nbd-text-fields{
    font-size: 24px !important;
  }
  
  .nbd-sidebar .tabs-nav ul.main-tabs .tab svg {
    width: 24px;
  }
  
  .nbd-sidebar .tabs-nav ul.main-tabs .tab {
   	padding: 5px 13px; 
  }
  
  .nbd-mode-1 .nbd-main-bar .menu-mobile.icon-nbd-menu, .nbd-mode-1 .nbd-main-bar .menu-mobile.icon-nbd-clear{
    padding-left: 54px;
  }
}

/* Designer tweaks for really small screens */
@media screen and (max-width: 400px) {
  .nbd-mode-1 .nbd-main-bar .menu-mobile.icon-nbd-menu, .nbd-mode-1 .nbd-main-bar .menu-mobile.icon-nbd-clear{
    padding-left: 50px;
  }
}

/* Fix icon alignment in bottom nav */
@media screen and (max-width: 767px) {
  .nbd-sidebar .tabs-nav ul.main-tabs .layerTab {
    display: flex;
}
  .nbd-sidebar::after {
  	background: linear-gradient(90deg, rgba(0, 145, 61, 0), rgb(255 255 255 / 75%));
    padding-top: 10px;
    padding-left: 10px;
    content: ">";
  }
}

/* Designer dropdown styling */
.cliparts-category .nbd-dropdown {
  background: blue;
  color: #fff;
}

.nbd-sidebar #tab-svg .cliparts-category .nbd-button i, .nbd-sidebar #tab-svg .cliparts-category .nbd-button span {
  color: inherit;
}

.cliparts-child-category .nbd-dropdown {
  background: #fff;
  color: blue;
}

/* Designer hide typography body */
#tab-typography hr.seperate,
#tab-typography .typography-body {
display: none;
}

/* Designer template tags in 2 columns instead of 3 */
.nbd-sidebar #tab-product-template #tab-template .nbd-items-dropdown.template-tags-wrap .main-items .items .item{
  width: 50%;
}

.nbd-sidebar #tab-product-template #tab-template .nbd-items-dropdown.template-tags-wrap .main-items .items .item .main-item .item-icon{
  width: 120px;
  height: 120px;
}

.nbd-sidebar #tab-product-template #tab-template .nbd-items-dropdown.template-tags-wrap .main-items .items .item .main-item .item-icon img{
  max-width: 120px;
  height: 120px;
}

/* Designer text tab remove some options */
#tab-typography .head-main > span {
  padding-bottom: 20px;
  border-top: 1px solid #ccc;
    padding-top: 20px;
}

#tab-typography .text-heading{
  font-size: 28px !important;
}

#tab-typography .text-sub-heading{
  display: none !important;
}

#tab-typography .text-body:not(.text-curved){
  display: none !important;
}

/* Designer sidebar tabs */
 .nbd-sidebar .tabs-nav ul.main-tabs .tab{
height: 80px;
} 

 .nbd-sidebar .tabs-nav ul.main-tabs .tab:not(#design-tab){
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} 


/* Fix tab positioning */
ul[data-tab="tab-1"] #selectedTab {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
ul[data-tab="tab-2"] #selectedTab {
  -webkit-transform: translateY(75px);
  transform: translateY(80px);
}
ul[data-tab="tab-3"] #selectedTab {
  -webkit-transform: translateY(150px);
  transform: translateY(160px);
}
ul[data-tab="tab-4"] #selectedTab {
  -webkit-transform: translateY(225px);
  transform: translateY(240px);
}
ul[data-tab="tab-5"] #selectedTab {
  -webkit-transform: translateY(300px);
  transform: translateY(320px);
}
ul[data-tab="tab-6"] #selectedTab {
  -webkit-transform: translateY(375px);
  transform: translateY(400px);
}
ul[data-tab="tab-7"] #selectedTab {
  -webkit-transform: translateY(450px);
  transform: translateY(480px);
}

#selectedTab{
  height: 80px;
}

.nbd-sidebar .tabs-nav ul.main-tabs .tab span {
    font-size: 11px;
    font-weight: 500;
    word-break: break-word;
    text-transform: none;
    padding: 0 3px;
}

@media (max-width: 779px) {
  .nbd-main-bar ul.menu-left {
      position: absolute !important;
      top: 55px!important;
      align-items: normal!important;
      -webkit-box-align: start!important;
      justify-content: left!important;
  }
        
}