/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ TimelineItem.
 * منبع: difl/timelineitem (ریشه .difl_timelineitem، 21 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_timeline_item .timeline_arrow .timeline_arrow_line,.dfme_timeline_top .dfme_line_marker,.dfme_timeline_bottom .dfme_line_marker,.dfme_timeline_title,.dfme_timeline_subtitle,.dfme_timeline_content,.dfme_timeline_content_area .dfme_timeline_desc,.dfme_timeline_content_area .dfme_timeline_media,.dfme_timeline_content_area .dfme_timeline_media>*,.dfme_timeline_button a,.dfme_timeline_marker,.dfme_timeline_marker img,.dfme_timeline_date_content{border-width:0px;border-style:solid;border-color:#333}

.dfme_timelineitem{margin-bottom:0% !important}

.dfme_timeline_item{display:flex;position:relative;align-items:center;justify-content:left}

.dfme_timeline_item.reverse{flex-direction:row-reverse}

.dfme_timeline_marker{flex-shrink:0;background:#ddd;color:#333;display:flex;align-items:center;justify-content:center;height:50px;width:50px;overflow:hidden;position:relative;z-index:3}

.dfme_timeline_marker.active,.dfme_timeline_top .active.dfme_line_marker,.dfme_timeline_bottom .active.dfme_line_marker{background:#333;transition:all .3s ease 0s}

.dfme_timeline_marker .dfme_timeline_marker_icon{font-size:24px}

.dfme_timeline_content_area{flex-basis:50%;display:flex;width:100%;position:relative;overflow:visible !important}

.dfme_timeline_item.reverse .dfme_timeline_content_area{justify-content:flex-end}

.dfme_timeline_content{background:#ddd;display:flex;flex-direction:column;padding:10px;border-radius:0px;width:100%}

.dfme_timeline_content_area .timeline_arrow{position:absolute;width:100%;height:100%;z-index:-1}

.dfme_timeline_item .dfme_timeline_content_area .timeline_arrow_caret{width:0px;height:0px;border:20px solid rgba(0,0,0,0);border-left-width:0px;border-right-color:#ddd;display:block;position:absolute;right:100%}

.dfme_timeline_item.reverse .dfme_timeline_content_area .timeline_arrow_caret{left:100%;transform:rotate(180deg)}

.dfme_timeline_item .dfme_timeline_content_area .timeline_arrow_icon{font-size:20px;display:block;position:absolute;top:calc(50% - 15px);right:100%;transform:rotate(180deg)}

.dfme_timeline_item.reverse .dfme_timeline_content_area .timeline_arrow_icon{left:100%;transform:rotate(0deg)}

.dfme_timeline_item .dfme_timeline_content_area .timeline_arrow_line{border:2px solid #ddd;position:absolute;top:calc(50% - 2px);width:40px;right:100%;border-bottom-width:0px}

.dfme_timeline_item.reverse .dfme_timeline_content_area .timeline_arrow_line{left:100%}

.dfme_timeline_date_area{flex-basis:50%;position:relative;display:flex;align-items:center;justify-content:end}

.dfme_timeline_item.reverse .dfme_timeline_date_area{justify-content:start}

.dfme_timeline_date_content{width:40%;overflow:visible !important;background-color:#ddd;padding:10px}

.dfme_timeline_date_title{word-wrap:break-word;color:#333;font-size:24px;line-height:1.7em;padding:0px}

.dfme_timeline_date_subtitle{color:#333;padding:0px;font-size:18px;line-height:1.7em}

.dfme_timeline_date_area .timeline_arrow{width:100%;z-index:-1}

.dfme_timeline_item .dfme_timeline_date_area .timeline_arrow_caret{width:0px;height:0px;border:7px solid rgba(0,0,0,0);border-left-width:0px;border-right-color:#ddd;display:block;position:absolute;top:calc(50% - 7px);transform:rotate(180deg);left:100%}

.dfme_timeline_item.reverse .dfme_timeline_date_area .timeline_arrow_caret{left:auto;right:100%;transform:rotate(0deg)}

.dfme_timeline_item .dfme_timeline_date_area .timeline_arrow_icon{font-size:20px;display:block;position:absolute;top:calc(50% - 15px);left:100%;transform:rotate(0deg)}

.dfme_timeline_item.reverse .dfme_timeline_date_area .timeline_arrow_icon{left:auto;right:100%;transform:rotate(180deg)}

.dfme_timeline_item .dfme_timeline_date_area .timeline_arrow_line{border:2px solid #ddd;position:absolute;top:calc(50% - 3px);width:40px;left:100%;border-bottom-width:0px}

.dfme_timeline_item.reverse .dfme_timeline_date_area .timeline_arrow_line{left:auto;right:100%}

.dfme_timeline_title{font-size:24px;color:#333;margin:0;padding:0;line-height:1.7em}

.dfme_timeline_subtitle{font-size:18px;color:#333;line-height:1.7em;padding:0px}

.dfme_timeline_content_area .dfme_timeline_media{line-height:0;flex-basis:inherit}

.dfme_timeline_content_area .dfme_timeline_media img{width:100%;height:auto}

.dfme_timeline_content_area .dfme_timeline_media .dfme_timeline_content_icon{font-size:30px}

.dfme_timeline_desc{font-size:14px;line-height:1.7em;flex-basis:inherit;color:#333}

.dfme_timeline_desc ul{list-style-position:outside;list-style-type:disc}

.dfme_timeline_button a{display:inline-flex;overflow:hidden;align-items:center;font-size:18px;line-height:1.5em;text-align:left}

.dfme_timeline_btn_icon{vertical-align:top;font-size:18px}

.dfme_line_inner{background-color:#333;width:3px;position:absolute;top:0;z-index:2}

.dfme_hide_section{opacity:0 !important}

.dfme_disable_section{display:none !important}

@media only screen and (max-width: 767px){.dfme_timeline_item.reverse .dfme_timeline_content_area,.dfme_timeline_item .dfme_timeline_content_area{justify-content:center}.dfme_timeline_container.layout_middle .dfme_timeline_content_area .dfme_timeline_content{margin-top:10px}.dfme_timeline_date_area .dfme_timeline_date_content{width:100%}.dfme_timeline_container .dfme_timeline_date_content{margin-bottom:10px}.dfme_timeline_container.layout_middle .dfme_timeline_date_content{margin-top:10px;margin-bottom:10px}.dfme_timeline_item .dfme_timeline_marker{position:absolute}.dfme_timeline_container.layout_left .dfme_timeline_item{display:block}.dfme_timeline_container.layout_left .dfme_timeline_content_area{justify-content:left}.dfme_timeline_container.layout_left .dfme_timeline_content_area .dfme_timeline_content,.dfme_timeline_container.layout_left .dfme_timeline_date_area .dfme_timeline_date_content:not(.dfme_timeline_content_area .dfme_timeline_date_content){margin-left:80px}.dfme_timeline_container.layout_left .dfme_timeline_date_area{justify-content:start}.dfme_timeline_container.layout_left .dfme_timeline_item .dfme_timeline_content_area .timeline_arrow>*{transform:rotate(0deg);right:100%;left:auto}.dfme_timeline_container.layout_left .dfme_timeline_item .dfme_timeline_date_area .timeline_arrow>*{transform:rotate(0deg);right:100%;left:auto}.dfme_timeline_container.layout_right .dfme_timeline_item{display:block}.dfme_timeline_container.layout_right .dfme_timeline_content_area{justify-content:right}.dfme_timeline_container.layout_right .dfme_timeline_content_area .dfme_timeline_content,.dfme_timeline_container.layout_right .dfme_timeline_date_area .dfme_timeline_date_content:not(.dfme_timeline_content_area .dfme_timeline_date_content){margin-left:auto;margin-right:80px}.dfme_timeline_container.layout_right .dfme_timeline_date_area{justify-content:end}.dfme_timeline_container.layout_right .dfme_timeline_item .dfme_timeline_content_area .timeline_arrow>*{transform:rotate(180deg);right:auto;left:100%}.dfme_timeline_container.layout_right .dfme_timeline_item .dfme_timeline_date_area .timeline_arrow>*{transform:rotate(180deg);right:auto;left:100%}.dfme_timeline_container.layout_middle .dfme_timeline_item{z-index:3;opacity:1;display:flex;flex-direction:column}.dfme_timeline_container.layout_middle .dfme_timeline_date_area{width:100%;justify-content:center;order:2;margin-top:0px;position:relative}.dfme_timeline_container.layout_middle .dfme_timeline_marker{position:relative;order:1;margin:0px auto}.dfme_timeline_container.layout_middle .dfme_timeline_content_area{order:3}.dfme_timeline_container.layout_middle .dfme_line_inner{z-index:-1}.dfme_timeline_container.layout_middle .timeline_arrow{display:none}}

.dfme_timelineitem{z-index:auto !important;position:relative}

.dfme_timelineitem:not(:first-child){margin-top:50px}

.dfme_timeline_item{column-gap:50px}