@font-face {
    font-family: 'core-icons';
    src:  url('../fonts/icons/icomoon.eot?6kwywk');
    src:  url('../fonts/icons/icomoon.eot?6kwywk#iefix') format('embedded-opentype'),
      url('../fonts/icons/icomoon.ttf?6kwywk') format('truetype'),
      url('../fonts/icons/icomoon.woff?6kwywk') format('woff'),
      url('../fonts/icons/icomoon.svg?6kwywk#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* common content */
.common-content { line-height: 2; }
.common-content p { margin: 15px 0; }
.common-content p:first-child { margin-top: 0; }
.common-content * { text-justify: distribute; }
.common-content > *:first-child { margin-top: 0; }
.common-content a:not([class]) { color: var(--links); }
.common-content a:not([class]):hover { color: var(--links-hover); border-bottom-width: 1px; border-bottom-style: solid; }

.common-content ol { padding: 0; margin: 15px 0; list-style-position: inside; }
.common-content ol li::marker { color: var(--marker-color); font-weight: bold; }

.common-content ul { padding: 0; margin: 15px 0; list-style-position: inside; }
.common-content ul li::marker { color: var(--marker-color); }
.common-content ul.c2 { columns: 2; }

.common-content h2,
.common-content h3 { margin: 50px 0 0; line-height: 1.5; }

.common-content h4 { margin: 30px 0 0; line-height: 1.5; }

.common-content img { border-radius: 10px; margin: 15px 0; }

.common-content iframe { border-radius: 10px; border: 1px solid #ddd !important; }

/* table */
.common-content table { width: 100%; margin: 15px 0; border: 2px solid rgba(0,0,0, .1); padding: 10px; border-spacing: 0; border-collapse: separate; border-radius: 10px; }
.common-content table td, .common-content table th { padding: 3px 10px; text-align: center; border: none; }
.common-content table th { background: var(--secondary-lowest); }
.common-content table tr:nth-child(even) td { background: #f8f8f8; }
.common-content table td p, .common-content table th p { margin: 0; }

.common-content table thead td,
.common-content table thead th { border-bottom: 2px solid #ddd; font-weight: bold; }

.common-content table tfoot td,
.common-content table tfoot th { border-top: 2px solid #ddd; font-weight: bold; }

.common-content table tbody tr:hover td { background: #e4eff9; }

.common-content table tbody td:not(:last-child),
.common-content table tbody th:not(:last-child) { border-left: 1px solid rgba(0,0,0, .05) }

.common-content .aparat-video iframe { border: none; border-radius: 10px; }
.common-content .youtube-video { border-radius: 10px; }

/* post edit link */
.post-edit-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  background-color: #039b17; color: #FFF; font-size: 15px; width: 90px; height: 26px; text-align: center; padding: 0 0 2px; border-radius: 20px; display: none; z-index: 1; line-height: 1.3; }
.post-edit-link::before { content: '\e901'; display: inline-block; font-family: 'core-icons'; margin-left: 5px; position: relative; top: 3px; }
.post-edit-link:hover { background-color: #228515; }
*:hover > .post-edit-link { display: block; }

/* progress bar */
.progress-bar { height: 10px; background-color: #888; width: 0px; z-index: 1000; position: fixed; top: 0px; left: 0; z-index: 10000; }
body.admin-bar .progress-bar { top: 32px; }

/* mrj element */
.mrj-element { margin: 15px 0; }

/* shortcode > notice */
.mrj-notice { background-color: #f7f7f7; border: 1px solid rgba(0,0,0, .1); padding: 5px 15px; border-radius: 5px; }
.mrj-notice::before { content: '\e902'; font-family: 'core-icons'; display: inline-block; margin-left: 10px; position: relative; top: 3px; color: #aaa; }
.mrj-notice.yellow { background-color: #fff8ee; } .mrj-notice.yellow::before { color: #d7ac71; }
.mrj-notice.blue { background-color: #eef9ff; } .mrj-notice.blue::before { color: #7ab4d4; }
.mrj-notice.green { background-color: #f0ffee; } .mrj-notice.green::before { color: rgb(128, 195, 119); }
.mrj-notice.red { background-color: #ffeeee; } .mrj-notice.red::before { color: rgb(208, 132, 132) }
.mrj-notice a { border: none; }

/* shortcode > cta button */
.common-content .cta-btn { margin: 15px 0; display: flex; justify-content: center; }
.common-content .cta-btn a { padding: 7px 15px; border-radius: 7px; color: #FFF; border: none; text-align: justify; cursor: pointer; }
.common-content .cta-btn.red a { background-color: red; }
.common-content .cta-btn.green a { background-color: green; }
.common-content .cta-btn.blue a { background-color: blue; }
.common-content .cta-btn a:hover { opacity: .8; color: #FFF; }

/* shortcode > content index plugin */
#index-list { background-color: #f5feff; border: 1px solid rgba(0,0,0, .1); border-radius: 10px; padding: 15px 20px; }
#index-list span.index-list-title::after { content: attr(data-title); display: inline-block; font-weight: 800; font-size: 1.4em; margin-bottom: 5px; }
#index-list span.title-index { display: block; cursor: pointer; }
#index-list span.title-index:hover { color: var(--links-hover); }
#index-list span.title-index.h2 { font-weight: 600; }
#index-list span.title-index:not(.h2) { font-size: .9em; }
#index-list span.title-index:not(.h2)::before { content: '-'; display: inline-block; margin-left: 5px; opacity: .4; }

/* shortcode > grid */
.mrj-grid { display: grid; grid-gap: 30px; }
.mrj-grid.align-center { align-items: center; }
.mrj-grid.align-start { align-items: start; }
.mrj-grid.align-end { align-items: end; }
.mrj-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.mrj-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.mrj-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.mrj-grid > *:first-child, .mrj-grid .mrj-grid-part > *:first-child { margin-top: 0; }
.mrj-grid.no-image-margin img { margin: 0 !important; }

.field-loading { border: 2px solid #ddd; border-top: 2px solid #888; border-radius: 50%; width: 20px; height: 20px; -webkit-animation: spin .5s linear infinite; animation: spin .5s linear infinite; position: absolute; top: 0; bottom: 0; left: 15px; margin: auto; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }


/* shortcode > object */
.inline-object { position: relative; display: flex; gap: 20px; align-items: center; background-color: #f5f5f5; padding: 20px; border-radius: 10px; }
.inline-object__image { margin: 0 !important; }
.inline-object__data-item { display: block; }
.inline-object__data-item--title { font-size: 1.1em; font-weight: 700; line-height: 1.6; }
.inline-object__data-item--title::before { content: 'پیشنهاد ' attr(data-type); display: block; font-size: .8em; font-weight: 200; }
.inline-object__data-item--title a { color: inherit; border: none; }
.inline-object__data-item--title a:hover { text-decoration: underline; }
.inline-object .post-edit-link { line-height: 1.2; top: 20px; right: auto; bottom: auto; left: 20px; }
.inline-object__data-item--price { font-weight: 600; }

/* plugin > mrj-faq-pro */
.mrj-faq::before { content: attr(data-title); display: block; font-size: 1.4em; font-weight: 800; margin-bottom: 15px; }
.mrj-faq .wrap { padding: 30px 0; }
.mrj-faq__item { background: #f0f0f0; margin-bottom: 10px; border-radius: 5px; padding: 10px 20px; }
.mrj-faq__ask { font-weight: 700; margin: 0; cursor: pointer; }
.mrj-faq__ask::before { content: '+'; display: inline-block; margin-left: 15px; position: relative; top: 1px; }
.mrj-faq__answer { display: none; text-align: justify; text-justify: distribute; }

/* plugin > sweet alert */
.alert-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999999; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.mrj-sweet-alert { border-radius: 10px; padding: 15px; }
.mrj-sweet-alert.success { background-color: #d5ff96; }
.mrj-sweet-alert.warning { background-color: #ffe695; }
.mrj-sweet-alert.error { background-color: #ffb0b0; }

/* plugin > wrap loading */
.loading-wrap > *:not(.wrap-loading) { opacity: .4; filter: blur(1px); transition: all .3s ease-in-out; pointer-events: none; }
.wrap-loading { border: 5px solid #ccc; border-top: 5px solid #333; border-radius: 50%; width: 50px; height: 50px; -webkit-animation: spin .5s linear infinite; animation: spin .5s linear infinite; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }




/* mrj form */
.mrj-form { position: relative; }
.mrj-form__col-2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
.mrj-form__field-container { margin-bottom: 10px; }
.mrj-form__field-container.required .mrj-form__label::after { content: '*'; color: red; }
.mrj-form__label { display: block; margin-bottom: 5px; cursor: pointer; }
.mrj-form__field { width: 100%; border-radius: 10px; }
.mrj-form__field.ltr { direction: ltr; }
textarea.mrj-form__field { resize: vertical; }

.contact-popup .mrj-sweet-alert { font-size: .9em; padding: 10px 15px; }



/**
* mrj-popup
*/
.mrj-popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0, .6); z-index: 1000; display: flex; align-items: center; justify-content: center; }
.mrj-popup_content { padding: 20px; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0, .2); position:relative; border-radius: 10px;  }
.mrj-popup_content-in { overflow-y: auto; scrollbar-width: thin; }
.mrj-popup_content-in.full { max-height: 70vh; }
.mrj-popup_content-in iframe { border: none; }
.mrj-popup_close { position: absolute; right: 0; bottom: -30px; cursor: pointer; color: rgba(255,255,255, .8); font-size: .8em; }


/**
* mrj-like
*/
.mrj-like { cursor: pointer; align-items: center; position: relative; }
.mrj-like__button::before { content: '\e90d'; font-family: 'core-icons'; font-size: 1em; color: #888; display: inline-block; margin-left: 10px; position: relative; top: 3px; }
.mrj-like__button.active::before { color: red; }
.mrj-like__count { display: inline-block; margin: 0 !important; }
.mrj-like__count-context { font-size: .8em; display: inline-block; margin-right: 5px; }
.mrj-like__count .inline-alert { font-size: .8em; }


/**
* custom pay
*/
#mrj-custom-pay { display: flex; flex-flow: column; gap: 10px; }
#mrj-custom-pay label { display: block; }
#mrj-custom-pay .form-field { width: 100%; }


@media screen and (max-width:834px) {
  .mrj-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width:640px) {
  .mrj-grid.cols-2, .mrj-grid.cols-3, .mrj-grid.cols-4 { grid-template-columns: 100%; grid-gap: 20px; justify-items: center; }
}

@media screen and (max-width:480px) {
  .inline-object { grid-template-columns: 100%; justify-items: center; text-align: center; }
}