/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ FlipBox.
 * منبع: difl/flipbox (ریشه .difl_flipbox، 8 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_fb_button{border-style:solid;border-width:0px;display:inline-block;padding:7px 15px;font-size:16px}

.dfme_fb_front,.dfme_fb_back,.dfme_fb_image_container img{border-style:solid;border-width:0px}

.dfme_fb_image_container img{vertical-align:top}

.dfme_flip_box_container{display:flex;transition:z-index,transform .3s;text-decoration:none;z-index:0;perspective:1000px}

.dfme_flip_box_body{flex:1;display:flex;transform-style:preserve-3d;max-width:100%}

.dfme_fb_front,.dfme_fb_back{display:flex;box-sizing:border-box;backface-visibility:hidden;transform-style:preserve-3d;min-width:100%;max-width:100%;border-width:0}

.dfme_fb_front .fb_inner,.dfme_fb_back .fb_inner{display:flex;box-sizing:border-box;min-width:100%;flex-wrap:wrap;border-style:solid;border-width:0;align-items:flex-start}

.dfme_fb_front .fb_inner>*,.dfme_fb_back .fb_inner>*{min-width:100%}

.dfme_flip_box_container.rotate_left .dfme_fb_back{transform:translateX(-100%) rotateY(180deg)}

.dfme_flip_box_container.rotate_left:hover .dfme_fb_front,.dfme_flip_box_container.rotate_left.hover .dfme_fb_front{transform:rotateY(-180deg)}

.dfme_flip_box_container.rotate_left:hover .dfme_fb_back,.dfme_flip_box_container.rotate_left.hover .dfme_fb_back{transform:translateX(-100%) rotateY(0)}

.dfme_flip_box_container.rotate_right .dfme_fb_back{transform:translateX(-100%) rotateY(-180deg)}

.dfme_flip_box_container.rotate_right:hover .dfme_fb_front,.dfme_flip_box_container.rotate_right.hover .dfme_fb_front{transform:rotateY(180deg)}

.dfme_flip_box_container.rotate_right:hover .dfme_fb_back,.dfme_flip_box_container.rotate_right.hover .dfme_fb_back{transform:translateX(-100%) rotateY(0)}

.dfme_flip_box_container.rotate_up .dfme_fb_back{transform:translatex(-100%) rotateX(-180deg)}

.dfme_flip_box_container.rotate_up.hover .dfme_fb_front,.dfme_flip_box_container.rotate_up:hover .dfme_fb_front{transform:rotateX(180deg)}

.dfme_flip_box_container.rotate_up:hover .dfme_fb_back,.dfme_flip_box_container.rotate_up.hover .dfme_fb_back{transform:translatex(-100%) rotateX(0)}

.dfme_flip_box_container.rotate_down .dfme_fb_back{transform:translatex(-100%) rotateX(180deg)}

.dfme_flip_box_container.rotate_down.hover .dfme_fb_front,.dfme_flip_box_container.rotate_down:hover .dfme_fb_front{transform:rotateX(-180deg)}

.dfme_flip_box_container.rotate_down:hover .dfme_fb_back,.dfme_flip_box_container.rotate_down.hover .dfme_fb_back{transform:translatex(-100%) rotateX(0)}

.dfme_flip_box_container.rotate.fb_floating_content *{backface-visibility:hidden;transform-style:preserve-3d}

.dfme_flip_box_container.slide .dfme_fb_back{transition:all .6s ease-in-out}

.dfme_flip_box_container.slide.slide_left.hover .dfme_fb_back,.dfme_flip_box_container.slide.slide_left:hover .dfme_fb_back{transform:translateX(-100%);z-index:2}

.dfme_flip_box_container.slide:hover .dfme_fb_front .title,.dfme_flip_box_container.fade:hover .dfme_fb_front .title{visibility:hidden}

.dfme_flip_box_container.slide.slide_right .dfme_fb_back{transform:translateX(-201%)}

.dfme_flip_box_container.slide.slide_right.hover .dfme_fb_back,.dfme_flip_box_container.slide.slide_right:hover .dfme_fb_back{transform:translateX(-100%);z-index:2}

.dfme_flip_box_container.slide.slide_up .dfme_fb_back{transform:translateX(-100%) translateY(101%)}

.dfme_flip_box_container.slide.slide_up.hover .dfme_fb_back,.dfme_flip_box_container.slide.slide_up:hover .dfme_fb_back{transform:translateX(-100%) translateY(0);z-index:2}

.dfme_flip_box_container.slide.slide_down .dfme_fb_back{transform:translateX(-100%) translateY(-101%)}

.dfme_flip_box_container.slide.slide_down.hover .dfme_fb_back,.dfme_flip_box_container.slide.slide_down:hover .dfme_fb_back{transform:translateX(-100%) translateY(0);z-index:2}

.dfme_flip_box_container.zoom.zoom_center .dfme_fb_front{transform:scale(1);z-index:1}

.dfme_flip_box_container.zoom.zoom_center .dfme_fb_back{transform:translateX(-100%) scale(0);opacity:0;z-index:0}

.dfme_flip_box_container.zoom.zoom_center.hover .dfme_fb_front,.dfme_flip_box_container.zoom.zoom_center:hover .dfme_fb_front{transform:scale(0);opacity:0}

.dfme_flip_box_container.zoom.zoom_center.hover .dfme_fb_back,.dfme_flip_box_container.zoom.zoom_center:hover .dfme_fb_back{transform:translateX(-100%) scale(1);opacity:1}

.dfme_flip_box_container.zoom.zoom_left .dfme_fb_front{transform:translateX(0) scale(1);z-index:1}

.dfme_flip_box_container.zoom.zoom_left .dfme_fb_back{transform:translateX(-145%) scale(0);opacity:0;z-index:0}

.dfme_flip_box_container.zoom.zoom_left.hover .dfme_fb_front,.dfme_flip_box_container.zoom.zoom_left:hover .dfme_fb_front{transform:translateX(-45%) scale(0);opacity:0}

.dfme_flip_box_container.zoom.zoom_left.hover .dfme_fb_back,.dfme_flip_box_container.zoom.zoom_left:hover .dfme_fb_back{transform:translateX(-100%) scale(1);opacity:1}

.dfme_flip_box_container.zoom.zoom_right .dfme_fb_front{transform:translateX(0) scale(1);z-index:1}

.dfme_flip_box_container.zoom.zoom_right .dfme_fb_back{transform:translateX(-45%) scale(0);opacity:0;z-index:0}

.dfme_flip_box_container.zoom.zoom_right.hover .dfme_fb_front,.dfme_flip_box_container.zoom.zoom_right:hover .dfme_fb_front{transform:translateX(45%) scale(0);opacity:0}

.dfme_flip_box_container.zoom.zoom_right.hover .dfme_fb_back,.dfme_flip_box_container.zoom.zoom_right:hover .dfme_fb_back{transform:translateX(-100%) scale(1);opacity:1}

.dfme_flip_box_container.zoom.zoom_up .dfme_fb_front{transform:translateX(0) scale(1);z-index:1}

.dfme_flip_box_container.zoom.zoom_up .dfme_fb_back{transform:translateX(-100%) translateY(45%) scale(0);opacity:0;z-index:0}

.dfme_flip_box_container.zoom.zoom_up.hover .dfme_fb_front,.dfme_flip_box_container.zoom.zoom_up:hover .dfme_fb_front{transform:translateY(45%) scale(0);opacity:0}

.dfme_flip_box_container.zoom.zoom_up.hover .dfme_fb_back,.dfme_flip_box_container.zoom.zoom_up:hover .dfme_fb_back{transform:translateX(-100%) translateY(0) scale(1);opacity:1}

.dfme_flip_box_container.zoom.zoom_down .dfme_fb_front{transform:translateX(0) scale(1);z-index:1}

.dfme_flip_box_container.zoom.zoom_down .dfme_fb_back{transform:translateX(-100%) translateY(-45%) scale(0);opacity:0;z-index:0}

.dfme_flip_box_container.zoom.zoom_down.hover .dfme_fb_front,.dfme_flip_box_container.zoom.zoom_down:hover .dfme_fb_front{transform:translateY(-45%) scale(0);opacity:0}

.dfme_flip_box_container.zoom.zoom_down.hover .dfme_fb_back,.dfme_flip_box_container.zoom.zoom_down:hover .dfme_fb_back{transform:translateX(-100%) translateY(0) scale(1);opacity:1}

.dfme_flip_box_container.fade .dfme_fb_front{opacity:1;z-index:1}

.dfme_flip_box_container.fade .dfme_fb_back{opacity:0;z-index:0;transform:translateX(-100%)}

.dfme_flip_box_container.fade.hover .dfme_fb_back,.dfme_flip_box_container.fade:hover .dfme_fb_back{opacity:1;z-index:2}

.dfme_flip_box .title,.dfme_flip_box .dfme_fb_button{line-height:1em}

.dfme_flip_box.vb .et_pb_background_mask,.dfme_flip_box.vb .et_pb_background_pattern,.dfme_flip_box.vb .et-pb-parallax-wrapper{z-index:-1}

.dfme_flip_box .dfme_fb_front .fb_inner,.dfme_flip_box .dfme_fb_back .fb_inner,.dfme_flip_box{background-size:cover;background-position:center;background-repeat:no-repeat}