/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ AdvancedPerson.
 * منبع: difl/advanced-person (ریشه .difl_advanced_person، 19 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_ap_person_container{margin:0 auto}

.dfme_ap_person_container *{border-width:0px;border-style:solid;border-color:#333}

.dfme_person_photo_wrapper img.person_photo{vertical-align:middle;transition:.6s}

.dfme_person_photo_wrapper img.person_photo.ap_photo{vertical-align:middle}

.dfme_advanced_person .dfme_person_social_icon{display:inline-block;text-align:center;line-height:1;vertical-align:middle;margin:10px}

.dfme_advanced_person .dfme_person_socail_wrapper:not(.vertical) .dfme_person_social_icon:not(:first-child){margin-left:0px}

.dfme_advanced_person .dfme_person_name{font-size:24px}

.dfme_advanced_person .dfme_person_role{font-size:18px}

.dfme_advanced_person .dfme_person_description{font-size:14px}

.dfme_person_overlay{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;opacity:0}

.dfme_ap_person_container:hover .dfme_person_overlay{position:absolute;top:0;opacity:1}

.dfme_advanced_person .dfme_ap_person_wrapper{position:relative}

.dfme_advanced_person .dfme_ap_person_container .dfme_ap_person_desc{position:absolute;top:auto;bottom:0;text-align:center;right:0;left:0;opacity:0}

.dfme_advanced_person .dfme_ap_person_container:hover .dfme_ap_person_desc{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}

.dfme_person_socail_wrapper.vertical{display:flex;flex-direction:column}

.dfme_advanced_person .alter_image{position:relative;display:inline-block}

.dfme_advanced_person .alter_image .img-top{opacity:0;position:absolute;top:0;left:0;z-index:99}

.dfme_advanced_person .dfme_ap_person_container:hover .alter_image .img-top{opacity:1;transition:all .3s linear}

.dfme_advanced_person .c4-izmir{border-radius:0}

.dfme_advanced_person .dfme_ap_person_wrapper:not(.no-image-scale) .dfme_person_photo_wrapper{overflow:hidden}

.dfme_advanced_person .c4-image-rotate-right img,.dfme_advanced_person .c4-image-rotate-left img{transform:scale(1) translate(0, 0)}

.dfme_advanced_person .dfme_ap_person_container.dfme_ap_ekip_style,.dfme_advanced_person .dfme_ap_person_container.dfme_ap_ekip_style_2{overflow:hidden}

.dfme_advanced_person .dfme_ap_person_desc_wrapper,.dfme_advanced_person .dfme_person_photo_wrapper{position:relative}

.dfme_person_social_icon .et-pb-icon{font-size:16px}

.dfme_person_role{font-size:18px;font-weight:600}

.dfme_person_name{font-size:24px;font-weight:700}

.dfme_person_description,.dfme_ap_person_desc_wrapper{font-size:14px}

.dfme_person_photo_wrapper{margin:0 auto}

.dfme_ap_person_container:hover .c4-image-rotate-left img.person_photo,.dfme_ap_person_container:focus.c4-image-rotate-left img.person_photo{transform:scale(1.3) rotate(-15deg)}

.dfme_ap_person_container:hover .c4-image-rotate-right img.person_photo,.dfme_ap_person_container:focus.c4-image-rotate-right img.person_photo{transform:scale(1.3) rotate(15deg)}

.dfme_ap_person_container .dfme_ap_person_desc{transition:transform 300ms ease-in-out 0s}

.dfme_advanced_person *{background-size:cover;background-repeat:no-repeat;background-position:center center}

.dfme_ap_person_desc_wrapper *{font-family:inherit}

.dfme_ap_person_desc_wrapper{transition:color 300ms ease 0ms,background 300ms ease 0ms,border-color 300ms ease 0ms}

.dfme_person_photo_wrapper{z-index:0}

.dfme-hover-trigger:hover .dfme-hover-effect .dfme-overlay,:focus>.dfme-hover-trigger .dfme-hover-effect .dfme-overlay{opacity:1}

.dfme-overlay .et-pb-icon{font-size:24px}

.dfme-hover-trigger:hover .dfme-hover-effect .dfme-overlay,:focus>.dfme-hover-trigger .dfme-hover-effect .dfme-overlay{opacity:1}

.dfme-hover-trigger:hover .dfme-hover-effect .dfme-overlay,:focus>.dfme-hover-trigger .dfme-hover-effect .dfme-overlay{opacity:1}

.dfme-hover-trigger:hover .dfme-hover-effect .dfme-overlay,:focus>.dfme-hover-trigger .dfme-hover-effect .dfme-overlay{opacity:1}