/* CDN
PROD 
https://cdn01.devia.com/colordynamics-mazzios/site/css/override.css

Dev 
https://cdn01.devia.com/colordynamics-mazzios/dev/site/css/override.css

*/

/*MEGAEDIT STYLING*/


/*top menu background*/
.editorTop.pane {
    background: black;
}
/*add to cart background*/
button.nextStepButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg.ng-scope {
    background: var(--tertiary);
    text-transform: uppercase;
}
button.nextStepButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg.ng-scope:hover {
    background: var(--tertiaryhover);
}


/*top panel product name*/
.editorTop.pane .headerWrapper .currentCanvasSizeWrapper .current_prod_name, .editorTop.pane .headerWrapper .currentCanvasSizeWrapper .current_prod_name:hover {
    overflow: visible;
    background: transparent;
    cursor: default;
    font-weight: 600;
    text-transform: capitalize;
}


.editorTop.pane .headerWrapper .currentCanvasSizeWrapper .current_prod_name:hover {
    transform: none!important;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
}
.editorTop.pane .catfish-button {
    font-weight: 700;
    color: white;
}
/*left side buttons*/
.buttonContainer.leftSide.buttons {
    flex-direction: row-reverse;
}
/*back button*/
a.btn.btn-default.btn-me.backButton.catfish-button.has-text-hidden-mobile, .catfish-classes.me-global-menu button.catfish-button {
    order: 1;
    background: var(--primary);
}
a.btn.btn-default.btn-me.backButton.catfish-button.has-text-hidden-mobile:hover, .catfish-classes.me-global-menu button.catfish-button:hover {
    background: var(--primaryhover);
}

/*right side buttons*/

/*preview button*/
.viewControlButton.previewButton.catfish-button.has-text-hidden-mobile.btn.btn-primary.pageItemInline {
    background: var(--color4);
}
.viewControlButton.previewButton.catfish-button.has-text-hidden-mobile.btn.btn-primary.pageItemInline:hover {
    background: var(--color4hover);
}
/*PDF preview button*/
button.viewControlButton.pdfDownloadButton.catfish-button.has-text-hidden-mobile.btn.btn-primary.pageItemInline {
    background: var(--primary);
}
button.viewControlButton.pdfDownloadButton.catfish-button.has-text-hidden-mobile.btn.btn-primary.pageItemInline:hover {
    background: var(--primaryhover);
}
/*undo redo*/
a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton {
    background: var(--primarydark);
    color: white;
}
a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton:hover {
    background: var(--primarydarkhover);
    color: white!important;
}
a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton[disabled="disabled"] {
    display: none;
}
/*zoom buttons*/
	.zoom_options.buttons.ng-scope .catfish-button, a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton.fullScreen.ng-scope{
		background: black;
		color: white;
	}
    .zoom_options.buttons.ng-scope .catfish-button:hover, a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton.fullScreen.ng-scope:hover{
		background: black;
	}
/*hover text color*/
.editorTop.pane.ui-layout-north.viewControllerContainer.ng-scope.ui-layout-pane.ui-layout-pane-north .catfish-button:hover {
    color: white;
}
/*hide left pane from ever loading*/

.megaEditBodyClass-RegisteredUser .editorLeft.is-opened {
    transform: translateX(-101%) !important;;
    -webkit-transform: translateX(-101%) !important;;
    -moz-transform: translateX(-101%) !important;;
    -ms-transform: translateX(-101%) !important;;
    -o-transform: translateX(-101%) !important;;
}
/* edit design Megaedit*/

.buttonsContainer.buttons.ng-scope button[ng-click="Cancel()"] {
    background: var(--primary);
}
.buttonsContainer.buttons.ng-scope button[ng-click="Cancel()"]:hover {
    background: var(--primaryhover);
}

button.saveProjectButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg.ng-scope {
    background: var(--tertiaryhover);
}
button.saveProjectButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg.ng-scope:hover {
    background: var(--tertiaryhoverdark);
}
/*hideEditorPrice*/
.priceContainer.mobile_hide {
    display: none;
}
.subcategory {
    padding-left: 30px; 
}