/* START منو افقی */ ul.menu-horizontal{display: flex;align-items: center;} ul.menu-horizontal.bullet:after{content: "\e221"; order: -1; display: inline-block; font: var(--font-section-icon); color: var(--brown); margin-left: 8px; transform: translateY(-4px);} ul.menu-horizontal li{display: flex;align-items: center;} ul.menu-horizontal li:not(:last-child):after{content: "|";} ul.menu-horizontal li a{display: flex; align-items: center; height: 100%;padding: 0 4px;user-select: none;} /* END منو افقی */ /* Start قیلتر بالای صفحات آرشیو */ #filter{display: flex;align-items:center;width: 100%;height: 72px;gap: 24px;} #filter .filter-section>ul>li>a{padding-right: 12px;} #filter .filter-section ul ul{background-color: var(--light-2);} #filter .year-list{display: flex;} #filter .year-list .previous{margin-left: 12px;} #filter .year-list .next{margin-right: 12px;} #filter .year-list .previous a i{font-size: 20px;color: var(--gray-3);} #filter .year-list .next a i{font-size: 20px;color: var(--gray-3);} #filter .year-list ul{display: flex;} #filter .year-list ul:before{margin-left: 8px;} #filter .year-list ul li:not(:last-child):after{content: "|"; margin: 0 4px;color: var(--gray-5);} #filter .year-list ul li a{color: var(--gray-5);} #filter .year-list ul li a:hover{color: var(--brown);} /* End قیلتر بالای صفحات آرشیو */ /* Start filter-horizontal-scroll*/ .filter-horizontal-scroll{display: flex;flex: 1;position: relative;width: 400px;-webkit-user-select: none; user-select: none;} .filter-horizontal-scroll .filter-name{position: absolute;right: 36px;z-index: 10; background-color: var(--white);padding-left: 4px;} .filter-horizontal-scroll .filter-horizontal-swiper{padding: 0 36px;} .filter-horizontal-scroll:has(.filter-name) .filter-horizontal-swiper{padding: 0 75px 0 36px;} .filter-horizontal-scroll .filter-horizontal-swiper .swiper-wrapper .swiper-slide{margin-left: 6px; padding-left: 6px;} .filter-horizontal-scroll .filter-horizontal-swiper .swiper-wrapper .swiper-slide:last-child{margin-left: 0; padding-left: 0} .filter-horizontal-scroll .filter-name ~ .filter-horizontal-swiper .swiper-wrapper{/*padding-right: 34px;*/} .filter-horizontal-scroll .filter-horizontal-swiper .swiper-wrapper .swiper-slide{/*min-width: 24px;*/width:fit-content;position: relative;} .filter-horizontal-scroll .filter-horizontal-swiper .swiper-wrapper .swiper-slide a{display: inline-block;transition: 0.25s;} .filter-horizontal-scroll .filter-horizontal-swiper .swiper-wrapper .swiper-slide:not(:last-child):after{content:"|";position: absolute;left: 0; color: var(--gray-3);} /*.filter-horizontal-scroll .filter-name ~ .filter-horizontal-swiper .swiper-wrapper .swiper-slide:last-child{margin-left: 34px;}*/ .filter-horizontal-scroll .filter-horizontal-swiper .swiper-button-next{left: 0;background-color: var(--white);width: 36px;} .filter-horizontal-scroll .filter-horizontal-swiper .swiper-button-next:after{content: none;} .filter-horizontal-scroll .filter-horizontal-swiper .swiper-button-next i, .filter-horizontal-scroll .filter-horizontal-swiper .swiper-button-prev i{margin: 0;color: var(--gray-3);} .filter-horizontal-scroll .filter-horizontal-swiper .swiper-button-prev{right: 0;background-color: var(--white);width: 36px;} .filter-horizontal-scroll .filter-horizontal-swiper .swiper-button-prev:after{content: none;} .filter-horizontal-scroll .filter-horizontal-swiper .swiper-button-prev.swiper-button-disabled, .filter-horizontal-scroll .filter-horizontal-swiper .swiper-button-next.swiper-button-disabled{opacity: 1;} .filter-horizontal-scroll .filter-horizontal-swiper .swiper-button-prev.swiper-button-disabled i, .filter-horizontal-scroll .filter-horizontal-swiper .swiper-button-next.swiper-button-disabled i{color: var(--light-2);} .filter-horizontal-scroll .filter-horizontal-swiper .swiper-button-prev i{margin: 0;} /* End filter-horizontal-scroll*/ /* START نظرات کاربران */ .comments #newComment{width: 100%;background: var(--light-3);padding: 24px 36px;display: flex;flex-wrap: wrap;} .comments #newComment .header-section{width: 100%;} .comments #newComment .header-section span{font: var(--font-body);color: var(--gray-3);margin: 0;} .comments #newComment .inside-section{width: 100%;margin: 0;} .comments #newComment .inside-section>div{padding: 0;width: 100%;} .comments #newComment .inside-section>div .form-comment{display: flex;flex-wrap: wrap;} .comments #newComment .inside-section>div .form-comment .input-wrapper{display: flex;flex-direction:column;width: 50%;margin-bottom: 12px;} .comments #newComment .inside-section>div .form-comment .input-wrapper:nth-child(1){padding-left: 16px;} .comments #newComment .inside-section>div .form-comment .input-wrapper:nth-child(2){padding-right: 16px;} .comments #newComment .inside-section>div .form-comment .input-wrapper:nth-child(3){width: 100%;margin-bottom: var(--margin-botom-card-in-section);} .comments #newComment .inside-section>div .form-comment .input-wrapper label{margin-bottom: 12px;} .comments #newComment .inside-section>div .form-comment .input-wrapper input{border:1px solid var(--light-1);} .comments #newComment .inside-section>div .form-comment .input-wrapper textarea#yourComment{border:1px solid var(--light-1);} .comments #newComment .inside-section>div .form-comment .submit-wrapper{display: flex;justify-content: end;width: 100%;} .comments #newComment .inside-section>div .form-comment .submit-wrapper button{line-height: 32px;background-color: var(--white); padding: 0 20px;cursor: pointer;border: 1px solid var(--light-1);color: var(--gray-5);transition: 0.15s;} .comments #newComment .inside-section>div .form-comment .submit-wrapper button:hover{background-color: var(--brown);color: var(--white);} .comments #commentsList{background-color: var(--white);padding-top: 24px;} .comments #commentsList .header-section span{font: var(--font-body);color: var(--gray-1);margin: 0;} .comments #commentsList .inside-section{margin: 0;} .comments #commentsList .inside-section>.comment-item:nth-child(odd){background-color: var(--light-3);} .comments #commentsList .inside-section>.comment-item{padding: 24px 36px;} .comments #commentsList .inside-section .comment-item header{display: flex;margin-bottom: 12px;} .comments #commentsList .inside-section .comment-item span:before{content: "\e221";position:absolute;display: inline-block;font: var(--font-section-icon);color: var(--brown);margin-left: 4px;transform: translate(6px , -2px);} .comments #commentsList .inside-section .comment-item header time{margin-right: auto;} .comments #commentsList .inside-section>.comment-item>.description{text-align: justify;} .comments #commentsList .inside-section>.comment-item .reply{padding-right: 84px;padding-top: 24px;} .comments #commentsList .inside-section>.comment-item .reply>header span{color: var(--brown);} .comments #commentsList .inside-section>.comment-item .reply>header time{color: var(--brown);} .comments #commentsList .inside-section>.comment-item .reply>.description{text-align: justify;} /* END نظرات کاربران */ /* START کادر بازشو آکاردیونی */ .accordion>label{cursor:pointer;display: flex;align-items: center;margin-bottom: 12px;border-bottom: 1px solid var(--light-1);user-select: none;} .accordion>label:after{content: "";margin-right: auto;display: inline-block;height: 8px;width: 8px;border: 4px solid var(--red);border-bottom-color: transparent;border-left-color: transparent;transform: rotate(135deg);transform-origin: 6px 2px;transition: 0.15s;} .accordion>input:checked ~ label:after{transform: rotate(45deg);} .accordion .accordion-content{max-height: 0;overflow: hidden;transition: .15s ease-out;} .accordion>input:checked ~ .accordion-content{max-height: 1000px;transition: .15s ease-in;} /* END کادر باز شو آکاردیونی */ /* START کادر جستجو */ #search-component{height: auto;} .search-box{position: relative;display: flex;height: 72px;} .search-box:not(.small,.tiny){height: 72px;} .search-box.small{height: 50px;} .search-box.tiny{height: 32px;} .search-box input{border: none;background-color: var(--light-3);padding: 0 24px 0 72px;color: var(--gray-3);} .search-box input::placeholder{color: var(--light-1);} .search-box.keywords input{background-color: var(--white);border: 1px solid var(--light-1);font-size: 21px;line-height: 30px;} .search-box:not(.small,.tiny,.keywords) input{width: calc(100% - 72px);font-size: 40px;} .search-box.small input{width: calc(100% - 50px);background-color: var(--white);border: 1px solid var(--light-1);} .search-box.tiny input{width: calc(100% - 36px);background-color: var(--white);border:none;border-bottom: 1px solid var(--light-1);} .search-box input.has-character~.clean-input{opacity: 1;transform: scale(1);} .search-box .clean-input{position: absolute;display: flex;opacity:0;align-items:center;justify-content:center;height: 100%;color:var(--gray-4);cursor:pointer;transition: 0.15s;transform: scale(0);} .search-box:not(.small,.tiny) .clean-input{left: 72px;width: 72px;} .search-box.small .clean-input{left: 50px;width: 50px;} .search-box.tiny .clean-input{left: 36px;width: 36px;} .search-box .clean-input i{font-size: 34px;} .search-box.tiny .clean-input i{font-size: 26px;} .search-box button{display: flex;align-items: center;justify-content: center;height: 100%;border: none;background-color: var(--red);color: var(--white);cursor: pointer;} .search-box:not(.small,.tiny) button{width: 72px;} .search-box.small button{width: 50px;background-color: var(--light-1);} .search-box.tiny button{width: 36px;background-color: var(--brown);margin-right: 24px;} .search-box:not(.small,.tiny) button i{font-size: 50px;} .search-box.small button i{font-size: 32px;} .search-box.tiny button i{font-size: 26px;} /* END کادر جستجو */ /* START فهرست پیوست‌ها یا محصولات دیدار */ .attachment{display: flex;position: relative;} .attachment ul.icon{display: flex;} .attachment ul.icon li a{position:relative; padding: 4px;margin: 0 2px;color: var(--gray-4);border: 1px solid transparent;border-radius: 5px;} .attachment ul.icon.data-tip li a:hover{color: var(--brown);border:1px solid var(--brown);} .attachment ul.icon.data-tip.data-tip li a:hover:after{content: attr(data-tip);position:absolute;bottom: -26px;left: 50%;transform: translateX(-50%);white-space: nowrap;background-color: #ffffff69;padding: 0 8px;border-radius: 5px;backdrop-filter: blur(3px);z-index: 1000;} .attachment ul.icon li a i{vertical-align: middle;} .attachment ul.text{display: flex;user-select: none;} .attachment ul.text li:not(:last-child):after{content: "|";} .attachment ul.text li a{padding: 0 4px;} /* END فهرست پیوست‌ها یا محصولات دیدار */ /* START فهرست فایل‌های صوتی */ .audio-list{width: 100%;} .audio-list ul{display: flex;flex-direction: column;} .audio-list ul li.audio-item{position: relative;display: flex;align-items: center;transition: 0.25s;} .audio-list ul li.audio-item:hover{background-color: var(--light-3);} .audio-player .menu-control .audio-list ul li.audio-item:hover{background-color: var(--gray-1);} .audio-list ul li.audio-item:not(:last-child){border-bottom: 1px dashed var(--light-1);} .audio-list ul li.audio-item:before{content: "\e221"; display: inline-block; font: var(--font-section-icon); color: var(--yellow); margin-left: 8px;transform: translateY(-3px);} .audio-list ul li.audio-item:has(.duration) .audio-title{display: block;padding-left: 8px;} .audio-list ul li.audio-item .audio-title:after{content: "";position: absolute;right: 0;left: 0;top: 0;bottom: 0;z-index: 1;} .audio-list ul li.audio-item time.current-time{display: flex;color: var(--yellow);transform: scale(0);transition: 0.25s;font-size: 0;} .audio-list ul li.audio-item.paused time.current-time, .audio-list ul li.audio-item.playing time.current-time{transform: scale(1);font-size: 13px;} .audio-list ul li.audio-item time.current-time:before{content: "/";margin: 0 4px;} .audio-list ul li.audio-item time.duration{margin-right: auto;} .audio-list ul li.audio-item .play-button{display: flex;background-color: unset;border: none;cursor: pointer;margin: 0 8px;} .audio-list ul li.audio-item .download{position: relative;z-index: 1;display: block;width: 25px;text-align: center;border: none;background-color: unset;cursor: pointer;transition: 0.25s;} .audio-list ul li.audio-item .download:after{position: absolute;content: "";top: 0;bottom: 0;right: 0;left: 0;} .audio-list ul li.audio-item .download:hover{background-color: var(--yellow);} .audio-list ul li.audio-item .download:hover i{color: var(--white);} .audio-list ul li.audio-item .download i{font-size: 15px} .audio-list ul li.audio-item ul.downloads-list{position: absolute;left: 0;top: 25px;display: none;background-color: var(--gray-3);padding: 4px;z-index: 2;} .audio-list ul li.audio-item .download.active + ul.downloads-list{display: block;} .audio-list ul li.audio-item ul.downloads-list:before{content: "کیفیت";display: block;text-align: center;color: var(--yellow);font-size: 10px;line-height: 32px;} .audio-list ul li.audio-item ul.downloads-list li a{display: block;color: var(--light-1);text-align: center;padding: 0 8px;font-size: 10px;transition: 0.25s;} .audio-list ul li.audio-item ul.downloads-list li:hover a{background-color: var(--gray-4);} .audio-list ul li.audio-item .keywords{height: 0;width: 0;transform: scale(0);} .audio-list ul li.audio-item .play-button svg {width: 15px;} .audio-list ul li.audio-item .play-button svg path {transition: transform 0.2s ease-out, d 0.2s ease-out, opacity 0.15s ease-out 0.15s;stroke: var(--gray-1);fill: none;} .audio-player .menu-control .audio-list ul li.audio-item .play-button svg path {stroke: var(--light-1);} .audio-list ul li.audio-item .play-button path:nth-child(1) {d: path('M1 24 21.56 12.66A.76.76 0 0021.61 11.37L21.25 11.17C20.9 10.9767 20.55 10.7833 20.2 10.59L1.08.07A.76.76 0 000 .81V23.25A.76.76 0 001 24Z');transition-delay: 0.15s} .audio-list ul li.audio-item.playing .play-button svg path, .audio-player .menu-control .audio-list ul li.audio-item.playing .play-button svg path{stroke: var(--yellow);} .audio-list ul li.audio-item:not(.playing) .play-button path:nth-child(1) {d: path('M1 24 21.56 12.66A.76.76 0 0021.61 11.37L21.25 11.17C20.9 10.9767 20.55 10.7833 20.2 10.59L1.08.07A.76.76 0 000 .81V23.25A.76.76 0 001 24Z');transition-delay: 0.15s} .audio-list ul li.audio-item.playing:not(.paused) .play-button path:nth-child(1) {d: path('M1.35 24 9.35 24A1 1 0 009.69 23.47L9.69.45C9.69.21 9.61 0 9.26 0L1.26 0A1.2 1.2 0 000 1.23V22.72A1.23 1.23 0 001.35 24Z');transition-delay: 0s;} .audio-list ul li.audio-item .play-button path:nth-child(2) {transform: translateX(0px);opacity: 0;} .audio-list ul li.audio-item.playing:not(.paused) .play-button path:nth-child(2) {transform: translateX(15px);opacity: 1;transition-delay: 0.15s;} /* END فهرست فایل‌های صوتی */ /* START فهرست متنی */ ul.list-text{width: 100%;} ul.list-text li ul{height: 0;padding-right: 36px;overflow: hidden;} ul.list-text li ul li a:before{content: "»";font: var(--font-body);margin-left: 4px;transform:unset;} ul.list-text li.active ul{height: auto;} ul.list-text li.active>a{font: var(--font-card-title-medium);color: var(--blue);margin-bottom: 12px;} ul.list-text li a:before{content: "\e221"; display: inline-block; font: var(--font-section-icon); color: var(--blue); margin-left: 8px;transform: translateY(-3px);} ul.list-text.square-bullet li a:before{content: ""; display: inline-block; background-color: var(--blue); margin-left: 4px;width: 6px;height: 6px;transform: unset;} ul.list-text.larg-bullet li a:before{font-size: 38px;} /* END فهرست متنی */ /* Start فهرست چند ستونی */ ul.list-col-6{display: flex;flex-wrap: wrap;} ul.list-col-6 li{width: var(--dist-in-6);} ul.list-col-4{display: flex;flex-wrap: wrap;} ul.list-col-4 li{width: var(--dist-in-4);} /* End فهرست چند ستونی */ /* START فهرست آیکنی کاشی */ ul.list-tile{display: flex;flex-wrap: wrap;} ul.list-tile li a{display: flex;flex-direction: column;align-items: center;} ul.list-tile li a i{background-color: var(--blue);color: var(--white);padding: 4px;border-radius: 4px;width: 38px;height: 38px;font-size:30px;display: flex;align-items: center;justify-content: center;} ul.list-tile li a span{padding: 12px;} /* END فهرست آیکنی کاشی */ /* START */ ul.list-keyword{display: block;} ul.list-keyword li{display: inline-block;} ul.list-keyword li:not(:last-child) a:after{content: "|";padding: 0 4px;} ul.list-keyword li a{display:inline-block;} ul.list-keyword li.bold a{font-size: 20px;color: var(--blue);line-height: 23px;} /* ul.list-keyword li:not([data-first="ز"]){display: none;} */ /* END */ /* START بخش آرشیو */ [data-theme="archive-section"]{position: relative;margin-bottom: var(--padding-bottom-row);} .container .row [data-theme="archive-section"] .header-section span{position: absolute;right: 0;margin: 0;width: 72px;;border-top: 5px solid var(--yellow);font-size:13px;line-height: 20px;color: var(--light-1);padding: 32px 0;text-align: center;} [data-theme="archive-section"] .inside-section{padding-right: 144px;} [data-theme="archive-section"] .header-section{border-top: 1px solid var(--gray-3);} /* END بخش آرشیو */ /* START دکمه نمایش بیشتر */ .load-more{display: flex;justify-content: center;} .load-more>div a{display: flex;flex-direction: column;align-items: center;color: var(--gray-5);font-size: 15px;border-bottom: 1px solid var(--gray-5);padding: 10px 24px;} .load-more>div a:before{content: "\e205";font: normal 28px/20px 'khamenei_ir icon';margin-bottom: 8px;} /* END دکمه نمایش بیشتر */ /* START pagination */ .pagination{padding: 24px 0;} .pagination .navigation{text-align: center;padding-bottom: 12px;} .pagination .navigation a.go-next{color: var(--red);} .pagination .navigation a.go-next:before{content: " | ";margin: 0 24px;} .pagination .navigation a.go-back{color: var(--red);} .pagination .page-navigation{display: flex;justify-content: space-between;} .pagination .page-navigation a{transition: 0.25s;} .pagination .page-navigation a:hover{color: var(--red);} .pagination .page-navigation .page-numbers{display: flex;justify-content: space-between;width: 100%;padding: 0 36px;} .pagination .page-navigation .page-numbers a{padding: 0 12px;} .pagination .page-navigation .page-numbers a.active{color: var(--red);} /* END pagination */ /* Start dropdown */ .dropdown{position: relative;min-width: 80px;} .dropdown>label{display: block;border-bottom: 1px solid var(--light-1);cursor: pointer;padding-left: 24px;white-space: nowrap;transition: 0.25s;} .dropdown>label.no-border{border: none;} .dropdown>label:after{content: ""; position: absolute; left: 4px; top: 4px; width: 8px; height: 8px; display: inline-block; border-bottom: 4px solid var(--gray-5); border-right: 4px solid var(--gray-5); border-top: 4px solid #0000; border-left: 4px solid #0000; transform: rotate(45deg);transition: 0.25s;transform-origin: 6px 6px;} .dropdown>input:checked ~ label:after{transform: rotate(-45deg);} .dropdown>input:checked ~ .dropdown-menu{max-height: 300px;} .dropdown .dropdown-menu{position: absolute;left: 0;right: 0;display: flex;flex-direction: column;max-height:0;background-color: var(--light-3);overflow: auto;z-index: 10;transition: 0.25s ease-in;} .dropdown .dropdown-menu .dropdown-item{ cursor: pointer;transition: 0.25s;} .dropdown .dropdown-menu .dropdown-item a{display: block;padding: 0px 8px;transition: 0.25s;} .dropdown .dropdown-menu label.dropdown-item{display: block;padding: 0px 8px;transition: 0.25s;} /* End dropdown */ /* START custom-checkbox */ label.custom-checkbox{display: flex; white-space: nowrap;cursor: pointer;} label.custom-checkbox input + span{width: 52px;height: 18px;margin-right: 8px;background-color: var(--gray-3);padding: 2px;display: flex;transition: 0.25s;} label.custom-checkbox input + span>span{background-color: var(--dark-4);width: 50%;display: flex;align-items: center;justify-content: space-evenly;padding: 0 5px;transition: 0.25s;transform: translateX(-100%);} label.custom-checkbox input + span>span>span{width: 2px;height: 60%;background-color: var(--light-1);transition: 0.25s;} label.custom-checkbox input:checked + span>span{background-color: var(--yellow);transform: translateX(0);} label.custom-checkbox input:checked + span>span>span{background-color: var(--white);} /* End custom-checkbox */ /* START date-picker-wrapper */ .date-picker-wrapper{position: relative;} .date-picker-wrapper:after{content:attr(data-date);position: absolute;right: 24px;} .date-picker-wrapper[data-date] input{color: var(--white);} .date-picker-wrapper label{position: absolute;right: 0;left: 0;cursor: pointer;z-index: 1;} .date-picker-wrapper label:after{content: "\e101";position: absolute;left: 4px;font: normal 18px/24px 'khamenei_ir icon';color: var(--gray-3);} .date-picker-wrapper input{border: none;color: var(--gray-3);cursor: pointer;padding:0 24px;} .date-picker-wrapper input:focus-visible{outline:unset;} /* End date-picker-wrapper */ /* START بخش صفحات داخلی */ section .inside-section .tools{position: sticky;position: -webkit-sticky;left: 0;top: 200px;width: 0;float: left;transform: translatex(calc(-50% + -36px));background-color: var(--white);z-index: 1;} section.content-box .inside-section .tools{transform: translatex(calc(-50% + -24px));} section .inside-section .tools ul.icon{display: flex;flex-direction: column;padding: 8px 0;width: 24px;transform: translateX(50%);background-color: var(--white);} section .inside-section .tools ul.icon li{position: relative;} section .inside-section .tools ul.icon>li>a{position: relative;display: block;padding: 5px 0;color: var(--gray-4);} section .inside-section .tools ul.icon li a:before{position: absolute;white-space: nowrap;left: calc(100% + 8px); opacity: 0; font: var(--font-body); font-size: 0; background-color: rgba(0, 0, 0, 0.3);color: var(--white); backdrop-filter: blur(2px); padding: 0 4px; border-radius: 4px; transition: 0.25s;} section .inside-section .tools ul.icon li a.copied:before{font-size: 10px;opacity: 1;} section .inside-section .tools ul.icon li>a i{font-size: 20px;} section .inside-section .tools ul.icon li ul{position: absolute;top:0;left: calc(100% + 8px);background-color: var(--light-3);opacity: 0;max-height: 0;overflow:hidden;transition: 0.25s;} section .inside-section .tools ul.icon li.active>a i{color: var(--brown);} section .inside-section .tools ul.icon li.active ul{opacity: 1;max-height: 200px;} section .inside-section .tools ul.icon li ul a{font-size: 10px;text-align: center;padding: 0 4px;transition: 0.25s;} section .inside-section .tools ul.icon li ul a:hover{color: var(--brown);} [data-theme="interior-section"] .inside-section .article-wrapper{width: 100%;} [data-theme="interior-section"] .inside-section .article-wrapper article .video-player-wrapper{margin-bottom: 24px;} [data-theme="interior-section"] .inside-section .article-wrapper article .attachment{display: flex;justify-content: flex-end;margin-bottom: var(--margin-botom-card-in-section);} [data-theme="interior-section"] .inside-section .article-wrapper article .attachment ul.icon{display: flex;} [data-theme="interior-section"] .inside-section .article-wrapper article .thumbnail-wrapper{margin-bottom: 16px;} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info{position: absolute;right: 0;width: 216px;padding-left: 24px;} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info time a{font: var(--font-card-time-normal);color: var(--brown);} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .audience a{color: var(--gray-4);} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .audience a:before{content:"حضار دیدار: ";color: var(--brown);} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .ocation a{color: var(--gray-4);} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .ocation a:before{content:"مناسبت: ";color: var(--brown);} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .place a{color: var(--gray-4);} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .place a:before{content:"مکان: ";color: var(--brown);} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .title a{font: var(--font-card-title-larg);color: var(--blue);} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .title a:after{content: none;} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper{padding-right: 216px;position: relative;border-bottom: 1px solid var(--light-1);padding-bottom: 12px;margin-bottom: 12px;} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .text-contetnt{border-bottom: 1px solid var(--light-1);padding-top: 12px;margin-bottom: var(--margin-botom-card-in-section);} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .text-contetnt .interior-content-position-side{position: absolute;right: 0;width: calc(216px - 24px);user-select: none;} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .text-contetnt .interior-content-position-side{font: var(--font-card-text);color: var(--blue);} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .text-contetnt h3.interior-content-position-side:before{content: "\e215";font: normal 13px/22px 'khamenei_ir icon';color: var(--brown);margin-left: 4px;} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .text-contetnt blockquote.interior-content-position-side:before{content: "\e105";display: block;font: normal 26px/26px 'khamenei_ir icon';color: var(--brown);margin-bottom: 12px;} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .text-contetnt blockquote.interior-content-position-side:after{content: "\e104";display: block;font: normal 26px/26px 'khamenei_ir icon';color: var(--brown);margin-top: 12px;} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .text-contetnt p{margin-bottom: var(--margin-botom-card-in-section);text-align: justify;} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .text-contetnt p.bullet:before{content: "\e221"; order: -1; display: inline-block; font: var(--font-section-icon); color: var(--blue); margin-left: 4px; transform: translateY(-2px);} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .text-contetnt figure{display: flex;flex-direction: column;border-bottom: 1px solid var(--brown);} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .text-contetnt figure a img{display: block;width: 100%;} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .text-contetnt figure figcaption{display: flex;align-items: center;padding: 24px 0;} [data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .text-contetnt figure figcaption i{width: 48px;} [data-theme="interior-section"][data-font-size="1"] article .details-wrapper .sup-title a, [data-theme="interior-section"][data-font-size="1"] article .details-wrapper .content-info a, [data-theme="interior-section"][data-font-size="1"] article .details-wrapper .text-contetnt p, [data-theme="interior-section"][data-font-size="1"] article .details-wrapper .text-contetnt figure figcaption, [data-theme="interior-section"][data-font-size="1"] article .details-wrapper .text-contetnt .interior-content-position-side, [data-theme="interior-section"][data-font-size="1"] article .details-wrapper .text-contetnt h3.interior-content-position-side:before{font-size: 15px !important;line-height: 28px !important;} [data-theme="interior-section"][data-font-size="1"] article .details-wrapper .title a{font-size: 28px !important;line-height: 45px !important;} [data-theme="interior-section"][data-font-size="1"] article .details-wrapper .text-contetnt blockquote.interior-content-position-side:before{font-size: 28px !important;} [data-theme="interior-section"][data-font-size="1"] article .details-wrapper .text-contetnt blockquote.interior-content-position-side:after{font-size: 28px !important;} [data-theme="interior-section"][data-font-size="1"] article .details-wrapper .text-contetnt p.bullet:before{font-size: 23px !important;} [data-theme="interior-section"][data-font-size="-1"] article .details-wrapper .sup-title a, [data-theme="interior-section"][data-font-size="-1"] article .details-wrapper .content-info a, [data-theme="interior-section"][data-font-size="-1"] article .details-wrapper .text-contetnt p, [data-theme="interior-section"][data-font-size="-1"] article .details-wrapper .text-contetnt figure figcaption, [data-theme="interior-section"][data-font-size="-1"] article .details-wrapper .text-contetnt .interior-content-position-side, [data-theme="interior-section"][data-font-size="-1"] article .details-wrapper .text-contetnt h3.interior-content-position-side:before{font-size: 11px !important;line-height: 22px !important;} [data-theme="interior-section"][data-font-size="-1"] article .details-wrapper .title a{font-size: 22px !important;line-height: 35px !important;} [data-theme="interior-section"][data-font-size="-1"] article .details-wrapper .text-contetnt blockquote.interior-content-position-side:before{font-size: 23px !important;} [data-theme="interior-section"][data-font-size="-1"] article .details-wrapper .text-contetnt blockquote.interior-content-position-side:after{font-size: 23px !important;} [data-theme="interior-section"][data-font-size="-1"] article .details-wrapper .text-contetnt p.bullet:before{font-size: 19px !important;} /* END بخش صفحات داخلی */ /* START بخش صفحات داخلی .other-interior */ .other-interior[data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .title a{color: var(--black);padding-bottom: 24px;} .other-interior[data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info{padding-left: 72px;} .other-interior[data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .author{padding-bottom: 24px;border-bottom: 1px solid var(--light-1);} .other-interior[data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .author .author-image{width: 60px;border-radius: 50%;margin-bottom: 24px;} .other-interior[data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .author label{display: block;} .other-interior[data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .author label i{margin-left: 12px;} .other-interior[data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .author label span{color: var(--red);} .other-interior[data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .author>span{display: block;} .other-interior[data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .content-type{padding-top: 24px;} .other-interior[data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .content-type label{display: block;} .other-interior[data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .content-type label i{margin-left: 12px;} .other-interior[data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .content-type label span{color: var(--red);} .other-interior[data-theme="interior-section"] .inside-section .article-wrapper article .details-wrapper .content-info .content-type>span{display: block;} /* END بخش صفحات داخلی .other-interior */ /* START ارسال سوال */ .ask-question{width: 100%;} .ask-question>label{position: relative;display: flex;height: 80px;cursor: pointer;} .ask-question>label>i{display: flex;align-items:center;justify-content:center;width: 80px;background-color: var(--brown);color: var(--white);font-size: 40px;} .ask-question>label span{display: flex;align-items:center;justify-content:center;width: calc(100% - 80px);background-color: var(--dark-4);color: var(--white);font-size: 21px;padding: 12px;padding-left: 36px;line-height: 34px;} .ask-question>label span:after{content:"";position: absolute;left: 12px;width: 18px;height: 18px;border: 9px solid var(--brown);border-top-color: transparent;border-left-color: transparent;transform: rotate(45deg) skew(15deg, 15deg);transform-origin: 13px 13px;transition: 0.25s;} .ask-question>input:checked ~ label span:after{transform: rotate(-45deg) skew(15deg, 15deg);} .ask-question .form{max-height: 0;transition: 0.25s;overflow: hidden;padding-top: 0;} .ask-question>input:checked ~ .form{max-height: 600px;padding-top: 24px;} /* END ارسال سوال */ /* START فرم */ .form{padding-top: 24px;} .form .input-wrapper{display: flex;flex-wrap:wrap;margin-bottom: var(--margin-botom-card-in-section);} .form.vertical-input-wrpper .input-wrapper{flex-direction: column;} .form .input-wrapper label{margin-bottom: 4px;} .form .input-wrapper label{white-space: nowrap;} .form .input-wrapper .radio-group label{padding-left: 12px;padding-right: 4px;} .form .input-wrapper .checkbox-group label{padding-right: 4px;} .form .input-wrapper .checkbox-group label, .form .input-wrapper .radio-group label{white-space: normal;} .form.larg .input-wrapper input{height: 38px;} .form .input-wrapper input, .form .input-wrapper textarea{border:1px solid var(--light-2);color: var(--gray-3);} .form .submit-wrapper{display: flex;justify-content: end;width: 100%;} .form .submit-wrapper button{line-height: 32px;background-color: var(--white); padding: 0 20px;cursor: pointer;border: 1px solid var(--light-1);color: var(--gray-5);transition: 0.15s;} .form .submit-wrapper button:hover{background-color: var(--brown);color: var(--white);} .form:not(.vertical-input-wrpper) .input-wrapper label{flex: 1 1 120px;} .form:not(.vertical-input-wrpper) .input-wrapper .checkbox-group .wrapper{display: block;} .form:not(.vertical-input-wrpper) .input-wrapper .radio-group, .form:not(.vertical-input-wrpper) .input-wrapper .checkbox-group, .form:not(.vertical-input-wrpper) .input-wrapper input:not([type="radio"],[type="checkbox"]), .form:not(.vertical-input-wrpper) .input-wrapper textarea{flex: 1 1 calc(100% - 120px);} /* END فرم */ /* Start پیوندهای مرتبط */ .more-link-wrapper{margin-bottom: var(--margin-botom-card-in-section);} .more-link-wrapper ul.keywords{margin-bottom: 12px;} /* End پیوندهای مرتبط */ /* Start interior-group */ .interior-group{border-top: 1px solid var(--light-1);margin-bottom: var(--margin-botom-card-in-section);} .interior-group.hidden{display: none;} .interior-group .header-group span{position: absolute;right: 0;margin: 0;width: 72px;border-top: 5px solid var(--yellow);font-size:13px;line-height: 20px;color: var(--gray-3);padding: 24px 0;text-align: center;} .interior-group .inside-group{padding-right: 216px;padding-top: 24px;} /* End interior-group */ /* Start audio-player-section */ [data-theme="main-audio-player-section"] .inside-section .article-wrapper{width: 100%;} [data-theme="main-audio-player-section"] .inside-section .article-wrapper article .audio-player-interior .audio-info .audio-details{padding-right: calc(72px + 24px);} [data-theme="main-audio-player-section"] .inside-section .article-wrapper article .audio-player-interior .audio-info .audio-details time{position: absolute;right: 0;top: 0;width: 72px;text-align: center;} [data-theme="radio-player-section"] .inside-section .article-wrapper{width: 100%;} [data-theme="radio-player-section"] .inside-section .article-wrapper article{position: relative;} #sidebar [data-theme="radio-player-section"] .inside-section .article-wrapper article .interior-group{position: static;padding-bottom: 0;} [data-theme="radio-player-section"] .inside-section .article-wrapper article .interior-group .header-group{display: none;} [data-theme="radio-player-section"] .inside-section .article-wrapper article .interior-group .inside-group{padding: 0;} [data-theme="radio-player-section"] .inside-section .article-wrapper article .interior-group .inside-group .audio-list ul li.audio-item{border-bottom: none;} [data-theme="radio-player-section"] .inside-section .article-wrapper article .interior-group .inside-group .audio-list ul li.audio-item.playing, [data-theme="radio-player-section"] .inside-section .article-wrapper article .interior-group .inside-group .audio-list ul li.audio-item.paused{background-color: var(--light-3);} [data-theme="radio-player-section"] .inside-section .article-wrapper article .interior-group .inside-group .audio-list ul li.audio-item>:not(h3){display: none;} [data-theme="sidebar-audio-player-section"] .inside-section .article-wrapper{width: 100%;} /* End audio-player-section */ /* Start audio-player-wrapper */ .audio-player-interior:not(.radio) .audio-info{display: flex;margin-bottom: 12px;} .audio-player-interior:not(.radio) .audio-info .audio-details{width: calc(100% - 270px);display: flex;flex-direction: column;} .audio-player-interior:not(.radio) .audio-info .audio-details .keywords-dropdown-wrapper{margin-top: auto;} .audio-player-interior:not(.radio) .audio-info .audio-details .title {position: relative;} .audio-player-interior:not(.radio) .audio-info .audio-details .title a{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;font: var(--font-card-title-larg);color: var(--blue);padding-left: 12px;} .audio-player-interior:not(.radio) .audio-info .audio-details .keywords-dropdown{position: relative;display: inline-block;border-bottom: 1px solid var(--gray-4);width: 300px;cursor: pointer;} .audio-player-interior:not(.radio) .audio-info .audio-details .keywords-dropdown:before{content: "\e170";display: inline-block;font: normal 24px/24px 'khamenei_ir icon';margin-left: 12px;color: var(--gray-4);} .audio-player-interior:not(.radio) .audio-info .audio-details .keywords-dropdown:after{position: absolute; content: ""; width: 10px; height: 10px; margin-right: 12px; border: 5px solid var(--yellow); border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); left: 5px; top: 5px;} .audio-player-interior:not(.radio) .audio-info .audio-details .keywords-dropdown label{cursor: pointer;} .audio-player-interior:not(.radio) .audio-info .audio-details .keywords-dropdown .keywords-wrapper-in{position: absolute;display: none;top: 105%;left: 0;right: 0;background-color: var(--light-1);z-index: 1;} .audio-player-interior:not(.radio) .audio-info .audio-details .keywords-dropdown.active .keywords-wrapper-in{display: block;} .audio-player-interior:not(.radio) .audio-info .audio-details .keywords-dropdown .keywords-wrapper-in .keyword{width: auto !important;padding: 0 12px;} .audio-player-interior:not(.radio) .audio-info .audio-details .keywords-dropdown .keywords-wrapper-in .keyword:before{content: attr(data-keyword);cursor: pointer;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper{width: 270px;user-select: none;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-control-in{display: flex;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-control-in .thumbnail-wrapper{width: calc(100% - 72px);margin-bottom: 0;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper{width: 72px;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in{display: block;width: 72px;height: 72px;background-color: var(--yellow);border: none;cursor: pointer;} [data-page-color="others"] .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in{background-color: var(--red);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in svg {stroke: #fff;stroke-width: 1px;animation-name: path;fill: none;width: 36px;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in svg path {transition: transform 0.2s ease-out, d 0.2s ease-out, opacity 0.15s ease-out 0.15s;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in path:nth-child(1) {d: path('M1 24 21.56 12.66A.76.76 0 0021.61 11.37L21.25 11.17C20.9 10.9767 20.55 10.7833 20.2 10.59L1.08.07A.76.76 0 000 .81V23.25A.76.76 0 001 24Z');transition-delay: 0.15s} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in.playing path:nth-child(1) {d: path('M1.35 24 9.35 24A1 1 0 009.69 23.47L9.69.45C9.69.21 9.61 0 9.26 0L1.26 0A1.2 1.2 0 000 1.23V22.72A1.23 1.23 0 001.35 24Z');transition-delay: 0s;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in path:nth-child(2) {transform: translateX(0px);opacity: 0;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in.playing path:nth-child(2) {transform: translateX(15px);opacity: 1;transition-delay: 0.15s;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper label{display: flex;align-items: center;justify-content: center;background-color: var(--dark-3);color: var(--light-1);height: calc(100% - 72px);max-height:39.38px;text-align: center;white-space: nowrap;overflow: hidden;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in {display: flex;border-bottom: 1px solid var(--light-1);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip{position: relative;height: 40px;background-color: unset;border: none;cursor: pointer;padding: 0;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip button{background-color: unset;border: none;cursor: pointer;padding: 0;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.vjs-disabled svg{cursor: auto;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip svg{stroke: var(--gray-3);fill: none;transition: 0.25s;height: 100%;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip:not(.vjs-disabled):hover svg,.vjs-custom.video-js .vjs-play-control.vjs-paused svg,.vjs-custom.video-js .vjs-mute-control.vjs-vol-0 svg{stroke: var(--yellow);} [data-page-color="others"] .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip:not(.vjs-disabled):hover svg,.vjs-custom.video-js .vjs-play-control.vjs-paused svg,.vjs-custom.video-js .vjs-mute-control.vjs-vol-0 svg{stroke: var(--red);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip:hover svg .fill,.vjs-custom.video-js.vjs-audio .vjs-control.active svg .fill{fill: var(--yellow);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip:focus{text-shadow:none;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.active .vjs-menu + svg,.vjs-custom.video-js .vjs-control.active .vjs-main-menu + svg, .vjs-custom.video-js .vjs-control-bar-menu.active>svg, .vjs-custom.video-js .vjs-subs-caps-button.active{background-color: #333;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .download-control{width: 72px;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .download-control .download-ip{display: flex;align-items: center;justify-content:center;color: var(--gray-3);height: 100%;border: none;cursor: pointer;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .download-control .download-ip i{font-size: 25px;margin-left: 4px;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .download-control .downloads-list-in{position: absolute;top: 40px;right: 0;left: 0;display: none;z-index: 2;background-color: var(--gray-3);text-align: center;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .download-control.active .downloads-list-in{display: block;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .download-control .downloads-list-in:before{content: "کیفیت"; display: block; text-align: center; color: var(--yellow); font-size: 10px; line-height: 32px;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .download-control .downloads-list-in li a{display: block;font-size: 10px;color: var(--light-1);transition: 0.25s;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .download-control .downloads-list-in li a:hover{background-color: var(--gray-3);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel{display: flex;width: calc(100% - 144px);padding:0 12px;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control {width: 40px;order: 1;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control #volumeControl {transform: translateX(0);transition: 0.2s;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control #volumeControl path {transition: 0.2s;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-0 #volumeControl {opacity: 0;transform: translateX(0);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control #mute {transform: translate(17px, 11px) scale(0);transition: 0.2s;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-0 #mute {transform:translate(0, 0) scale(1);transition-delay: 0.15s;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-0 #volumeControl path:nth-child(1) {opacity: 0;transform: translate(6px, 5px) scale(0.5);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-0 #volumeControl path:nth-child(2) {opacity: 0;transform: translate(6px, 5px) scale(0.3);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-0 #volumeControl path:nth-child(3) {opacity: 0;transform: translate(6px, 5px) scale(0.19);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-1 #volumeControl path:nth-child(1) {opacity: 1;transform: translate(0, 0) scale(1);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-1 #volumeControl path:nth-child(2) {opacity: 0;transform: translate(6px, 5px) scale(0.56);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-1 #volumeControl path:nth-child(3) {opacity: 0;transform: translate(6px, 5px) scale(0.19);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-2 #volumeControl path:nth-child(1) {opacity: 1;transform: translate(0, 0) scale(1);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-2 #volumeControl path:nth-child(2) {opacity: 1;transform: translate(0, 0) scale(1);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-2 #volumeControl path:nth-child(3) {opacity: 0;transform: translate(6px, 4px) scale(0.65);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-3 #volumeControl path:nth-child(1) {opacity: 1;transform: translate(0, 0) scale(1);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-3 #volumeControl path:nth-child(2) {opacity: 1;transform: translate(0, 0) scale(1);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-mute-control.vjs-vol-3 #volumeControl path:nth-child(3) {opacity: 1;transform: translate(0, 0) scale(1);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-volume-control{position: relative;display: flex;align-items: center; width: calc(100% - 40px);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-volume-control:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-volume-control .vjs-volume-bar{position: relative;width: 100%;height: 3px;background-color: var(--gray-3);cursor: pointer;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-volume-control .vjs-volume-bar .vjs-mouse-display{position: absolute;display: none;width: 1px;height: 100%;background-color: var(--black);z-index: 1;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-volume-control:hover .vjs-volume-bar .vjs-mouse-display{display: block;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-volume-control .vjs-volume-bar .vjs-mouse-display .vjs-volume-tooltip{position: absolute;left: 50%;bottom: 8px;transform: translatex(-50%);padding: 2px 4px; background-color: rgba(0,0,0,.8);border-radius: 4px;z-index: 1;user-select: none;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-volume-control .vjs-volume-bar .vjs-volume-level{position: absolute;left: 0;height: 3px;background-color: var(--yellow);} [data-page-color="others"] .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-volume-control .vjs-volume-bar .vjs-volume-level{background-color: var(--red);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.embed{width: 72px;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.embed.active{background-color: var(--gray-3);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.embed.active svg{stroke: var(--white);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.embed .embed-section{position: absolute;top: 40px;background-color: var(--gray-3);padding: 8px;display: none;left: 0;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.embed.active .embed-section{display: flex;z-index: 1;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.embed.active .embed-section span{padding: 0 12px;direction: ltr;color: var(--white);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.embed .embed-section .embed-code{display: flex;background-color: var(--gray-4);color: var(--white);} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.embed .embed-section .embed-code code{position: relative;cursor: pointer;white-space: nowrap;padding: 0 12px;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.embed .embed-section .embed-code code:after{content: attr(data-tooltip);opacity: 0;font:var(--font-body);font-size: 0;direction: rtl;transition: 0.25s;position: absolute;left: 50%;transform: translateX(-50%);bottom: 36px;background-color: rgba(0, 0, 0, 0.3);backdrop-filter: blur(2px);padding: 0 4px;border-radius: 4px;} .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.embed .embed-section .embed-code code.copied:after{font-size: 10px;opacity: 1;} .audio-player-interior .waveform-audio-in.disabled{display: none;} .audio-player-interior .waveform-audio-in{position: relative;direction:rtl;display: flex;justify-content: end;cursor:pointer;margin-bottom: var(--margin-botom-card-in-section);margin-top: 24px;} .audio-player-interior .waveform-audio-in:after{content: "";position: absolute;top: 0;right: 0;left: 0;height: 50px;} .audio-player-interior .waveform-audio-in .main-wave-form-wrapper{overflow: hidden;width: 100%;direction: ltr;} .audio-player-interior .waveform-audio-in .main-wave-form-wrapper .mainWaveFormIn{display: block;} .audio-player-interior .waveform-audio-in .playing-wave-form-wrapper{position: absolute;width: 100%;overflow: hidden;display: flex;justify-content: flex-end;} .audio-player-interior .waveform-audio-in .audio-time{position: absolute;display: flex;justify-content: space-between;left: 0; right: 0;bottom: 30px;font-size:11px;line-height: 16px;height: 14px;user-select: none;} .audio-player-interior .waveform-audio-in .audio-time .duration{background-color: var(--black);color: var(--light-1);padding: 0 2px;border-radius:3px;} .audio-player-interior .waveform-audio-in .audio-time .current-time{background-color: #210400;color: var(--yellow);padding: 0 2px;border-radius:3px;} [data-page-color="others"] .audio-player-interior .waveform-audio-in .audio-time .current-time{color: var(--red);} .audio-player-interior .waveform-audio-in .keywords-wrapper .keyword{position: absolute;top: 50px;border-top: 2px solid var(--yellow);white-space: nowrap;height: 30px;} [data-page-color="others"] .audio-player-interior .waveform-audio-in .keywords-wrapper .keyword{border-top-color: var(--red);} .audio-player-interior .waveform-audio-in .keywords-wrapper .keyword:hover:after, .audio-player-interior .waveform-audio-in .keywords-wrapper .keyword.show:after{content: attr(data-keyword);} .audio-player-interior .waveform-audio-in .keywords-wrapper .keyword:after{position: absolute; top: 15px; right: 5px; color: var(--white); font-size: 11px; line-height: 14px; background-color: rgba(0,0,0,0.5); padding: 0 3px;padding-top: 2px; border-radius: 3px; } .audio-player-interior .waveform-audio-in .keywords-wrapper .keyword:before{content: "";position: absolute;height: 30px;width: 1px;background-color: var(--yellow);} [data-page-color="others"] .audio-player-interior .waveform-audio-in .keywords-wrapper .keyword:before{background-color: var(--red);} /* End audio-player-wrapper */ /* Start radio-player-wrapper */ #sidebar .audio-player-interior.radio{padding-bottom: 0;} .audio-player-interior.radio .audio-info .audio-details .title{display: none;} .audio-player-interior.radio .audio-info .audio-details time{display: none;} .audio-player-interior.radio .audio-info .audio-details .keywords-dropdown-wrapper{display: none;} .audio-player-interior.radio .audio-info .audio-player-wrapper .player-control-in .thumbnail-wrapper{width: 100%;padding:0 60px;} .audio-player-interior.radio .audio-info .audio-player-wrapper .player-control-in .thumbnail-wrapper .thumbnail img{object-fit: contain;} .audio-player-interior.radio .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in{position: absolute;top: 73px;right: 82px;display: block;width: 26px;height: 26px;background-color: var(--yellow);border: none;border-radius:50%;cursor: pointer;} .audio-player-interior.radio .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in svg {stroke: #fff;stroke-width: 1px;animation-name: path;fill: none;width: 16px;} .audio-player-interior.radio .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in svg path {transition: transform 0.2s ease-out, d 0.2s ease-out, opacity 0.15s ease-out 0.15s;} .audio-player-interior.radio .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in path:nth-child(1) {d: path('M1 24 21.56 12.66A.76.76 0 0021.61 11.37L21.25 11.17C20.9 10.9767 20.55 10.7833 20.2 10.59L1.08.07A.76.76 0 000 .81V23.25A.76.76 0 001 24Z');transition-delay: 0.15s;transform: translateX(3px);} .audio-player-interior.radio .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in.playing path:nth-child(1) {d: path('M1.35 24 9.35 24A1 1 0 009.69 23.47L9.69.45C9.69.21 9.61 0 9.26 0L1.26 0A1.2 1.2 0 000 1.23V22.72A1.23 1.23 0 001.35 24Z');transition-delay: 0s;transform: translateX(0);} .audio-player-interior.radio .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in path:nth-child(2) {transform: translateX(0px);opacity: 0;} .audio-player-interior.radio .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in.playing path:nth-child(2) {transform: translateX(15px);opacity: 1;transition-delay: 0.15s;} .audio-player-interior.radio .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper label{display: none;} .audio-player-interior.radio .audio-info .audio-player-wrapper .player-tools-in{display: none;} .audio-player-interior.radio .waveform-audio-in{margin: 0; position: absolute;direction:rtl; top: 40px; right: 75px; left: 75px; height: 15px; overflow: hidden; z-index: 1;} .audio-player-interior.radio .waveform-audio-in .main-wave-form-wrapper .mainWaveFormIn{opacity: 0;} .audio-player-interior.radio .waveform-audio-in .playing-wave-form-wrapper{min-width: 10px;} .audio-player-interior.radio .waveform-audio-in .playing-wave-form-wrapper:before{position: absolute;right: -0px;content: "";width: 8px;height: 15px;background-color:var(--white);border: 3px solid var(--yellow);} .audio-player-interior.radio .waveform-audio-in .playing-wave-form-wrapper .playingWaveFormIn{opacity: 0;} .audio-player-interior.radio .waveform-audio-in .audio-time .duration{display: none;} .audio-player-interior.radio .waveform-audio-in .audio-time .current-time{display: none;} .audio-player-interior.radio .waveform-audio-in .keywords-wrapper .keyword{display: none;} /* End radio-player-wrapper */ /* Start sidebar-player-wrapper */ #sidebar .audio-player-interior.sidebar{position: static;display: flex;flex-direction: column;padding-bottom: 0;padding-top: 12px;} .audio-player-interior.sidebar .audio-info{margin-bottom: 0;order: 1;} .audio-player-interior.sidebar .audio-info .audio-details{width: 50%;} .audio-player-interior.sidebar .audio-info .audio-details .title{display: none;} .audio-player-interior.sidebar .audio-info .audio-details time{position: absolute;top: 0;left: 72px;} .audio-player-interior.sidebar .audio-info .audio-details .keywords-dropdown-wrapper{width: 100%;} .audio-player-interior.sidebar .audio-info .audio-details .keywords-dropdown-wrapper .keywords-dropdown{width: 100%;border:none;} .audio-player-interior.sidebar .audio-info .audio-details .keywords-dropdown-wrapper .keywords-dropdown:after{content: none;} .audio-player-interior.sidebar .audio-info .audio-player-wrapper{width: 50%;} .audio-player-interior.sidebar .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper label{display: none;} .audio-player-interior.sidebar .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in{position: absolute;top: 0;left: 0;width: 42px;height: 42px;} .audio-player-interior.sidebar .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in svg {width: 24px;} .audio-player-interior.sidebar .audio-info .audio-player-wrapper .player-tools-in{order: 2;width: 100%;border: none;} .audio-player-interior.sidebar .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel{width: 100%;} .audio-player-interior.sidebar .audio-info .audio-player-wrapper .player-tools-in .download-control{width: auto;} .audio-player-interior.sidebar .audio-info .audio-player-wrapper .player-tools-in .download-control .downloads-list-in{right: auto;} .audio-player-interior.sidebar .audio-info .audio-player-wrapper .player-tools-in .download-control .downloads-list-in.active{right: auto;} .audio-player-interior.sidebar .audio-info .audio-player-wrapper .player-tools-in .download-control .downloads-list-in li a{white-space: nowrap;padding: 0 12px;} .audio-player-interior.sidebar .audio-info .audio-player-wrapper .player-tools-in .embed{display: none;} /* End sidebar-player-wrapper */ /* Start custom-check box */ .input-wrapper input[type="radio"], .input-wrapper input[type="checkbox"]{position: relative;width: 12px;height: 12px;vertical-align: middle;border: 1px solid var(--gray-4);-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor:pointer;margin: 1px;} .input-wrapper input[type="radio"]{border-radius: 50%;} .input-wrapper input[type="radio"]:after{border-radius: 50%;} .input-wrapper input:after{content: "";position: absolute;width: 0;height: 0;background-color: var(--brown);top: 50%;left:50%;transform: translate(-50%, -50%);transition: 0.15s;} .input-wrapper input:checked:after{width: 8px;height: 8px;} .input-wrapper label{cursor:pointer;} /* End custom-check box */ /* Start main-section-list */ [data-theme="main-section-list"] .inside-section .article-wrapper{width: 100%;} [data-theme="main-section-list"] .inside-section .article-wrapper article{border-bottom: 1px solid var(--light-1);} [data-theme="main-section-list"].has-thumbnail .inside-section .article-wrapper:nth-child(n+2) article{display: flex;} [data-theme="main-section-list"].has-thumbnail .inside-section .article-wrapper:nth-child(n+2) article .thumbnail-wrapper{width: 122px;padding: 24px 0;} [data-theme="main-section-list"] .inside-section .article-wrapper article .thumbnail-wrapper{position: relative;} [data-theme="main-section-list"].has-thumbnail .inside-section .article-wrapper:first-child article .thumbnail-overlay{position: absolute;top: 0;left: 0;bottom: 0;right: 50%;display: flex;align-items: center;justify-content:end;z-index: 1;} [data-theme="main-section-list"].has-thumbnail .inside-section .article-wrapper:first-child article .thumbnail-overlay.back-dark{background-color: rgba(0, 0, 0, 0.8);} [data-theme="main-section-list"].has-thumbnail .inside-section .article-wrapper:first-child article .thumbnail-overlay .play-btn{display: flex;align-items: center;justify-content: center;background-color: var(--yellow);color:var(--white);width: 36px;height: 36px;} [data-theme="main-section-list"].has-thumbnail .inside-section .article-wrapper:first-child article .thumbnail-overlay .favorite{color: var(--white);padding-left: 12px;} [data-theme="main-section-list"].has-thumbnail .inside-section .article-wrapper:first-child article .thumbnail-overlay .favorite i{margin-left: 4px;} [data-theme="main-section-list"] .inside-section .article-wrapper article .details-wrapper{display: flex;flex-wrap: wrap;padding-bottom: 24px;} [data-theme="main-section-list"].has-thumbnail .inside-section .article-wrapper:nth-child(n+2) article .details-wrapper{width: calc(100% - 122px);padding-right: 12px;} [data-theme="main-section-list"] .inside-section .article-wrapper article .details-wrapper .title{width: 100%;} [data-theme="main-section-list"] .inside-section .article-wrapper article .details-wrapper .title a{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;width: 100%;padding-top: 24px;padding-bottom: 4px;} [data-theme="main-section-list"] .inside-section .article-wrapper article .details-wrapper .title a:before{content: "\e221"; display: inline-block; font: var(--font-section-icon); color: var(--yellow); margin-left: 4px; transform: translateY(-3px);} [data-theme="main-section-list"].has-thumbnail .inside-section .article-wrapper:nth-child(n+2) article .details-wrapper .title a:before{content: none;} [data-theme="main-section-list"] .inside-section .article-wrapper article .details-wrapper time{order: 2;margin-right: auto;} [data-theme="main-section-list"] .inside-section .article-wrapper article .details-wrapper time a{font-size: 13px;color: var(--gray-3);} [data-theme="main-section-list"] .inside-section .article-wrapper article .details-wrapper .view-more{order: 1;padding-right: 8px;} [data-theme="main-section-list"].has-thumbnail .inside-section .article-wrapper:nth-child(n+2) article .details-wrapper .view-more{padding-right: 0;} [data-theme="main-section-list"] .inside-section .article-wrapper article .details-wrapper .view-more a{font-size:13px;color: var(--gray-3);} /* End main-section-list */ /* Start main-video-player-section */ [data-theme="main-video-player-section"] {width: 100%;} [data-theme="main-video-player-section"] .inside-section .article-wrapper article .video-player-wrapper{margin-bottom: 24px;} [data-theme="main-video-player-section"] .inside-section .article-wrapper article .details-wrapper{display: flex;flex-wrap: wrap;} [data-theme="main-video-player-section"] .inside-section .article-wrapper article .details-wrapper .sup-title{width: calc(100% - 72px);} [data-theme="main-video-player-section"] .inside-section .article-wrapper article .details-wrapper .title{width: 100%;} [data-theme="main-video-player-section"] .inside-section .article-wrapper article .details-wrapper .title a{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;font: var(--font-card-title-larg);color: var(--blue);margin-bottom: 12px;} [data-theme="main-video-player-section"] .inside-section .article-wrapper article .details-wrapper .lead{width: 100%;display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;} [data-theme="main-video-player-section"] .inside-section .article-wrapper article .details-wrapper time{order: -1;width: 72px;} [data-theme="main-video-player-section"] .inside-section .article-wrapper article .details-wrapper time a{font: var(--font-card-text);color: var(--gray-1);} /* End main-video-player-section */ /* Start main-side-video */ [data-theme="main-side-video"] {margin-bottom: 0;} [data-theme="main-side-video"]:last-child {border-bottom: none !important;} [data-theme="main-side-video"] .inside-section .article-wrapper article .thumbnail-wrapper{position: relative;margin-bottom: 8px;} [data-theme="main-side-video"] .inside-section .article-wrapper article .thumbnail-overlay{position: absolute;top: 50%;left: 0;transform: translateY(-50%);} [data-theme="main-side-video"] .inside-section .article-wrapper article .thumbnail-overlay a{display: flex; align-items: center; justify-content: center; background-color: var(--yellow); color: var(--white); width: 36px; height: 36px; } [data-theme="main-side-video"] .inside-section .article-wrapper article .details-wrapper{display: flex;flex-wrap: wrap;} [data-theme="main-side-video"] .inside-section .article-wrapper article .details-wrapper .sup-title{width: 100%;text-indent: 72px;min-height: 30px;} [data-theme="main-side-video"] .inside-section .article-wrapper article .details-wrapper .title a{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;font: var(--font-card-title-medium);color: var(--blue);} [data-theme="main-side-video"] .inside-section .article-wrapper article .details-wrapper time{order: -1;height: 0;width: 0;} [data-theme="main-side-video"] .inside-section .article-wrapper article .details-wrapper time a{font: var(--font-card-text);color: var(--gray-1);} /* End main-side-video */ /* Start topKeyword */ #topKeyword[data-theme="multi-media"]{border-bottom: 1px solid var(--light-1);} #topKeyword .inside-section .article-wrapper{margin-bottom: 24px;overflow: hidden;} #topKeyword .inside-section .article-wrapper article{display: flex;flex-wrap: wrap;flex-direction: column;height: 100%;} #topKeyword .inside-section .article-wrapper article .thumbnail-wrapper .thumbnail-overlay{position: absolute;top: 0;background-color: rgba(0, 0, 0, 0.8);} #topKeyword[data-theme="multi-media"] .inside-section .article-wrapper article .thumbnail-wrapper .thumbnail-overlay{left: 0;background-color: var(--yellow);color: var(--white);padding: 4px 8px;} #topKeyword .inside-section .article-wrapper article .thumbnail-wrapper .thumbnail-overlay a{color: var(--white);padding: 0 12px;} #topKeyword .inside-section .article-wrapper article .thumbnail-wrapper .thumbnail-overlay a:before{content: "#";} #topKeyword .inside-section .article-wrapper article .details-wrapper{border-bottom: 1px solid transparent;transition: 0.25s;} #topKeyword[data-theme="multi-media"] .inside-section .article-wrapper article .details-wrapper{background-color: var(--light-3);width: 100%;flex: 1;} #topKeyword .inside-section .article-wrapper article:hover .details-wrapper{border-bottom: 1px solid var(--blue);} #topKeyword[data-theme="multi-media"] .inside-section .article-wrapper article:hover .details-wrapper{border-bottom: 1px solid var(--yellow);} #topKeyword .inside-section .article-wrapper article .details-wrapper .title a{padding: 12px 0;text-align: center;} /* End topKeyword */ /* Start book-dashboard */ [data-theme="book-dashboard"] .inside-section .swiper-slide .article-wrapper{width: 100%;} [data-theme="book-dashboard"] .inside-section .article-wrapper article{height: 100%;transition: 0.25s;border-bottom: 1px solid transparent;} [data-theme="book-dashboard"] .inside-section .article-wrapper article:hover{border-bottom-color: var(--brown);} [data-theme="book-dashboard"] .inside-section .article-wrapper article .details-wrapper .title a{text-align: center;padding: 18px 12px;} [data-theme="book-dashboard"] .inside-section>div:not(.article-wrapper){width: 100%;} [data-theme="book-dashboard"] .inside-section .swiper .swiper-wrapper .swiper-slide{display: flex;height: auto;} [data-theme="book-dashboard"] .inside-section .swiper-button-next{left: 0;} [data-theme="book-dashboard"] .inside-section .swiper-button-prev{right: 0;} [data-theme="book-dashboard"] .inside-section .swiper-button-next, [data-theme="book-dashboard"] .inside-section .swiper-button-prev{top: 22px;height: 100%;width: 52px;background-color: rgb(185 168 121/0.8);color: var(--white);} [data-theme="book-dashboard"] .inside-section .swiper-button-next i, [data-theme="book-dashboard"] .inside-section .swiper-button-prev i{font-size: 52px;} [data-theme="book-dashboard"] .inside-section .swiper-button-next:after, [data-theme="book-dashboard"] .inside-section .swiper-button-prev:after{content: unset;} [data-theme="book-dashboard"] .inside-section .swiper-button-disabled{opacity: 0;} /* End book-dashboard */ /* Start keyword-filter */ .keyword-filter-wrapper .keyword-filter{margin-bottom: 24px;} .keyword-filter-wrapper .keyword-filter .header-filter{border-bottom: 1px solid var(--brown);margin-bottom: 8px;} .keyword-filter-wrapper .keyword-filter .header-filter span{color: var(--blue);} .keyword-filter-wrapper .keyword-filter .inside-filter .input-wrapper label input{margin-left: 4px;} /* End keyword-filter */ /* Start content-box */ .container .row .content-box{height: auto;} .container .row .row>div:not(:last-child)>section.content-box:after{left: -12px;} .container .content-box .header-section{margin-bottom: 0;} .content-box.padding-start-72{padding-right: 72px;} .content-box.padding-start-144{padding-right: 144px;} .content-box .header-section.padding-start-144{padding-right: 144px;font: var(--font-body);} .content-box .header-section .side-header{position: absolute;top: 0;right: 0;width: 72px;text-align: center;padding-top: 20px;border-top: 0;user-select: auto;} .content-box .header-section .side-header:before{content:"";position: absolute;top: 0;right: 0;width: 72px;border-top: 4px solid var(--blue);} .content-box .header-section .side-header.think-border-top{border-top-width: 1px;padding-top: 24px;} .content-box .header-section .side-header.none-border-top{border-top: none;padding-top: 24px;} .content-box .header-section .side-header .side-title{font: var(--font-section-title-side);color: var(--blue);} .content-box .header-section .side-header .side-title a{display: block;} .content-box .header-section .title-section a{display: block;padding-top: 24px;user-select: auto;} .content-box .header-section .hadis-title{user-select: auto;} .content-box .header-section .hadis-title a{display: block;text-align: center;color: var(--blue);font: var(--font-Neirizi);padding-top: 24px;padding-bottom: 12px;} .content-box .header-section .hadis-translate{text-align: center;padding-bottom: 24px;user-select: auto;font-weight: 400;font: var(--font-body);} .content-box .inside-section.padding-start-72{padding-right: 72px;} .content-box .inside-section.padding-start-144{padding-right: 144px;} .content-box .inside-section .article-wrapper article{position: relative;padding-top: 24px;} .content-box .inside-section .article-wrapper article .title-supplement{position: absolute;left: 0;font: var(--font-body);display: inline-block;} .content-box .inside-section .article-wrapper article.border-top{border-top: 1px solid var(--light-1);} .content-box .inside-section .article-wrapper article.padding-start-72{padding-right: calc(72px + 24px);} .content-box .inside-section .article-wrapper article.padding-start-144{padding-right: 144px;} .content-box .inside-section .article-wrapper article.padding-start-216{padding-right: 216px;} .content-box .inside-section .article-wrapper article .side-header{position: absolute;right: 0;width: 72px;text-align: center;z-index: 1;} .content-box .inside-section .article-wrapper article .side-header .side-title{font: var(--font-section-title-side);} .content-box .inside-section .article-wrapper article .side-header .side-title.arabic-font{font:var(--font-Neirizi);font-size: 13px;line-height: 30px;} .content-box .inside-section .article-wrapper article .side-header .side-title a{display: block;} .content-box .inside-section .article-wrapper article .side-header .fish-count{text-align: center;} .content-box .inside-section .article-wrapper article .side-header .fish-count span{padding:0 8px;} .content-box .inside-section .article-wrapper article .side-header .fish-count:before{display: block;} .content-box .inside-section .article-wrapper article .header-wrapper .attachment{position: absolute;left: 0;} .content-box .inside-section .article-wrapper article .header-wrapper .sup-title a{display: block;font-weight: normal;padding-top: 12px;} .content-box .inside-section .article-wrapper article time a{display:inline-block;padding-bottom: 24px;} .content-box .inside-section .article-wrapper article .title a{display: block;} .content-box .inside-section .article-wrapper article .title:not(.brown,.gray) a{display: block;color: var(--blue);} .content-box .inside-section .article-wrapper article .title a{font: var(--font-card-title-larg);margin-bottom: 24px;} .content-box .inside-section .article-wrapper article .title.small a{font: var(--font-card-title);color: var(--blue);padding-bottom: 0;} .content-box .inside-section .article-wrapper article .title.medium a{font: var(--font-card-title-medium);line-height:34px;} .content-box .inside-section .article-wrapper article .title.brown a{color: var(--brown);} .content-box .inside-section .article-wrapper article .title.gray a{color: var(--gray-1);} .content-box .inside-section .article-wrapper article .title.bullet a:before{content: "\e221"; display: inline-block; font: var(--font-section-icon); color: var(--blue); margin-left: 8px; transform: translateY(-3px);} .content-box .inside-section .article-wrapper article .title.bullet.larg-bullet a:before{font-size: 48px;} .content-box .inside-section .article-wrapper article .sub-title a{font:var(--font-body);color: var(--gray-1);} .content-box .inside-section .article-wrapper article .sub-title.bullet a:before{content: "\e221"; display: inline-block; font: var(--font-section-icon); color: var(--blue); margin-left: 8px; transform: translateY(-3px);} .content-box .inside-section .article-wrapper article .details-wrapper .main-text{padding-bottom: 24px;} .content-box .inside-section .article-wrapper article .details-wrapper .main-text.bullet:before{content: "\e221"; display: inline-block; font: var(--font-section-icon); color: var(--blue); margin-left: 8px; transform: translateY(-3px);} .content-box .inside-section .article-wrapper article .details-wrapper .question{padding-bottom: 24px;} .content-box .inside-section .article-wrapper article .details-wrapper .question:before{color: var(--brown);} .content-box .inside-section .article-wrapper article .details-wrapper .answer{padding-bottom: 24px;} .content-box .inside-section .article-wrapper article .details-wrapper .answer:before{color: var(--brown);} .content-box .inside-section .article-wrapper article .details-wrapper ul.list-text{padding-bottom: 24px;} .content-box .inside-section .article-wrapper article .footer-wrapper{border-top: 1px dashed var(--light-1);border-bottom: 1px solid var(--light-1);padding: 24px 0;} .content-box .inside-section .article-wrapper article.border-top .footer-wrapper{border-bottom: none;} .content-box .inside-section .article-wrapper article .footer-wrapper .speech-title a{display: block;padding-bottom: 24px;color: var(--blue);} .content-box .inside-section .article-wrapper article .footer-wrapper .speech-title a:before{content: "\e227";color:var(--gray-4);margin-left: 12px;font: var(--font-section-icon);font-size: 24px;} .content-box .inside-section .article-wrapper article .footer-wrapper .grouping-keywords{padding-bottom: 24px;} .content-box .inside-section .article-wrapper article .footer-wrapper .grouping-keywords ul{display: flex;justify-content: flex-end;} .content-box .inside-section .article-wrapper article .footer-wrapper .grouping-keywords ul li{margin: 0 8px;} .content-box .inside-section .article-wrapper article .footer-wrapper .grouping-keywords ul li a{display: flex;align-items:center;background-color: var(--brown);color: var(--white);height: 20px;padding-left: 8px;user-select: none;} .content-box .inside-section .article-wrapper article .footer-wrapper .grouping-keywords ul li a span{background-color: var(--white);color: var(--gray-4);width: 20px;height: 20px;text-align: center;border: 1px solid var(--light-1);margin-left: 4px;} .content-box .inside-section .article-wrapper article .fixed-link{display: flex;justify-content: flex-end;user-select: none;} .content-box .inside-section .article-wrapper article .fixed-link a{position: relative;background-color: var(--light-3);color: var(--gray-1);padding: 0 8px;} .content-box .inside-section .article-wrapper article .fixed-link a:before{content:"کپی شد!";position: absolute;top: calc(-100% + -4px);left:50%;font-size: 0;opacity: 0;transform: translateX(-50%);background-color: rgba(0, 0, 0, 0.5);color: var(--white); padding: 0 4px; border-radius: 4px;transition: 0.25s;} .content-box .inside-section .article-wrapper article .fixed-link a.copied:before{opacity: 1;font-size: 11px;} .content-box .inside-section .article-wrapper article .fixed-link span{font:var(--font-body);background-color: var(--brown);color: var(--white);padding: 0 8px;} .content-box .article-wrapper article .view-more-btn{text-align: end;} .content-box .article-wrapper article .view-more-btn a{display:inline-block;background-color: var(--brown);color: var(--white);text-align: center;padding: 2px 12px;} .content-box[data-font-size="1"] .header-section .title-section a, .content-box[data-font-size="1"] .inside-section .article-wrapper article time a, .content-box[data-font-size="1"] .inside-section .article-wrapper article .details-wrapper .question, .content-box[data-font-size="1"] .inside-section .article-wrapper article .details-wrapper .answer, .content-box[data-font-size="1"] section.content-box .inside-section .article-wrapper article .details-wrapper .address-reference a, .content-box[data-font-size="1"] section.content-box .inside-section .article-wrapper article .details-wrapper .content-reference a, .content-box[data-font-size="1"] section.content-box .inside-section .article-wrapper article .details-wrapper .translate-reference, .content-box[data-font-size="1"] .inside-section .article-wrapper article .details-wrapper .main-text{font-size: 15px !important;line-height: 28px !important;} .content-box[data-font-size="1"] .inside-section .article-wrapper article .title a{font-size: 28px !important;} .content-box[data-font-size="1"] .inside-section .article-wrapper article .title.bullet.larg-bullet a:before{font-size: 52px !important;} .content-box[data-font-size="-1"] .header-section .title-section a, .content-box[data-font-size="-1"] .inside-section .article-wrapper article time a, .content-box[data-font-size="-1"] .inside-section .article-wrapper article .details-wrapper .question, .content-box[data-font-size="-1"] .inside-section .article-wrapper article .details-wrapper .answer, .content-box[data-font-size="-1"] section.content-box .inside-section .article-wrapper article .details-wrapper .address-reference a, .content-box[data-font-size="-1"] section.content-box .inside-section .article-wrapper article .details-wrapper .content-reference a, .content-box[data-font-size="-1"] section.content-box .inside-section .article-wrapper article .details-wrapper .translate-reference, .content-box[data-font-size="-1"] .inside-section .article-wrapper article .details-wrapper .main-text{font-size: 11px !important;line-height: 21px !important;} .content-box[data-font-size="-1"] .inside-section .article-wrapper article .title a{font-size: 21px !important;} .content-box[data-font-size="-1"] .inside-section .article-wrapper article .title.bullet.larg-bullet a:before{font-size: 44px !important;} #content[data-filter-month="1"] .content-box:not([data-month="1"]){ display: none; } #content[data-filter-month="2"] .content-box:not([data-month="2"]){ display: none; } #content[data-filter-month="3"] .content-box:not([data-month="3"]){ display: none; } #content[data-filter-month="4"] .content-box:not([data-month="4"]){ display: none; } #content[data-filter-month="5"] .content-box:not([data-month="5"]){ display: none; } #content[data-filter-month="6"] .content-box:not([data-month="6"]){ display: none; } #content[data-filter-month="7"] .content-box:not([data-month="7"]){ display: none; } #content[data-filter-month="8"] .content-box:not([data-month="8"]){ display: none; } #content[data-filter-month="9"] .content-box:not([data-month="9"]){ display: none; } #content[data-filter-month="10"] .content-box:not([data-month="10"]){ display: none; } #content[data-filter-month="11"] .content-box:not([data-month="11"]){ display: none; } #content[data-filter-month="12"] .content-box:not([data-month="12"]){ display: none; } /* End content-box */ /* Start content-box[data-theme="package"] */ .content-box[data-theme="package"] {display: flex;} .content-box[data-theme="package"] .inside-section .article-wrapper article{position: relative;padding-top: 0;margin-top: 24px;display: flex;flex-wrap: wrap;} .content-box[data-theme="package"] .inside-section .article-wrapper:not(:last-child) article:after{content: ""; position: absolute; top: 0; left: -12px; width: 1px; height: 100%; background-color: var(--light-1);} .content-box[data-theme="package"] .inside-section .article-wrapper article .thumbnail-wrapper{width: 72px;} .content-box[data-theme="package"] .inside-section .article-wrapper article .thumbnail-wrapper ~ .header-wrapper{width: calc(100% - 72px);padding-right: 24px;} .content-box[data-theme="package"] .inside-section .article-wrapper article .header-wrapper .title{margin-bottom: 12px;} /* End content-box[data-theme="package"] */ /* Start content-box[data-theme="keywords"] */ .content-box[data-theme="keywords"] .inside-section .article-wrapper article .keyword-filter-wrapper{position: absolute;right: 0;width: 216px;padding-top: 50px;padding-left: 72px;} /* End content-box[data-theme="keywords"] */ /* Start content-box[data-theme="hadis-fish"] */ [data-theme="hadis-fish"] section.content-box{position: static;} [data-theme="hadis-fish"] section.content-box:before{content:"";position: absolute;right: 0;left: 0;border-top: 1px solid var(--light-1);transform:translateY(-1px)} [data-theme="hadis-fish"] section.content-box .inside-section .article-wrapper {width: 100%;} [data-theme="hadis-fish"] section.content-box .inside-section .article-wrapper article{position: static;padding-bottom: 24px;} [data-theme="hadis-fish"] section.content-box .inside-section .article-wrapper:not(:last-child) article{border-bottom: 1px dashed var(--light-1);} [data-theme="hadis-fish"] section.content-box .inside-section .article-wrapper article .side-header{position: absolute;right: 0;width: 72px;text-align: center;padding-top: 20px;border-top: 4px solid var(--blue);transform: translateY(-25px);} [data-theme="hadis-fish"] section.content-box .inside-section .article-wrapper article .side-header.think-border-top{border-top-width: 1px;padding-top: 24px;} [data-theme="hadis-fish"] section.content-box .inside-section .article-wrapper article .side-header.none-border-top{border-top: none;padding-top: 24px;} [data-theme="hadis-fish"] section.content-box .inside-section .article-wrapper article .side-header .side-title{font: var(--font-section-title-side);color: var(--blue);} [data-theme="hadis-fish"] section.content-box .inside-section .article-wrapper article .details-wrapper .address-reference{text-align: justify;} [data-theme="hadis-fish"] section.content-box .inside-section .article-wrapper article .details-wrapper .address-reference a{color: var(--gray-3);} [data-theme="hadis-fish"] section.content-box .inside-section .article-wrapper article .details-wrapper .content-reference{text-align: justify;} [data-theme="hadis-fish"] section.content-box .inside-section .article-wrapper article .details-wrapper .content-reference a{color: var(--blue);font:var(--font-body);} [data-theme="hadis-fish"] section.content-box .inside-section .article-wrapper article .details-wrapper .translate-reference{color: var(--gray-3);text-align: justify;} /* End content-box[data-theme="hadis-fish"] */ /* Start content-box[data-theme="interior-treatise"] */ .content-box[data-theme="interior-treatise"]>.header-section{border-top: 1px solid var(--light-1);padding-bottom: 24px;} .content-box[data-theme="interior-treatise"]>.header-section>.side-header{position: relative;width: 100%;border-top: none;} .content-box[data-theme="interior-treatise"]>.header-section>.side-header:after{content:"";position: absolute;top: -1px;right: 0;width: 72px;border-top: 1px solid var(--blue);} .content-box[data-theme="interior-treatise"]>.header-section>.side-header>.side-title{text-align: start;color: var(--blue);} .content-box[data-theme="interior-treatise"]>.header-section>.side-header>.side-title a{color: var(--blue);} .container .row #content .content-box[data-theme="interior-treatise"] .header-section .side-header .side-title .title-supplement{position: absolute;left: 0;top: 24px;font: var(--font-body);} .content-box[data-theme="interior-treatise"] .inside-section .article-wrapper article{padding-top: 0;} .content-box[data-theme="interior-treatise"]>.inside-section>.article-wrapper>article>.header-wrapper .title a{padding-bottom: 0;} .content-box[data-theme="interior-treatise"] section.content-box .header-section{border-top: 1px solid var(--light-1);} .content-box[data-theme="interior-treatise"] section.content-box .inside-section .article-wrapper article .header-wrapper .title a{padding-top: 24px;} .content-box[data-theme="interior-treatise"] section.content-box .inside-section .article-wrapper article .details-wrapper{padding-bottom: 24px;} .content-box[data-theme="interior-treatise"] section.content-box .inside-section .article-wrapper:not(:last-child) article .details-wrapper{border-bottom: 1px dashed var(--light-1);} .content-box[data-theme="interior-treatise"] section.content-box .inside-section .article-wrapper article .details-wrapper .question{padding-bottom: 0px;} /* End content-box[data-theme="interior-treatise"] */ /* Start content-box[data-theme="interior-treatise"] */ .content-box[data-theme="larg-list"] .inside-section .article-wrapper{width: 100%;} .content-box[data-theme="larg-list"] .inside-section .article-wrapper article{padding-top: 0;} .content-box[data-theme="larg-list"] .inside-section .article-wrapper article .details-wrapper ul.list-text li{position: relative;} .content-box[data-theme="larg-list"] .inside-section .article-wrapper article .details-wrapper ul.list-text li:not(:last-child){border-bottom: 1px solid var(--light-1);} .content-box[data-theme="larg-list"] .inside-section .article-wrapper article .details-wrapper ul.list-text li a{padding: 18px 0;line-height: 21px;} .content-box[data-theme="larg-list"] .inside-section .article-wrapper article .details-wrapper ul.list-text li .title-supplement{top: 23px;line-height: 21px;} /* End content-box[data-theme="interior-treatise"] */ /* Start content-box[data-theme="interior-treatise"] */ .container .content-box[data-theme="book-dashboard"] .header-section{border-top: 1px solid var(--light-1);} .container .content-box[data-theme="book-dashboard"] .header-section .side-header{position: static;} .container .content-box[data-theme="book-dashboard"] .inside-section .article-wrapper article{padding-top: 0;} .container .content-box[data-theme="book-dashboard"] .inside-section .swiper{padding-top: 24px;} .container .content-box[data-theme="book-dashboard"] .inside-section .swiper .swiper-pagination{bottom: auto;top: 0;text-align: end;} .container .content-box[data-theme="book-dashboard"] .inside-section .swiper .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 0;vertical-align:top;background-color: var(--gray-4);opacity: 1;} .container .content-box[data-theme="book-dashboard"] .inside-section .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--blue);} .container .content-box[data-theme="book-dashboard"] .inside-section .swiper-button-next, .container .content-box[data-theme="book-dashboard"] .inside-section .swiper-button-prev{top: 46px;height: calc(100% - 24px);} /* End content-box[data-theme="interior-treatise"] */ /* Start content-box[data-theme="related-fish"] */ .content-box[data-theme="related-fish"] .header-section{border-top: 1px solid var(--light-1);} .content-box[data-theme="related-fish"] .inside-section .article-wrapper article .header-wrapper .title{position: relative;} .content-box[data-theme="related-fish"] .inside-section .article-wrapper article .header-wrapper .title a{padding-bottom: 24px;} .content-box[data-theme="related-fish"] .inside-section .article-wrapper article .header-wrapper .title .title-supplement{top: 0;} .content-box[data-theme="related-fish"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords{padding-bottom: 24px;} .content-box[data-theme="related-fish"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords ul{display: flex;} .content-box[data-theme="related-fish"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords ul li a{display: flex;flex-wrap:wrap;align-items: center;min-width: 88px;padding: 0 12px;} .content-box[data-theme="related-fish"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords ul li:first-child a{padding-right: 4px;} .content-box[data-theme="related-fish"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords ul li a:before{content: "\e221"; order: -1; display: inline-block; font: var(--font-section-icon); color: var(--blue); transform: translate(4px,-4px);} .content-box[data-theme="related-fish"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords ul li:not(:last-child) a{border-left: 1px solid var(--light-1);} .content-box[data-theme="related-fish"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords ul li a span{width: 100%;padding-right: 4px;} /* End content-box[data-theme="related-fish"] */ /* Start content-box[data-theme="related-product"] */ .content-box[data-theme="related-product"]{display: flex;flex-wrap: wrap;} .content-box[data-theme="related-product"] .header-section{width: 100%;border-top: 1px solid var(--light-1);} .content-box[data-theme="related-product"] .inside-section{width: calc(100% - 216px);padding-top: 24px;align-content: flex-start;} .content-box[data-theme="related-product"] .keyword-filter-wrapper{width: 216px;padding-top: 96px;padding-left: 72px;} .content-box[data-theme="related-product"] .inside-section .article-wrapper{width: 100%;} .content-box[data-theme="related-product"] .inside-section .article-wrapper article{padding: 0;} .content-box[data-theme="related-product"] .inside-section .article-wrapper article .header-wrapper{display: block;} .content-box[data-theme="related-product"] .inside-section .article-wrapper article .header-wrapper time a{padding: 0;display: inline;} .content-box[data-theme="related-product"] .inside-section .article-wrapper article .header-wrapper .title{display: inline;} .content-box[data-theme="related-product"] .inside-section .article-wrapper article .header-wrapper .title a{display: inline;color: var(--gray-1);line-height: 25px;} .content-box[data-theme="related-product"] .inside-section .article-wrapper article .header-wrapper .title a:before{content: "-";padding: 0 2px;} /* End content-box[data-theme="related-product"] */ /* Start content-box[data-theme="all-keywords"] */ @keyframes rotateWaiting { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } .content-box[data-theme="all-keywords"] .header-section .filter-horizontal-scroll{padding: 24px 0;} .content-box[data-theme="all-keywords"] .header-section .filter-horizontal-scroll .filter-title{width: 164px;} .content-box[data-theme="all-keywords"] .header-section .filter-horizontal-scroll .filter-title span{font-size: 21px;line-height: 34px;color: var(--blue);} .content-box[data-theme="all-keywords"] .header-section .filter-horizontal-scroll .filter-horizontal-swiper{width: calc(100% - 164px);} .content-box[data-theme="all-keywords"] .header-section .filter-horizontal-scroll .filter-horizontal-swiper .swiper-wrapper .swiper-slide{display: flex;align-items: center;} .content-box[data-theme="all-keywords"] .header-section .search-wrapper .search-box button{background-color: var(--brown);} .content-box[data-theme="all-keywords"] .header-section .search-wrapper .search-box button:before{content: "\e133";font: normal 50px/24px 'khamenei_ir icon';display: inline-block;opacity:0;position: absolute;animation: rotateWaiting 1.5s infinite linear;} .content-box[data-theme="all-keywords"] .header-section .search-wrapper .search-box input.typing ~ button:before{opacity: 1;} .content-box[data-theme="all-keywords"] .header-section .search-wrapper .search-box button i{transition: 0.25s;} .content-box[data-theme="all-keywords"] .header-section .search-wrapper .search-box input.typing ~ button i{opacity: 0;} .content-box[data-theme="all-keywords"] .inside-section .article-wrapper{width: 100%;} .content-box[data-theme="all-keywords"] .inside-section .article-wrapper article{display: flex;} .content-box[data-theme="all-keywords"] .inside-section .article-wrapper article .keyword-filter-wrapper{width: 216px;padding-left: 72px;} .content-box[data-theme="all-keywords"] .inside-section .article-wrapper article .keyword-filter-wrapper .keyword-filter .alphabet-filter{position: relative;} .content-box[data-theme="all-keywords"] .inside-section .article-wrapper article .keyword-filter-wrapper .keyword-filter .alphabet-filter .dropdown{position: absolute;left: 0;top: 0;width: 60px;} .content-box[data-theme="all-keywords"] .inside-section .article-wrapper article .keyword-filter-wrapper .keyword-filter .alphabet-filter .dropdown input:checked + .dropdown-item{color: var(--brown);} .content-box[data-theme="all-keywords"] .inside-section .article-wrapper article .details-wrapper{width: calc(100% - 216px);} /* .content-box[data-theme="all-keywords"] .inside-section .article-wrapper article .details-wrapper .list-keyword:after{content: "\e133";font: normal 50px/24px 'khamenei_ir icon';position: absolute;left: 50%;transform: translateX(-50%);top: 10%;animation: rotateWaiting 1.5s infinite linear;z-index: -1;opacity: 0;} .content-box[data-theme="all-keywords"] .inside-section .article-wrapper article .details-wrapper .list-keyword:before{content: "";position: absolute;right: 0;left: 0;top: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.7);backdrop-filter: blur(3px);z-index: -1;} .content-box[data-theme="all-keywords"] .inside-section .article-wrapper article .details-wrapper .list-keyword.loading:after{z-index: 2;opacity: 1;} .content-box[data-theme="all-keywords"] .inside-section .article-wrapper article .details-wrapper .list-keyword.loading:before{z-index: 1;} */ /* End content-box[data-theme="all-keywords"] */ /* Start content-box[data-theme="archive-section-list"] */ .content-box[data-theme="archive-section-list"] .header-section{border-top: 1px solid var(--brown);} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper{width: 100%;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article{display: flex;flex-wrap:wrap;padding-bottom: 24px;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper:not(:last-child) article{border-bottom: 1px solid var(--light-1);} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .header-wrapper{display: flex;flex-wrap:wrap;width: calc(100% - 144px);padding-right: 72px;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .header-wrapper time{position: absolute;right: 0;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .header-wrapper time a{padding: 0;padding-top: 0;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .header-wrapper .sup-title {width: 100%;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .header-wrapper .sup-title a:empty{visibility: hidden;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .header-wrapper .sup-title a{padding-bottom: 12px;padding-left: 12px;padding-top: 0;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .header-wrapper .sup-title a:before{content: "\e221";display: inline-block;font: var(--font-section-icon);color: var(--blue);margin-left: 8px;transform: translateY(-3px);} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .header-wrapper .title{margin-right: -72px;width: calc(100% + 72px);} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .header-wrapper .title a{padding-left: 24px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .header-wrapper .attachment{order: 2;position: static;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .header-wrapper .attachment{order: 2;position: static;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .thumbnail-wrapper{width: 144px;padding-bottom: 24px;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .details-wrapper{width: 100%;padding-right: 72px;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .footer-wrapper{width: 100%;border: none;padding: 0;padding-right: 72px;} .content-box[data-theme="archive-section-list"] .inside-section .article-wrapper article .footer-wrapper .attachment .text{margin-right: auto;} /* End content-box[data-theme="archive-section-list"] */ /* Start content-box[data-theme="archive-section-list-audio"] */ .content-box[data-theme="archive-section-list-audio"] .header-section{border-top: 1px solid var(--light-1);} .content-box[data-theme="archive-section-list-audio"] .inside-section .article-wrapper{width: 100%;} .content-box[data-theme="archive-section-list-audio"] .inside-section .article-wrapper:not(:first-child) article{padding-top: 0;} .content-box[data-theme="archive-section-list-audio"] .inside-section .article-wrapper article .header-wrapper{display: flex;width: 100%;} .content-box[data-theme="archive-section-list-audio"] .inside-section .article-wrapper article .header-wrapper time a{padding: 8px 0;padding-left: 12px;} .content-box[data-theme="archive-section-list-audio"] .inside-section .article-wrapper article .header-wrapper .title{flex: 1;} .content-box[data-theme="archive-section-list-audio"] .inside-section .article-wrapper article .header-wrapper .title a{padding: 8px 0;color: var(--gray-1);} .content-box[data-theme="archive-section-list-audio"] .inside-section .article-wrapper:not(:last-child) article .header-wrapper .title a{border-bottom: 1px dashed var(--light-1);} /* End content-box[data-theme="archive-section-list-audio"] */ /* Start content-box[data-theme="archive-section-tile"] */ .content-box[data-theme="archive-section-tile"] .header-section{border-top: 1px solid var(--light-1);} .content-box[data-theme="archive-section-tile"] .inside-section{padding-top: 24px;} .content-box[data-theme="archive-section-tile"] .inside-section .article-wrapper article{padding-top: 0;padding-bottom: 24px;} .content-box[data-theme="archive-section-tile"] .inside-section .article-wrapper article .thumbnail-wrapper{margin-bottom: 12px;} .content-box[data-theme="archive-section-tile"] .inside-section .article-wrapper article .thumbnail-wrapper{margin-bottom: 12px;} .content-box[data-theme="archive-section-tile"] .inside-section .article-wrapper article .header-wrapper{display: block;} .content-box[data-theme="archive-section-tile"] .inside-section .article-wrapper article .header-wrapper time a{padding-bottom: 0;padding-left: 4px;color: var(--gray-3);} .content-box[data-theme="archive-section-tile"] .inside-section .article-wrapper article .header-wrapper .title{display: inline;} .content-box[data-theme="archive-section-tile"] .inside-section .article-wrapper article .header-wrapper .title a{display: inline; color: var(--gray-1);} /* End content-box[data-theme="archive-section-tile] */ /* Start content-box[data-theme="speech-keyword"] */ .content-box[data-theme="speech-keyword"] .content-box .header-section{border-top: 1px solid var(--light-1);} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper{width: 100%;} .content-box[data-theme="speech-keyword"] .inside-section>.article-wrapper>article>.header-wrapper .sup-title a{padding-bottom: 24px;} .content-box[data-theme="speech-keyword"] .inside-section>.article-wrapper>article>.header-wrapper .more-link-wrapper ul:after{content: none;} .content-box[data-theme="speech-keyword"] .inside-section>.article-wrapper>article>.header-wrapper .more-link-wrapper ul{margin-bottom: 0;} .content-box[data-theme="speech-keyword"] .inside-section>.article-wrapper>article>.header-wrapper .more-link-wrapper ul:before{font: var(--font-body);color: var(--blue);} .content-box[data-theme="speech-keyword"] .inside-section>.article-wrapper>article>.header-wrapper .more-link-wrapper ul li a{font: var(--font-body);color: var(--gray-1);} .content-box[data-theme="speech-keyword"] .inside-section>.article-wrapper>article>.header-wrapper .more-link-wrapper ul li:not(:last-child):after{font: var(--font-body);} .content-box[data-theme="speech-keyword"] .inside-section>.article-wrapper>article>.footer-wrapper{border-top: none;border-bottom: none;} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper #chart{width: 100%;height: 400px;margin-bottom: 24px;} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .search-keyword{display: flex;padding-bottom: 24px;} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .search-keyword .input-wrapper:not(:last-child){padding-left: 8px;} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .search-keyword .submit-wrapper{margin-right: auto;} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .search-keyword .submit-wrapper button{height: 24px;background-color: var(--brown);color: var(--white);border: none;cursor: pointer;} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range-bar-wrapper{display: flex;margin-bottom: 12px;} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range-bar-wrapper .min-date{width: 40px;} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range-bar-wrapper .max-date{width: 40px;text-align: end;} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range-bar-wrapper .date-bar{position: relative;display: flex;align-items: center;width: calc(100% - 80px);} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range-bar-wrapper span{font: var(--font-body);} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range-bar-wrapper .date-bar .background-bar{height: 4px;width: 100%;background-color: var(--light-1);} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range-bar-wrapper .date-bar .selected-bar{position: absolute;background-color: var(--brown);height: 4px;left: 0%;right: 0%;} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range-bar-wrapper .date-bar .from-date-selected{position: absolute;background-color: var(--blue);border-radius: 50%;height: 13px;width: 13px;right: calc(0% - 7px);} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range-bar-wrapper .date-bar .from-date-selected:before{content: attr(data-value);position: absolute;left: 50%;transform: translateX(-50%);top: -24px;} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range-bar-wrapper .date-bar .from-date-selected i{color: var(--white);font: normal 12px/13px 'khamenei_ir icon';transform: translate(-5px, -6px);} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range-bar-wrapper .date-bar .to-date-selected{position: absolute;background-color: var(--blue);border-radius: 50%;height: 13px;width: 13px;left: calc(0% - 7px);} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range-bar-wrapper .date-bar .to-date-selected:before{content: attr(data-value);position: absolute;left: 50%;transform: translateX(-50%);top: -24px;} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range-bar-wrapper .date-bar .to-date-selected i{color: var(--white);font: normal 12px/13px 'khamenei_ir icon';transform: translate(-4px, -6px);} .content-box[data-theme="speech-keyword"] .content-box .inside-section .article-wrapper article .details-wrapper .date-range{display: flex;justify-content: space-between;} .content-box[data-theme="speech-keyword"] .footer-wrapper .article-wrapper article{border-top: 1px solid var(--light-1);} .content-box[data-theme="speech-keyword"] .footer-wrapper .article-wrapper article .side-header .side-title{font:var(--font-body);color: var(--gray-3);} .content-box[data-theme="speech-keyword"] .footer-wrapper .article-wrapper article .header-wrapper .title a{color: var(--gray-1);padding-bottom: 24px;} .content-box[data-theme="speech-keyword"] .footer-wrapper .article-wrapper article .side-header .side-reference{font:var(--font-body);color: var(--brown);} .content-box[data-theme="speech-keyword"] .footer-wrapper .article-wrapper article .footer-wrapper{border-bottom: none;} .content-box[data-theme="speech-keyword"] .footer-wrapper .article-wrapper article .footer-wrapper .speech-title a{color: var(--gray-4);} /* End content-box[data-theme="speech-keyword"] */ /* Start content-box[data-theme="services"] */ .content-box[data-theme="services"] .header-section .services-button{display: flex;justify-content: center;margin-bottom: 24px;} .content-box[data-theme="services"] .header-section .services-button button{height: 72px;width: 72px;cursor: pointer;margin: 0 12px;border: none;background-color: var(--light-3);color: var(--gray-4);border-bottom: 4px solid transparent;transition: 0.25s;} .content-box[data-theme="services"] .header-section .services-button button.active{border-bottom-color:var(--blue);} .content-box[data-theme="services"] .header-section .services-button button.active i{color: var(--blue);} .content-box[data-theme="services"] .header-section .services-button button i{font-size: 40px;height: auto;transition: 0.25s;margin: 0;} .content-box[data-theme="services"] .header-section .services-button button i:before{vertical-align: -6px;} .content-box[data-theme="services"] .header-section .services-button button i.icon-khamenei_ir-sun:before{vertical-align: -23px;} .content-box[data-theme="services"] .inside-section{padding: 0 144px;min-height: 400px;} .content-box[data-theme="services"] .inside-section .article-wrapper{width: 100%;} .content-box[data-theme="services"] .inside-section .article-wrapper:not(.show,.showing){display: none;} .content-box[data-theme="services"] .inside-section .article-wrapper>article{overflow: hidden;padding: 0 72px;border: 1px solid var(--light-1);border-top-color: var(--blue);transition: 0.25s;} .content-box[data-theme="services"] .inside-section .article-wrapper.show>article{padding: 72px;} .content-box[data-theme="services"] .inside-section .article-wrapper.showing>article{height: 0;} .content-box[data-theme="services"] .inside-section .article-wrapper>article .details-wrapper .description{text-align: justify;padding-bottom: 24px;} .content-box[data-theme="services"] .inside-section .article-wrapper>article .details-wrapper .logo-wrapper{text-align: center;border-top: 1px solid var(--light-1);padding: 24px;} .content-box[data-theme="services"] .inside-section #aboutWe.article-wrapper article .details-wrapper a{text-decoration: none;color: var(--gray-1);} .content-box[data-theme="services"] .inside-section #aboutWe.article-wrapper article .details-wrapper .logo-wrapper .thumbnail-wrapper{display: flex;justify-content: center;} .content-box[data-theme="services"] .inside-section #aboutWe.article-wrapper article .details-wrapper .logo-wrapper .thumbnail-wrapper .thumbnail{width: 440px;} .content-box[data-theme="services"] .inside-section #aboutWe.article-wrapper article .details-wrapper .logo-wrapper .thumbnail-wrapper .thumbnail a{padding: 24px;} .content-box[data-theme="services"] .inside-section .article-wrapper article .details-wrapper a{display: inline-block;color: var(--blue);text-decoration: underline;text-underline-offset: 4px;} .content-box[data-theme="services"] .inside-section #contactUs.article-wrapper article .details-wrapper ul{padding-right: 36px;} .content-box[data-theme="services"] .inside-section #contactUs.article-wrapper article .details-wrapper>ul>li:before{content: "\e221"; order: -1; display: inline-block; font: var(--font-section-icon); color: var(--blue); margin-left: 8px; transform: translateY(-4px);} .content-box[data-theme="services"] .inside-section #contactUs.article-wrapper article .details-wrapper ul ul{padding-right: 36px;} .content-box[data-theme="services"] .inside-section .article-wrapper article #comment-component{padding-top: 32px;} .content-box[data-theme="services"] .inside-section .article-wrapper article #comment-component .comments #newComment{background-color: unset;padding: 0;} .content-box[data-theme="services"] .inside-section .article-wrapper article #comment-component .comments #newComment .header-section span:before{content: "\e221"; order: -1; display: inline-block; font: var(--font-section-icon); color: var(--blue); margin-left: 8px; transform: translateY(-4px);} .content-box[data-theme="services"] .inside-section .article-wrapper article #comment-component .comments #newComment .inside-section{padding: 0;} .content-box[data-theme="services"] .inside-section #messageService.article-wrapper article .details-wrapper .message-number{text-align: center;font-size: 25px;line-height: 33px;color: var(--blue);padding-top: 72px;} .content-box[data-theme="services"] .inside-section #rss.article-wrapper article .bullet:before{content: "\e221"; order: -1; display: inline-block; font: var(--font-section-icon);font-size: 36px; color: var(--blue); margin-left: 4px; transform: translateY(-2px);} .content-box[data-theme="services"] .inside-section #social.article-wrapper article .details-wrapper .title a{display: block;font-size: 27px;text-align: center;line-height: 43px;direction: ltr;text-underline-offset: 12px;padding-bottom: 32px;} .content-box[data-theme="services"] .inside-section #social.article-wrapper article .details-wrapper .title a:after{content: unset;} .content-box[data-theme="services"] .inside-section #social.article-wrapper article .details-wrapper .title a{display: block;font-size: 27px;text-align: center;line-height: 43px;direction: ltr;} .content-box[data-theme="services"] .inside-section #social.article-wrapper article .details-wrapper .social-networks{display: flex;flex-wrap:wrap;margin: 0 -12px;} .content-box[data-theme="services"] .inside-section #social.article-wrapper article .details-wrapper .social-networks .item{display: flex;width: 50%;padding: 0 12px;margin-bottom: 24px;} .content-box[data-theme="services"] .inside-section #social.article-wrapper article .details-wrapper .social-networks .item .icon{display: flex;align-items:center;justify-content:center;width: 45px;height: 45px;margin-left: 24px;background-color:var(--light-3);border-radius:8px;color: var(--blue);} .content-box[data-theme="services"] .inside-section #app>article>.header-wrapper{display: flex;justify-content:center;gap: 72px;border-bottom: 1px solid var(--light-1);} .content-box[data-theme="services"] .inside-section #app article .header-wrapper .app-button button{width: 72px;background-color: unset;border: none;border-bottom: 4px solid transparent;padding: 0;padding-bottom: 20px;cursor: pointer;transition: 0.25s;} .content-box[data-theme="services"] .inside-section #app article .header-wrapper .app-button button.active, .content-box[data-theme="services"] .inside-section #app article .header-wrapper .app-button button:hover{border-color :var(--blue);} .content-box[data-theme="services"] .inside-section #app article .header-wrapper .app-button button img{display: block;width: 100%;border-radius: 16px;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article{opacity: 0;height: 0;padding-top: 0;transition: 0.25s;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article.show{opacity: 1;height: auto;padding-top: 24px;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .header-wrapper .title a{display: block;text-align: center;text-decoration: none;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .header-wrapper .title a:after{content: none;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .album-wrapper{display: flex;gap: 24px;background-color: var(--light-3);margin: 24px -72px;padding: 24px 72px;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper{display: flex;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper .app:first-child{border-left: 1px solid var(--light-1);padding-left: 36px;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper .app:last-child{padding-right: 36px;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper .app .header-app{display: flex;height: 50px;border-bottom: 1px solid var(--light-1);} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper .app .header-app span{font-size: 21px;flex: 1;display: flex;align-items: center;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper .app .header-app i{font-size: 40px;color: var(--gray-4);width: 72px;border-bottom: 4px solid var(--blue);text-align: center;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper .app .header-app i:before{vertical-align: sub;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper .app .links-download{padding: 12px 0;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper .app .links-download a{background-color: var(--light-3);margin-bottom: 24px;display: flex;padding: 8px;text-decoration: none;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper .app .links-download a span{flex: 1;display: flex;align-items: center;color: var(--gray-1);} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper .app .links-download a img{padding-right: 12px;border-right: 1px solid var(--white);} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper .app .app-info ul li{display: flex;position: relative;padding-right: 12px;} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper .app .app-info ul li:before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%); width: 6px; height: 6px; background-color: var(--blue);} .content-box[data-theme="services"] .inside-section #app article .details-wrapper article .apk-wrapper .app .app-info ul li span{flex: 1;} /* End content-box[data-theme="services"] */ /* Start content-box[data-theme="multimedia-list"] */ .content-box[data-theme="multimedia-list"] .header-section .filter-group{display: flex;justify-content:space-between;padding: 24px 0;} .content-box[data-theme="multimedia-list"] .header-section .filter-group a{display: flex;align-items: center;transition: 0.25s;} .content-box[data-theme="multimedia-list"] .header-section .filter-group a:hover{color: var(--red);} .content-box[data-theme="multimedia-list"] .header-section .filter-group a i{display: flex;align-items: center;justify-content: center;font-size: 25px;width: 40px;height: 40px;border: 1px solid var(--gray-5);border-radius: 4px;transition: 0.25s;margin-left: 8px;} .content-box[data-theme="multimedia-list"] .header-section .filter-group a:hover i{color: var(--red);border-color: var(--red);} .content-box[data-theme="multimedia-list"] .header-section .filter-years-wrapper{display: flex;padding-bottom: 24px;} .content-box[data-theme="multimedia-list"] .header-section .filter-years-wrapper .filter-years{width: 96px;} .content-box[data-theme="multimedia-list"] .header-section .filter-years-wrapper .filter-horizontal-scroll{display: flex;width: calc(100% - 96px);} .content-box[data-theme="multimedia-list"] .header-section .filter-years-wrapper .filter-horizontal-scroll .filter-horizontal-swiper .swiper-wrapper .swiper-slide a:hover{color: var(--red);} .content-box[data-theme="multimedia-list"] .inside-section .article-wrapper{padding-bottom: 24px;} .content-box[data-theme="multimedia-list"] .inside-section .article-wrapper article{background-color: var(--light-3);padding: 12px;} .content-box[data-theme="multimedia-list"] .inside-section .article-wrapper article .header-wrapper .thumbnail-wrapper .thumbnail-overlay{position: absolute;top: 0;left: 0;display: flex;align-items:center; justify-content:center; background-color: var(--light-3);width: 36px;height: 36px;} .content-box[data-theme="multimedia-list"] .inside-section .article-wrapper article .details-wrapper{position: absolute;top: 0;bottom: 100%;right: 0;left: 0;display: flex;flex-direction:column;padding: 0 12px;background-color: rgba(255, 255, 255, 0.7);border-top: 1px solid var(--yellow);overflow:hidden;backdrop-filter:blur(10px);transition: 0.25s ease-out;} .content-box[data-theme="multimedia-list"] .inside-section .article-wrapper article:hover .details-wrapper{bottom: 0;padding: 12px;} .content-box[data-theme="multimedia-list"] .inside-section .article-wrapper article .details-wrapper .title.bullet a:before{color: var(--yellow);} .content-box[data-theme="multimedia-list"] .inside-section .article-wrapper article .details-wrapper time a{padding-bottom: 0;color: var(--gray-1);font: var(--font-body);} .content-box[data-theme="multimedia-list"] .inside-section .article-wrapper article .details-wrapper .main-text{padding: 0;margin-bottom: 12px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .content-box[data-theme="multimedia-list"] .inside-section .article-wrapper article .details-wrapper .view-more-btn{margin-top: auto;} .content-box[data-theme="multimedia-list"] .inside-section .article-wrapper article .details-wrapper .view-more-btn a{background-color: var(--yellow);} .content-box[data-theme="multimedia-list"] .header-section .dropdown>input:checked + label{color: var(--red);} .content-box[data-theme="multimedia-list"] .header-section .dropdown>input:checked + label:after{border-bottom-color: var(--red); border-right-color: var(--red); } .content-box[data-theme="multimedia-list"] .header-section .dropdown .dropdown-menu .dropdown-item:hover, .content-box[data-theme="multimedia-list"] .header-section .dropdown .dropdown-menu .dropdown-item:hover a{color: var(--red);} /* End content-box[data-theme="multimedia-list"] */ /* Start content-box[data-theme="poster"] */ html .row #poster.content-box[data-theme="poster"] .inside-section .article-wrapper article{padding-left: calc(72px + 24px);padding-right: calc(72px + 24px);} .content-box[data-theme="poster"] .inside-section .article-wrapper article .header-wrapper .title a{font-size: 40px;line-height:64px;padding-bottom: 0px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .details-wrapper .main-text.bullet:before{color: var(--yellow);} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper{position: relative;border-bottom: 1px solid var(--light-1);padding-bottom: 24px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster{position: relative;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster a img{display: block;width: 100%;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster span{position: absolute;opacity: 0;color: var(--white);background-color: var(--dark-4);padding: 0 4px;border-radius: 4px;border:1px solid var(--gray-4);transform: translate(-50%, 6px);} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster span:before{content: ""; position: absolute; top: -5px; left: 50%; transform: translateX(-50%) rotate(-45deg);width: 10px;height: 10px;background-color: var(--dark-4); border: 1px solid var(--gray-5); border-color: var(--gray-5) var(--gray-5) transparent transparent;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster span.active{opacity: 1;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-tools{position: absolute;top: 0;left: calc(-72px + -24px);display: flex;flex-direction: column;width: 72px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-tools .album{margin-bottom: 72px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-tools .album a{display: block;text-align: center;color: var(--gray-3);} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-tools .album a:not(:last-child){padding-bottom: 24px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-tools .album a i{display: block;font-size: 36px;line-height: 45px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-tools .album a span{display: block;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-tools .poster-resolution{border-bottom: 1px solid var(--light-1);} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-tools .poster-resolution a{display: block;text-align: center;padding: 4px 0;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-tools .poster-resolution a:hover{background-color: var(--yellow);color: var(--white);} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-tools .poster-resolution a span{display: block;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details{background-color: var(--light-3);padding: 24px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details .poster-keywords-wrapper{display: flex;margin-bottom: 12px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details .poster-keywords-wrapper .poster-keywords {display: flex;width: calc(100% - 130px);padding-left: 72px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details .poster-keywords-wrapper .poster-keywords i{margin-left: 24px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details .poster-keywords-wrapper .poster-keywords i:before{vertical-align: text-bottom;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details .poster-keywords-wrapper .poster-keywords .list-keyword li a.active{color: var(--yellow);} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details .poster-keywords-wrapper .poster-keywords-button{display: flex;justify-content: space-between;width: 130px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details .poster-keywords-wrapper .poster-keywords-button button{width: 35px;height: 35px;border: none;border-radius:4px;background-color: var(--gray-4);color:var(--white);transition: 0.25s;cursor: pointer;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details .poster-keywords-wrapper .poster-keywords-button button:hover, .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details .poster-keywords-wrapper .poster-keywords-button button.active{background-color: var(--yellow);} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details .poster-caption{display: flex;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details .poster-caption i{margin-left: 24px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details .poster-caption i:before{vertical-align: text-bottom;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .poster-wrapper .poster-details .poster-caption p{font-size: 11px;line-height: 18px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article>.poster-keywords{display: flex;padding: 24px 0 ;} .content-box[data-theme="poster"] .inside-section .article-wrapper article>.poster-keywords ul{position: relative;padding-right: 46px;} .content-box[data-theme="poster"] .inside-section .article-wrapper article>.poster-keywords ul i{position: absolute;right: 0;color: var(--yellow);} .content-box[data-theme="poster"] .inside-section .article-wrapper article>.poster-keywords ul i:before{vertical-align: text-bottom;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .footer-wrapper{border-top-style: solid;border-bottom: none;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .footer-wrapper .more-link-wrapper{margin-bottom: 0;} .content-box[data-theme="poster"] .inside-section .article-wrapper article .footer-wrapper .more-link-wrapper ul.related-links:after{color: var(--yellow);} .content-box[data-theme="poster"] .inside-section .article-wrapper article .comments #commentsList .inside-section>.comment-item .reply>header time, .content-box[data-theme="poster"] .inside-section .article-wrapper article .comments #commentsList .inside-section>.comment-item .reply>header span, .content-box[data-theme="poster"] .inside-section .article-wrapper article .comments #commentsList .inside-section .comment-item span:before{color: var(--yellow);} .content-box[data-theme="poster"] .inside-section .article-wrapper article .comments #newComment .inside-section>div .form-comment .submit-wrapper button:hover{background-color: var(--yellow);} /* End content-box[data-theme="poster"] */ /* Start content-box[data-theme="analysis-titr"] */ .content-box[data-theme="analysis-titr"] .inside-section .article-wrapper article .header-wrapper .sup-title{width: calc(100% - (264px + 36px + 24px));} .content-box[data-theme="analysis-titr"] .inside-section .article-wrapper article .header-wrapper .sup-title a{padding-top: 24px;} .content-box[data-theme="analysis-titr"] .inside-section .article-wrapper article .header-wrapper .title{width: calc(100% - (264px + 36px + 24px));} .content-box[data-theme="analysis-titr"] .inside-section .article-wrapper article .header-wrapper .title a{color:var(--black);} .content-box[data-theme="analysis-titr"] .inside-section .article-wrapper article .details-wrapper{position: absolute;bottom: 0;left: 36px;width: 264px;background-color: var(--white);padding: 24px;} .content-box[data-theme="analysis-titr"] .inside-section .article-wrapper article .details-wrapper .main-text.bullet:before{content:"";height: 6px;width: 6px;background-color: var(--red);transform: none;} /* End content-box[data-theme="analysis-titr"] */ /* Start content-box[data-theme="analysis-box"] */ .content-box[data-theme="analysis-box"] .inside-section .article-wrapper article .header-wrapper .thumbnail-wrapper .thumbnail-overlay{position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-color: var(--red);color: var(--white);display: flex;align-items: center;justify-content: center;} .content-box[data-theme="analysis-box"] .inside-section .article-wrapper article .header-wrapper .thumbnail-wrapper .thumbnail-overlay:not(.larg){width: 25px;height: 25px;} .content-box[data-theme="analysis-box"] .inside-section .article-wrapper article .header-wrapper .thumbnail-wrapper .thumbnail-overlay:not(.larg) i{font-size: 16px;} .content-box[data-theme="analysis-box"] .inside-section .article-wrapper article .header-wrapper .thumbnail-wrapper .thumbnail-overlay.larg{width: 40px;height: 40px;} .content-box[data-theme="analysis-box"] .inside-section .article-wrapper article .header-wrapper .thumbnail-wrapper .thumbnail-overlay.larg i{font-size: 22px;} .content-box[data-theme="analysis-box"] .inside-section .article-wrapper article .header-wrapper .sup-title a{padding-top: 24px;} .content-box[data-theme="analysis-box"] .inside-section .article-wrapper article .header-wrapper .title a{color:var(--black);padding-top: 12px;} [data-background="dark-4"] .content-box[data-theme="analysis-box"] .inside-section .article-wrapper article .header-wrapper .title a{color:var(--gray-4);} [data-background="dark-4"] .content-box[data-theme="analysis-box"] .inside-section .article-wrapper article .header-wrapper .sup-title + .title a{color:var(--light-1);} [data-background="dark-4"] .content-box[data-theme="analysis-box"] .inside-section .article-wrapper article .header-wrapper .sup-title a{color:var(--gray-4);} [data-background="dark-4"] .content-box[data-theme="analysis-box"] .inside-section .article-wrapper article .header-wrapper .sup-title.bullet a:before{content:"";display: inline-block;margin-left: 4px;height: 6px;width: 6px;background-color: var(--red);transform: none;} [data-background="dark-4"] .content-box[data-theme="analysis-box"] .inside-section .article-wrapper article .header-wrapper .title.bullet a:before{content:"";display: inline-block;margin-left: 4px;height: 6px;width: 6px;background-color: var(--red);transform: none;} .content-box[data-theme="analysis-box"] .inside-section .article-wrapper article .header-wrapper .title a:hover{color:var(--red);} .content-box[data-theme="analysis-box"].article-border-bottom .inside-section .article-wrapper:not(:last-child) article{border-bottom: 1px solid var(--gray-3);} .content-box[data-theme="analysis-box"].article-border-bottom .inside-section .article-wrapper article{padding: 12px 0;} .content-box[data-theme="analysis-box"].article-border-bottom .inside-section .article-wrapper article .header-wrapper .title a{padding: 0;} [data-theme="analysis-audio-player-section"] .inside-section .article-wrapper{width: 100%;} [data-theme="analysis-audio-player-section"] .interior-group .header-group span{color: var(--light-1);} [data-theme="analysis-audio-player-section"] .audio-list ul li.audio-item:hover{background-color: var(--gray-1);} [data-page-color="others"] .audio-list ul li.audio-item:before, [data-theme="analysis-audio-player-section"] .audio-list ul li.audio-item:before{color: var(--red);} [data-theme="analysis-audio-player-section"] .audio-list ul li.audio-item .play-button svg path{stroke: var(--light-1);} [data-theme="analysis-audio-player-section"] .audio-list ul li.audio-item .download, [data-theme="analysis-audio-player-section"] .audio-list ul li.audio-item time.duration, [data-theme="analysis-audio-player-section"] ul li a{color: var(--light-1);} [data-page-color="others"] .audio-list ul li.audio-item time.current-time, [data-theme="analysis-audio-player-section"] .audio-list ul li.audio-item time.current-time{color:var(--red);} [data-theme="analysis-audio-player-section"] .audio-player-interior:not(.radio) .audio-info .audio-details .title a{color: var(--light-1);} [data-theme="analysis-audio-player-section"] .audio-player-interior:not(.radio) .audio-info .audio-details time{color: var(--gray-4);} [data-theme="analysis-audio-player-section"] .audio-player-interior:not(.radio) .audio-info .audio-details .keywords-dropdown label{color: var(--gray-4);} [data-theme="analysis-audio-player-section"] .audio-player-interior:not(.radio) .audio-info .audio-details .keywords-dropdown:before{color: var(--gray-3);} [data-theme="analysis-audio-player-section"] .audio-player-interior:not(.radio) .audio-info .audio-details .keywords-dropdown:after{border-color: var(--red); border-top-color: transparent; border-left-color: transparent;} [data-page-color="others"] .audio-player .menu-control article .audio-details .audio-control .play-button, [data-theme="analysis-audio-player-section"] .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-control-in .play-button-wrapper .play-button-in{background-color: var(--red);} [data-theme="analysis-audio-player-section"] .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip svg{stroke: var(--light-1);} [data-theme="analysis-audio-player-section"] .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip:not(.vjs-disabled):hover svg,.vjs-custom.video-js .vjs-play-control.vjs-paused svg,.vjs-custom.video-js .vjs-mute-control.vjs-vol-0 svg{stroke: var(--red);} [data-theme="analysis-audio-player-section"] .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .download-control .download-ip{color: var(--light-1);} [data-theme="analysis-audio-player-section"] .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .download-control .downloads-list-in:before{ color: var(--red);} [data-theme="analysis-audio-player-section"] .audio-player-interior:not(.radio) .audio-info .audio-player-wrapper .player-tools-in .control-ip.volume-panel .vjs-volume-control .vjs-volume-bar .vjs-volume-level{background-color: var(--red);} [data-page-color="others"] .audio-player .menu-control article .waveform-audio-player .audio-time .current-time, [data-theme="analysis-audio-player-section"] .audio-player-interior .waveform-audio-in .audio-time .current-time{color: var(--red);} [data-page-color="others"] .audio-player .menu-control article .waveform-audio-player .keywords-wrapper .keyword, [data-theme="analysis-audio-player-section"] .audio-player-interior .waveform-audio-in .keywords-wrapper .keyword{color: var(--red);border-top: 2px solid var(--red);} [data-page-color="others"] .audio-player .menu-control article .waveform-audio-player .keywords-wrapper .keyword:before, [data-theme="analysis-audio-player-section"] .audio-player-interior .waveform-audio-in .keywords-wrapper .keyword:before{background-color: var(--red);} [data-page-color="others"] .audio-list ul li.audio-item.playing .play-button svg path, [data-page-color="others"] .audio-player .menu-control .audio-list ul li.audio-item.playing .play-button svg path{stroke: var(--red);} [data-page-color="others"] .audio-list ul li.audio-item .download:hover{background-color: var(--red);} [data-page-color="others"] .vjs-custom.video-js .vjs-control-bar .vjs-control:not(.vjs-disabled):hover>svg, [data-page-color="others"] .vjs-custom.video-js .vjs-control-bar .vjs-control.active>button>svg, [data-page-color="others"] .vjs-custom.video-js .vjs-control-bar .vjs-control:not(.vjs-disabled):hover>button>svg, [data-page-color="others"] .vjs-custom.video-js .vjs-control-bar .vjs-control.active>svg, [data-page-color="others"] .vjs-custom.video-js .vjs-control-bar .vjs-play-control.vjs-paused svg, [data-page-color="others"] .vjs-custom.video-js .vjs-control-bar .vjs-mute-control.vjs-vol-0 svg{stroke: var(--red);} [data-page-color="others"] .vjs-custom .vjs-progress-holder .vjs-play-progress, [data-page-color="others"] .vjs-custom .vjs-volume-level{background-color: var(--red);} [data-page-color="others"] .vjs-audio-custom .vjs-control-bar .vjs-duration, [data-page-color="others"] .vjs-audio-custom .vjs-control-bar .vjs-current-time{color: var(--red);} [data-page-color="others"] .vjs-audio-custom .remaining-time-wrapper .next-audio span:before{color: var(--red);} /* End content-box[data-theme="analysis-box"] */ /* Start content-box[data-theme="search-result-items"] */ .content-box[data-theme="search-result-items"] .inside-section .article-wrapper article{border-bottom: 1px solid var(--light-1);} .content-box[data-theme="search-result-items"] .inside-section .article-wrapper article .header-wrapper{display: flex;} .content-box[data-theme="search-result-items"] .inside-section .article-wrapper article .header-wrapper .title.bullet a:before{color: var(--red);} .content-box[data-theme="search-result-items"] .inside-section .article-wrapper article .header-wrapper .title a{color: var(--black);padding-bottom: 0;} .content-box[data-theme="search-result-items"] .inside-section .article-wrapper article .header-wrapper .title a span{color: var(--red);} .content-box[data-theme="search-result-items"] .inside-section .article-wrapper article .header-wrapper .title a span:after{content: "|";margin: 0 2px;} .content-box[data-theme="search-result-items"] .inside-section .article-wrapper article .header-wrapper time{margin-right: auto;} .content-box[data-theme="search-result-items"] .inside-section .article-wrapper article .header-wrapper time a{color: var(--red);padding-bottom: 0;} .content-box[data-theme="search-result-items"] .inside-section .article-wrapper article .details-wrapper span{color: var(--red);} /* End content-box[data-theme="search-result-items"] */ /* Start content-box[data-theme="main-hadis"] */ .content-box[data-theme="main-hadis"]>.header-section{display: flex;gap: 24px;border-bottom: 1px solid var(--light-1);} .content-box[data-theme="main-hadis"]>.header-section>.toggleButton{width: 100px;padding: 4px;background-color: var(--light-1);color: var(--gray-3);border: none;transition: 0.25s;} .content-box[data-theme="main-hadis"]>.header-section>.toggleButton:hover, .content-box[data-theme="main-hadis"]>.header-section>.toggleButton.active{background-color: var(--brown);color: var(--white);} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper{display: none;overflow: hidden;transition: 0.25s;width: 100%;overflow: visible;} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper.show{display: block;opacity: 1;} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper.showing{display: block;opacity: 0;} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper>article>.header-wrapper{display: flex;align-items: flex-end;gap: 24px;} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper>article>.header-wrapper>.dropdown{min-width: 100px;} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper>article>.header-wrapper>.search-box{width: 100%;} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper>article>.inside-wrapper>.content-box .header-section.active{height: auto;} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper>article>.inside-wrapper>.content-box:not(:first-child) .header-section{border-top: 1px solid var(--light-1);} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper>article>.inside-wrapper>.content-box .header-section .side-header:after{content: ""; position: absolute;top: 26px; right: 84px; width: 8px; height: 8px; display: inline-block; border-bottom: 4px solid var(--brown); border-right: 4px solid var(--brown); border-top: 4px solid #0000; border-left: 4px solid #0000; transform: rotate(45deg); transition: 0.25s; transform-origin: 6px 6px;} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper>article>.inside-wrapper>.content-box .header-section.active .side-header:after{transform: rotate(-45deg);} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper>article>.inside-wrapper>.content-box .header-section:not(.active) .side-header{position: static;display: flex;justify-content: space-between;width: 100%;padding-bottom: 12px;transition: 0.25s;} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper>article>.inside-wrapper>.content-box .header-section:not(.active) .side-header .fish-count:before{display: inline-block;} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper>article>.inside-wrapper>.content-box .header-section:not(.active) .side-header .side-title{width: 72px;} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper>article>.inside-wrapper>.content-box .inside-section{height: 0;overflow: hidden;transition: 0.25s;} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper>article>.inside-wrapper>.content-box .inside-section.showing{transition:0.25s;} .content-box[data-theme="main-hadis"]>.inside-section>.article-wrapper>article>.inside-wrapper>.content-box .inside-section.show{height: auto;transition: 0.25s;} /* End content-box[data-theme="main-hadis"] */ /* Start content-box[data-theme="thematic-list"] */ .content-box[data-theme="thematic-list"] .inside-section .article-wrapper article .header-wrapper .title a{padding-bottom: 12px;} .content-box[data-theme="thematic-list"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords{padding-bottom: 24px;} .content-box[data-theme="thematic-list"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords ul{display: flex;} .content-box[data-theme="thematic-list"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords ul li a{display: flex;flex-wrap:wrap;align-items: center;min-width: 88px;padding: 0 12px;} .content-box[data-theme="thematic-list"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords ul li:first-child a{padding-right: 4px;} .content-box[data-theme="thematic-list"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords ul li a:before{content: "\e221"; order: -1; display: inline-block; font: var(--font-section-icon); color: var(--blue); transform: translate(4px,-4px);} .content-box[data-theme="thematic-list"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords ul li:not(:last-child) a{border-left: 1px solid var(--light-1);} .content-box[data-theme="thematic-list"] .inside-section .article-wrapper article .details-wrapper .grouping-keywords ul li a span{width: 100%;padding-right: 4px;} /* End content-box[data-theme="thematic-list"] */ /* Start [data-theme="analysis-box-horizontal"] */ [data-theme="analysis-box-horizontal"] .inside-section .article-wrapper article{display: flex;padding: 24px 0;border-bottom: 1px solid var(--light-1);} [data-theme="analysis-box-horizontal"] .inside-section .article-wrapper article .thumbnail-wrapper{width: 234px;} [data-theme="analysis-box-horizontal"] .inside-section .article-wrapper article .thumbnail-wrapper .thumbnail-overlay{position: absolute;left: 0;top: 50%;display: flex;align-items: center;justify-content: center;transform: translateY(-50%);width: 25px;height: 25px;background-color: var(--red);} [data-theme="analysis-box-horizontal"] .inside-section .article-wrapper article .thumbnail-wrapper .thumbnail-overlay i{font-size: 16px;color: var(--white);} [data-theme="analysis-box-horizontal"] .inside-section .article-wrapper article .details-wrapper{width: calc(100% - 224px);} [data-theme="analysis-box-horizontal"] .inside-section .article-wrapper article .details-wrapper .sup-title a{line-height: 21px;padding: 0 24px;} [data-theme="analysis-box-horizontal"] .inside-section .article-wrapper article .details-wrapper .title a{font: var(--font-card-title-medium);color: var(--black);padding: 0 24px;} [data-theme="analysis-box-horizontal"] .inside-section .article-wrapper article .details-wrapper .content-type{position: absolute;top: 0;left: 0;} [data-theme="analysis-box-horizontal"] .inside-section .article-wrapper article .details-wrapper .content-type a{color: var(--red);} [data-theme="analysis-box-horizontal"] .inside-section .article-wrapper article .details-wrapper .main-text{padding: 0 24px;} /* End [data-theme="analysis-box-horizontal"] */ /* Start book-dashboard */ [data-theme="document-slider"] .inside-section .swiper-slide .article-wrapper{width: 100%;} [data-theme="document-slider"] .inside-section .article-wrapper article{display: flex;flex-direction:column;height: 100%;} [data-theme="document-slider"] .inside-section .article-wrapper article .details-wrapper{display: flex;flex-direction:column;height: 100%;background-color: var(--light-3);padding-bottom: 12px;} [data-theme="document-slider"] .inside-section .article-wrapper article .details-wrapper .title a{padding:0 24px;color: var(--black);font: var(--font-card-title-bold);} [data-theme="document-slider"] .inside-section .article-wrapper article .details-wrapper .content-type a{padding:0 24px;color: var(--gray-4);} [data-theme="document-slider"] .inside-section .article-wrapper article .details-wrapper .Thematic-grouping{margin-top: auto;} [data-theme="document-slider"] .inside-section .article-wrapper article .details-wrapper .Thematic-grouping a{padding:0 24px;color: var(--gray-4);} [data-theme="document-slider"] .inside-section .article-wrapper article .details-wrapper .Thematic-grouping a:before{content: "|";color: var(--red);margin-left: 4px;} [data-theme="document-slider"] .inside-section>div:not(.article-wrapper){width: 100%;} [data-theme="document-slider"] .inside-section .swiper .swiper-wrapper .swiper-slide{display: flex;height: auto;} [data-theme="document-slider"] .inside-section .swiper-button-next{left: 0;} [data-theme="document-slider"] .inside-section .swiper-button-prev{right: 0;} [data-theme="document-slider"] .inside-section .swiper-button-next, [data-theme="document-slider"] .inside-section .swiper-button-prev{top: 22px;height: 100%;width: 52px;background-color: rgb(237 27 47/0.8);color: var(--white);} [data-theme="document-slider"] .inside-section .swiper-button-next i, [data-theme="document-slider"] .inside-section .swiper-button-prev i{font-size: 52px;} [data-theme="document-slider"] .inside-section .swiper-button-next:after, [data-theme="document-slider"] .inside-section .swiper-button-prev:after{content: unset;} [data-theme="document-slider"] .inside-section .swiper-button-disabled{opacity: 0;} /* End book-dashboard */ /* start documents-box */ .documents-box .inside-section .article-wrapper article{padding: 0 72px;} .documents-box .inside-section .article-wrapper article .header-wrapper{display: flex;} .documents-box .inside-section .article-wrapper article .header-wrapper .title a{display: block;padding: 24px 0;color: var(--blue);} .documents-box .inside-section .article-wrapper article .header-wrapper .sup-title a{display: block;padding: 24px 0;color: var(--blue);} .documents-box .inside-section .article-wrapper article .header-wrapper .title a i{margin-left: 12px;color: var(--gray-4);} .documents-box .inside-section .article-wrapper article .header-wrapper .sup-title a i{margin-left: 12px;color: var(--gray-4);} .documents-box .inside-section .article-wrapper article .header-wrapper .share-article{margin-right: auto;} .documents-box .inside-section .article-wrapper article .header-wrapper .share-article a{display: block;padding: 24px 0;} .documents-box .inside-section .article-wrapper article .title.larg a{padding-bottom: 24px;color: var(--blue);} .documents-box .inside-section .article-wrapper article .title.larg a{font: var(--font-card-title-larg);} .documents-box .inside-section .article-wrapper article .details-wrapper{border-bottom: 1px solid var(--light-1);} .documents-box .inside-section .article-wrapper article .details-wrapper .main-text{padding-bottom: 24px;text-align: justify;} .documents-box .inside-section .article-wrapper article .details-wrapper .thumbnail-wrapper{padding-bottom: 24px;} .documents-box .inside-section .article-wrapper article .details-wrapper ul.list-text{padding-bottom: 24px;} .documents-box .inside-section .article-wrapper article .details-wrapper ul.list-text li{padding-bottom: 24px;} .documents-box .inside-section .article-wrapper article .details-wrapper ul.list-text li:before{content: "";display:inline-block;width: 10px;height: 10px;margin-left: 4px;background-color: var(--yellow);border-radius:50%;} /* End documents-box */ /* start documents-box[data-theme="other-documents"] */ .documents-box[data-theme="other-documents"] .header-section{height: 680px;width: 100%;} .documents-box[data-theme="other-documents"] .header-section article{position: relative;height: 100%;} .documents-box[data-theme="other-documents"] .header-section article .main-image{height: 100%;} .documents-box[data-theme="other-documents"] .header-section article .main-image .image{height: 100%;} .documents-box[data-theme="other-documents"] .header-section article .main-image .image a img{object-fit: cover;width: 100%;height: 100%;} .documents-box[data-theme="other-documents"] .header-section article .details-wrapper{position: absolute;bottom: 0;right: 0;left: 0;padding: 24px;text-align: center;background-color: rgba(238, 238, 238, 0.9);} .documents-box[data-theme="other-documents"] .header-section article .details-wrapper .sup-title a{font: var(--font-feature-wizard-sup-title);color: var(--gray-3);} .documents-box[data-theme="other-documents"] .header-section article .details-wrapper .title a{font: var(--font-feature-wizard-title);color: var(--dark-4);} .documents-box[data-theme="other-documents"] .inside-section .wrapper{position: relative;background-color: var(--light-3);} .documents-box[data-theme="other-documents"] .inside-section .wrapper .background-image{position: absolute;top: 0;bottom: 0;right: 0;left: 0;overflow: hidden;z-index: 0;} .documents-box[data-theme="other-documents"] .inside-section .wrapper .background-image figure{height: 100%;} .documents-box[data-theme="other-documents"] .inside-section .wrapper .background-image img{object-fit: cover;width: 100%;height: 100%;} .documents-box[data-theme="other-documents"] .inside-section .wrapper .container .row{flex-wrap: wrap;} .documents-box[data-theme="other-documents"] .inside-section .wrapper .container .row .article-wrapper{z-index: 1;} .documents-box[data-theme="other-documents"] .inside-section .wrapper .container .row .article-wrapper article{background-color: rgba(255, 255, 255, 0.9);} .documents-box[data-theme="other-documents"] .inside-section .wrapper .container-fluid .row .article-wrapper article.full-width{width: 100%;padding: 0;border-bottom: none;} .documents-box[data-theme="other-documents"] .inside-section .wrapper .container-fluid .row .article-wrapper article.full-width .thumbnail-wrapper{width: 100%;} .documents-box[data-theme="other-documents"] .inside-section .wrapper .container-fluid .row .article-wrapper article.full-width .details-wrapper{position: absolute;top: 0;} .documents-box[data-theme="other-documents"] .inside-section .wrapper .container-fluid .row .article-wrapper article.full-width .details-wrapper{border-bottom: none;} .documents-box[data-theme="other-documents"] .inside-section .wrapper .container-fluid .row .article-wrapper article.full-width .details-wrapper .title a{padding-top: 46px;font: var(--font-feature-wizard-title);} /* End documents-box[data-theme="other-documents"] */ /* start documents-box[data-theme="visitation"] */ .documents-box[data-theme="visitation"] .header-section{margin-bottom: 0;} .documents-box[data-theme="visitation"] .header-section article{padding: 0 72px;} .documents-box[data-theme="visitation"] article{border-right: 1px solid var(--light-1);border-left: 1px solid var(--light-1);} /* End documents-box[data-theme="visitation"] */ /* start documents-box[data-theme="visitation"] */ #header[data-theme="search-page"] .logo-search-wrapper .logo-search{width: 550px;margin: auto;} #header[data-theme="search-page"] .logo-search-wrapper .logo-search a img{display: block;padding: 72px 0;} /* End documents-box[data-theme="visitation"] */ /* start #search */ #search input[type="radio"], #search input[type="checkbox"]{position: relative;width: 14px;height: 14px;vertical-align: middle;border: 1px solid var(--gray-5);-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor:pointer;margin: 1px;} #search input[type="radio"]{border-radius: 50%;} #search input[type="radio"]:after{border-radius: 50%;} #search input[type="checkbox"]:after, #search input[type="radio"]:after{content: "";position: absolute;width: 0;height: 0;top: 50%;left:50%;transform: translate(-50%, -50%);transition: 0.15s;} #search input.semi-select:after{background-color: var(--gray-5);width: 14px;height: 14px;} #search input:checked:after{width: 14px;height: 14px;background-color: var(--red);} #search label{cursor:pointer;} #search .search-wrapper .search-grouping-wrapper{display: flex;justify-content:space-between;padding-bottom: 24px;} #search .search-wrapper .search-grouping-wrapper .search-group{width: 100%;} #search .search-wrapper .search-grouping-wrapper .search-group label{position: relative;display: flex;flex-direction: column;align-items: center;width: 100%;text-align: center;padding-top: 24px;margin-bottom: 8px;} #search .search-wrapper .search-grouping-wrapper .search-group label:before{content:"";position: absolute;top: 52px;width: 100%;border-bottom: 2px solid var(--gray-4);} #search .search-wrapper .search-grouping-wrapper .search-group input{margin-top: 12px;} #search .search-wrapper .search-filter-wrapper{display: flex;margin: var(--margin-row-in-container);} #search[data-theme="search-result"] .search-wrapper .search-filter-wrapper{flex-direction:column;margin: 0;padding-top: 24px;padding-left: 36px;} #search[data-theme="search-result"] .search-wrapper .search-filter-wrapper .accordion>input:checked ~ .accordion-content{padding-bottom: 24px;} #search[data-theme="search-result"] .search-wrapper .content{padding-right: 36px;} #search .search-wrapper .search-filter-wrapper>div[class*="col-"]{padding: 36px;} #search .search-wrapper .search-filter-wrapper input[type="checkbox"], #search .search-wrapper .search-filter-wrapper input[type="checkbox"]{margin-left: 8px;} #search .search-wrapper .search-filter-wrapper .has-sub>label{color: var(--red);} #search .search-wrapper .search-filter-wrapper .sub{display: none;padding-right: 24px;} #search .search-wrapper .search-filter-wrapper input:checked ~ .sub, #search .search-wrapper .search-filter-wrapper .sub.show{display: block;} /* End #search */