/*reza overrides*/
body {
    background: white;
}

body .header {
    z-index: 10;
}

/*link*/
.menu-item .pimcore_tag_input.empty, .menu-item .pimcore_wysiwyg.empty, .menu-item .pimcore_tag_textarea.empty {
    min-width: 100px;
    max-width: 200px;
}

.pimcore_area_buttons .preview-media {
    display: none;
}

.preview-media {
    height: 200px;
}

.x-menu-item-text-default .preview-media {
    display: none;
}

.content-position {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    position: absolute;
    /*top: 45px;*/
    top: 75px;
    margin-left: 20px;
    background: white;
    border-radius: 3px;
    padding: 5px;
    font-size: 13px;
    color: #000;
}

.image-text .content-position {
    top: 5px;
    margin-left: 0;
}

.content-banner .content-position {
    top: 60px;
    right: 0;
    left: initial;
}

.pimcore_area_entry .pimcore_tag_slider {
    position: absolute;
    /*top: 10px;*/
    top: 40px;
    left: 20px;
    z-index: 3;
}

.pimcore_editable .overlay {
    z-index: 2 !important;
}

.pimcore_editable_slider {
    position: relative;
    top: 30px;
}

.pimcore_tag_input, .pimcore_tag_wysiwyg, .pimcore_tag_textarea {
    white-space: normal !important;
    height: auto !important;
    max-height: 100% !important;
    overflow: hidden !important;

}

.pimcore_area_color-plate {
    margin-top: 5px;
    position: absolute;
    top: 30px;

}

.pimcore_area_color-plate .flex-row {
    margin: 0 0 0 5px;
}

.pimcore_area_color-plate .flex-row > div {
    margin: 0 10px 0 0;
}

.pimcore_area_color-plate .color-white {
    color: rgba(0, 0, 0, .5);
}

.pimcore_area_color-plate .color-plate-bg-option {
    margin: 0;
    width: 100%;
}

/*banner section*/
.section.banner .media-container img,
.section.banner .media-container picture,
.section.banner .media-container video,
.section.banner .media-container iframe {
    z-index: -1;
}

.section.banner .pimcore_tag_image,
.section.banner .pimcore_area_entry {
    height: 100% !important;
}

.section.banner .pimcore_editable.pimcore_tag_areablock {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.section.banner .banner-descr {
    pointer-events: none;
}

.section.banner .banner-descr > * {
    pointer-events: all;
}

/*image text grid*/
.image-text-grid .pimcore_tag_slider {
    top: 60px !important;
}

.pimcore_area_image-text-block .image-text-grid {
    grid-template-rows: 60px 60px;
}

.image-text-grid .pimcore_tag_link_text .btn {
    width: 200px;
    justify-content: center;
    margin-left: auto;
    margin-right: 0;
    margin-top: 30px;
}

.image-text-grid .pimcore_tag_link {
    padding-right: 0;
    margin-right: 0;
}

.image-text-grid .overlay {
    top: 50px;
}

.image-text-grid .media-container {
    grid-row-end: 4 !important;
}

.image-text-grid .media-container::after {
    display: none;
}

/*collection slider, general product item view*/
.collection-slider .x-panel, .prefiltered-container .x-panel {
    height: auto !important;
}

.collection-slider .x-panel-header, .prefiltered-container .x-panel-header {
    position: relative !important;
}

.collection-slider .x-panel-body-default, .prefiltered-container .x-panel-body-default {
    top: 0 !important;
}

/*image-link section*/
.section.image-link .pimcore_tag_image {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
}

.section.image-link .item--descr {
    margin: 0 !important;
}

.section.image-link .pimcore_tag_areablock {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
}

.section.image-link .pimcore_area_entry {
    height: 100% !important;
}

/*text grid*/
.pimcore_area_text-grid .text-module--grid {
    display: flex;
}

.outerlink--item .pimcore_tag_areablock {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 40px;
}

.outerlink--item .pimcore_area_entry, .outerlink--item .pimcore_tag_image {
    height: 100%;
}

/*text module*/
.plain-text .pimcore_tag_input, .plain-text .pimcore_tag_wysiwyg, .plain-text .pimcore_tag_textarea {
    max-height: 100%;
}

/*three images divider module*/
.image-divider .pimcore_tag_image, .image-divider .pimcore_editable, .image-divider .pimcore_area_entry {
    height: 100%;
}

.image-video-grid .pimcore_tag_image, .image-video-grid .pimcore_editable, .image-video-grid .pimcore_area_entry {
    height: 100%;

}

.story-item .pimcore_tag_image, .story-item .pimcore_editable, .story-item .pimcore_area_entry {
    height: 100%;
}

.image-video-grid .pimcore_tag_areablock {
    padding-top: 40px;
}

.inspiration-story .story-list .story-link:hover .media-container {
    transform: scale(1) !important;
}

.inspiration-story .story-list .story-link .pimcore_area_buttons.top {
    top: 0;
}

.inspiration-story .pimcore_tag_slider, .inspiration-story .pimcore_area_color-plate,
.pimcore_area_banner-customer-service .pimcore_tag_slider, .pimcore_area_banner-customer-service .pimcore_area_color-plate {
    top: 50px;
}

.inspiration-story .story-item {
    width: 33% !important;
}

.inspiration-story .wide .story-item {
    width: 100% !important;
}

/*header edit menu items*/
.header-bottom .pimcore_tag_link .pimcore_open_link_button,
.header-top .pimcore_tag_link .pimcore_open_link_button {
    top: 17px;
    right: 0;
}

.header-bottom .pimcore_tag_link .pimcore_edit_link_button,
.header-top .pimcore_tag_link .pimcore_edit_link_button {
    top: 17px;
    right: 32px;
}

.pimcore_area_image-link-block .item--descr,
.pimcore-area-content .story-item .item--descr,
.pimcore_area_color-full-width-banner-with-image .item--descr,
.pimcore_area_media-grid-two-block .story-description {
    pointer-events: none;
}

.pimcore_area_image-link-block .item--descr > *,
.pimcore-area-content .story-item .item--descr > *,
.pimcore_area_color-full-width-banner-with-image .item--descr > *,
.pimcore_area_media-grid-two-block .story-description > * {
    pointer-events: all;
    z-index: 2;
}

.pimcore_area_media-grid-two-block .pimcore_tag_textarea {
    max-width: 320px;
    overflow-y: auto;
}

.pimcore_area_color-full-width-banner-with-image .media-container::before {
    margin-top: -4.3333em;
    margin-left: 5em;
}

.pimcore_area_color-full-width-banner-with-image .media-container {
    background: rgba(0, 0, 0, 0.1)
}

.pimcore_area_color-full-width-banner-with-image .media-container::after {
    background-color: transparent;
}

.pimcore_tag_input[contenteditable=true][data-placeholder]:empty:before,
.pimcore_tag_textarea[contenteditable=true][data-placeholder]:empty:before,
.pimcore_wysiwyg.empty[contenteditable=true][data-placeholder]:before {
    color: currentColor;
}

.pimcore_area_color-full-width-banner-with-image .pimcore_tag_link {
    margin-right: auto;
}

.pimcore_area_color-full-width-banner-with-image .image-text-banner {
    margin-bottom: 5em;
}

.x-mask {
    background-color: transparent !important;
}

/* move hidde filed to bottom */
.pimcore_area_content .pimcore_area_buttons {
    top: 0 !important;
    width: calc(100% - 70px) !important;
}

.pimcore_editable_input {
    white-space: normal !important;
}

.pimcore_area_small-banner .banner-descr .pimcore_editable_textarea,
.pimcore_area_full-width-banner .banner-descr .pimcore_editable_textarea {
    background: rgba(0, 0, 0, .15);
}

.cat-bazar-item .pimcore_editable_image_empty {
    width: 100% !important;
    height: 100% !important;
}

.cat-bazar-item .pimcore_editable_area {
    position: absolute;
    top: -14px;
    left: 15px;
}

/*grid one block*/
.pimcore_area_media-grid-one-block .media-grid-one .collection-descr h2,
.pimcore_area_media-grid-one-block .media-grid-one .collection-descr h4 {
    margin: 0;
    width: 100%;
}

.pimcore_area_media-grid-one-block .media-grid-one .collection-descr h2 .pimcore_editable,
.pimcore_area_media-grid-one-block .media-grid-one .collection-descr h4 .pimcore_editable {
    width: 100% !important;
}

.pimcore_area_media-grid-one-block .media-grid-one.collection-descr .btn {
    flex-direction: row;
}

.pimcore_area_media-grid-one-block .media-grid-one .collection-descr .btn .icon {
    margin-left: 5px;
}

/*faq block*/
.pimcore_area_entry .faq h2,
.pimcore_area_entry .faq h4 {
    margin: 0;
    width: 100%;
}

.pimcore_area_entry .faq .collection-descr h2 .pimcore_editable,
.pimcore_area_entry .faq .collection-descr h3 .pimcore_editable {
    width: 100% !important;
}

/*icon section*/
.pimcore_area_media-icons-block .media-icon-section {
    padding-bottom: 36px;
}

.pimcore_area_media-icons-block .media-icon-section .pimcore_editable_block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.pimcore_area_media-icons-block .media-icon-section .media-icon {
    margin: 0;
}

.pimcore_area_media-icons-block .media-icon-section .pimcore_editable_block {
    width: 100%;
}

.pimcore_area_media-icons-block .media-icon-section .pimcore_editable_block .pimcore_block_entry {
    flex-grow: 1;
}

.pimcore_area_media-icons-block .media-icon-section h2,
.pimcore_area_media-icons-block .media-icon-section h4 {
    width: 100% !important;
}

.pimcore_area_media-icons-block .media-icon-section h2 .pimcore_editable,
.pimcore_area_media-icons-block .media-icon-section h4 .pimcore_editable {
    width: 100% !important;
}

.pimcore_area_media-icons-block .media-icon-section .media-icon .media-container {
    margin: 0;
}

.pimcore_area_media-icons-block .media-icon-section .media-icon .media-container::after {
    display: none;
}

.pimcore_area_media-grid-two-block .story-description,
.pimcore_area_media-grid-three-block .story-description {
    margin-top: 100px !important;
}

.pimcore_area_content {
    z-index: 2;
}

/* Fix video thumbnails in media-grid-one: the pimcore editable wrappers are
   position:relative, intercepting the video's position:absolute before it reaches
   .media-container. Making them static lets the video fill .media-container correctly. */
.pimcore_area_media-grid-one-block .media-container .pimcore_area_entry,
.pimcore_area_media-grid-one-block .media-container .pimcore_editable_video,
.pimcore_area_media-grid-one-block .media-container .pimcore_editable_video > div {
    position: static;
}