/*! redesign ruby na.ghelichkhani 1397/08 */

/*body {
    font-family: iranYekan,regular,sans-serif;
}*/
/*img{
    max-width:100% !important;
}*/
/*.uk-tooltip {
    font-family: iranYekan,regular,sans-serif !important;
}*/
.dp_alternatePortalHeader, .dp_AlternatePortalHeader,
.dp_alternatePortalFooter, .dp_AlternatePortalFooter,
.dp_DefaultLayoutTableModule, .dp_defaultLayoutTableModule {
    width: 100% !important;
}


/* description */
.NVContentDescription p {
    font: 13px iranYekan,regular,sans-serif;
    /*line-height:24px !important;*/
    text-align: justify;
}

/* footer nav buttons */
.FooterButtons ul {
    padding: 0;
    float: left;
}

/* news info nav */
.dp-NV-navInfo {
    background-color: #eaeaea;
    margin: 10px 0 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font: 13px iranYekan,regular,sans-serif;
}

.dp-NV-info li tr, .dp-NV-info li td {
    font: 13px iranYekan,regular,sans-serif;
}

.dp-NV-info {
    padding-left: 35px;
}

    .dp-NV-info ul {
        list-style-type: none;
    }

    .dp-NV-info li {
        display: inline-block;
        float: left;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: ease .3s;
        -moz-transition: ease .3s;
        -o-transition: ease .3s;
        transition: ease .3s;
    }

        .dp-NV-info li.hasAfter::after, .dp-NV-info li.hasAfter::after {
            content: '/';
            display: inline-block;
            margin: 0 5px;
        }

    .dp-NV-info a {
        display: block;
        font-size: 19px;
        color: #464646;
        -webkit-transition: ease .2s;
        -moz-transition: ease .2s;
        -o-transition: ease .2s;
        transition: ease .2s;
    }

        .dp-NV-info a:hover, .dp-NV-info a:focus {
            color: #F9A200;
        }
/* font size buttons */
.dp-NV-fontSizeBtn a {
    font-size: 14px;
    line-height: 23px;
}
/* bottom links - utility links */
.dp-NV-utilityLinks {
    list-style-type: none;
}

    .dp-NV-utilityLinks li {
        float: left;
        margin: 0 5px;
    }

        .dp-NV-utilityLinks li:first-child {
            margin-left: 0;
        }

        .dp-NV-utilityLinks li a {
            color: #fff;
            font-size: 24px;
            text-align: center;
            line-height: 37px;
            display: block;
            width: 40px;
            height: 40px;
            background-color: #fdaf17;
            -webkit-transition: ease .2s;
            -moz-transition: ease .2s;
            -o-transition: ease .2s;
            transition: ease .2s;
        }

            .dp-NV-utilityLinks li a:hover {
                background-color: #464646;
                color: #fdaf17;
            }

    /* short link */
    .dp-NV-utilityLinks .dp-NVshortLinkBox {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        background-color: #fdf0d8;
        direction: ltr;
    }

        .dp-NV-utilityLinks .dp-NVshortLinkBox span.dp-mainShortLink {
            padding: 0 10px 0 5px;
            color: #696969;
        }

        .dp-NV-utilityLinks .dp-NVshortLinkBox i.dp-LinkIcon {
            color: #fdaf17;
            padding: 0 5px 0 10px;
            font-size: 15px;
        }

        .dp-NV-utilityLinks .dp-NVshortLinkBox .tooltip i {
            font-size: 24px;
            line-height: 40px;
        }

/* tooltip style */
.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        height: 30px;
        line-height: 27px;
        width: 50px;
        font-size: 12px;
        background-color: #2f2f2f;
        color: #ccc;
        text-align: center;
        border-radius: 3px;
        padding: 0 5px;
        position: absolute;
        z-index: 1;
        bottom: -89%;
        left: -25%;
        margin-left: 0px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: rotate( 180deg );
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #2f2f2f transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

/* image */
.NVContentImageContainer {
    position: relative;
    border: 1px solid;
    margin: 10px 25px;
    max-width: 400px;
    -webkit-transition: ease .3s;
    -moz-transition: ease .3s;
    -o-transition: ease .3s;
    transition: ease .3s;
}

    .NVContentImageContainer * {
        -webkit-transition: ease .3s;
        -moz-transition: ease .3s;
        -o-transition: ease .3s;
        transition: ease .3s;
    }

.NVContentImage img {
    max-width: 100% !important;
}

.dp-galleryThumbImg img {
    margin-top: -20px;
}

/* thumbnails */
.ThumbnailGallery {
    text-align: center;
    background-color: #fff;
    max-height: 85px;
    overflow: auto;
    border-top: solid 1px #ccc;
}

/* titles */
.PreTitle, .Title, .SubTitle {
    font-family: iranYekan,regular,sans-serif;
    color: #464646;
    display: block;
    line-height: 30px;
}

/* rating */
.RatingArea {
    margin-top: 10px;
}

/* pretitle and subTitle */
.PreTitle, .SubTitle {
    font-size: 15px;
}

/* title */
.Title {
    font-size: 19px;
}

/* summary */
.Summary {
    margin: 20px 0;
}

    .Summary > span {
        font: 13px iranYekan,regular,sans-serif;
        background-color: #f2f2f2;
        color: #464646;
        border: solid 1px #cacaca;
        display: flex;
        padding: 10px;
        text-align: justify;
        line-height: 22px;
    }

/* section title */
.dp-NV-sectionTitlte {
    margin: 12px 0;
}

    .dp-NV-sectionTitlte > span {
        display: inline-block;
        background-color: #fcaf17;
        color: #464646;
        font: 14px iranYekan,regular,sans-serif;
        padding: 8px 0;
        width: 110px;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

/* source */
.NewsSourceArea .dp-NV-sectionTitlte, .dp-NV-source {
    display: inline-block;
}

.dp-NV-source {
    font: 13px iranYekan,regular,sans-serif;
    color: #2c2c2c;
    padding: 8px;
}

/* related news */
.dp-NV-relatedNews {
    background-color: #f2f2f2;
    border: solid 1px #cacaca;
    padding: 10px 0;
    margin: 22px 0 10px;
}

    .dp-NV-relatedNews ul {
        margin: 0;
        padding: 0 30px;
    }

    .dp-NV-relatedNews li a {
        font: 12px iranYekan,regular,sans-serif;
        color: #464646;
    }

.dp-NV-Comments_Wrapper {
    border-top: solid 1px #a2a2a2;
}
/* tags */
.dp-NV-TagsRow {
    border-top: solid 1px #a2a2a2;
    /*border-bottom: solid 1px #a2a2a2;*/
    margin-top: 10px;
    padding: 10px 0;
}

    .dp-NV-TagsRow > div.dp-NV-sectionTitlte {
        margin: 0 !important;
        width: 120px;
    }

    .dp-NV-TagsRow > div {
        display: inline-block;
        float: right;
    }

    .dp-NV-TagsRow ul.uk-clearfix {
        margin: 0 auto !important;
    }

.dp-NVTags {
    width: calc(100% - 120px);
}
/* comments */
.dp-NV-commentItem {
    border: solid 1px #cacaca;
    background-color: #f2f2f2;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #2c2c2c;
}

    .dp-NV-commentItem a {
        color: #2c2c2c;
    }

.dp-NV-cmAnswer a {
    padding: 2px 4px;
    -webkit-transition: ease .2s;
    -moz-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s;
}

    .dp-NV-cmAnswer a:hover, .dp-NV-showAnswerBtn:hover, .dp-NV-showAnswerBtn.NV-active {
        color: #fcaf17;
        background-color: #464646;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

.dp-NV-newLabel {
    font-size: 14px;
    color: #fcaf17;
    display: block;
    margin-bottom: 7px;
    padding: 0 25px;
}

.dp-NV-cmDate {
    font-family: BYekan,regular,sans-serif;
    font-size: 13px;
}

.dp-NV-commentItem i[class^="uk-icon"] {
    margin: 0 5px;
    font-size: 15px;
    line-height: 26px;
}

.dp-NV-cmAnswer {
    margin: 0 20px;
}
/* comment answer */
.dp-NV-showAnswerBtn {
    -webkit-transition: ease .2s;
    -moz-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s;
    padding: 4px 0 4px 4px;
}
/*.dp-NV-showAnswerBtn:hover{
    color:#F9A200;
}*/
.rptCommentsHeader {
    display: none;
    margin: 10px 5%;
}

    .rptCommentsHeader > div {
        border: solid 1px #d1d1d1;
        background-color: #f9f9f9;
        padding: 10px;
        margin: 10px 0;
    }

        .rptCommentsHeader > div i[class^="uk-icon"] {
            color: #444;
        }

    .rptCommentsHeader .CreatorName {
        font: 13px iranYekan,regular,sans-serif;
    }

    .rptCommentsHeader .CreatorDate {
        font: 13px BYekan,regular,sans-serif;
    }

.dp-NV-viewCmsBtns {
    margin: 10px 0;
}

    .dp-NV-viewCmsBtns a {
        display: inline-block;
        float: left;
        padding: 5px 10px;
        background-color: #FCAF17;
        color: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: ease .3s;
        -moz-transition: ease .3s;
        -o-transition: ease .3s;
        transition: ease .3s;
    }

        .dp-NV-viewCmsBtns a:hover {
            background-color: #f9a200;
            color: #333;
        }

/* slide gallery */
.SliderGallery {
    border: solid 1px #ccc;
}

/* modal iframe */
.NV-modalIFrame {
    width: 100% !important;
    height: auto !important;
    min-height: 460px;
}

.NV-ukModal .uk-modal-header h2 {
    font: bold 20px iranYekan,regular,sans-serif !important;
    color: #464646;
}

/* 1398/08/12 - n.ghelichkhani */
.dp-GalleryItem a {
    display: block;
    width: 100%;
    height: 220px;
    border: solid 1px #ccc;
    border-radius: 3px;
    padding: 3px;
    box-sizing: border-box;
    overflow: hidden;
    /*margin-bottom : 20px !important;*/
}

.dp-GalleryItem.uk-width-large-1-2 a {
    height: 235px;
}

.dp-GalleryItem.uk-width-large-1-5 a {
    height: 180px;
}

.dp-GalleryItem a img {
    display: block;
    /*width:100%;
    height:100%;*/
    max-width: 100%;
    max-height: 100%;
    transform: translate(50%, -50%);
    position: relative;
    top: 50%;
    right: 50%;
}



/* media */
@media only screen and (max-width : 768px) {
    .NVContentImage {
        float: none !important;
        clear: both;
        display: block;
        margin: 10px 0;
        max-width: 100%;
    }

    .thumbSpan {
        display: inline-block;
        width: 25%;
    }

        .thumbSpan img {
            max-height: 50px;
            min-height: 50px;
        }

    .dp-NV-navInfo > div {
        margin: 5px 0;
    }

    .dp-NV-info {
        padding: 0 10px;
    }

        .dp-NV-info ul {
            padding: 0;
        }

        .dp-NV-info li {
            width: 23%;
            text-align: center;
            height: 20px;
            margin: 5px 1%;
            background-color: #f5f5f5;
        }

            .dp-NV-info li.hasAfter::after {
                content: "";
                display: none;
            }

            .dp-NV-info li:nth-child(5), .dp-NV-info li:nth-child(6),
            .dp-NV-info li:nth-child(7), .dp-NV-info li:nth-child(8) {
                width: 48%;
            }

    .dp-NVTags {
        width: 100%;
    }
}

@media only screen and (max-width : 480px) {
    .dp-NV-viewCmsBtns {
        text-align: center;
    }

        .dp-NV-viewCmsBtns a {
            float: none;
            clear: both;
            margin: 10px auto;
        }

    .dp-GalleryItem a {
        height: auto !important;
    }

        .dp-GalleryItem a img {
            transform: translate(0, 0);
            top: 0;
            right: 0;
        }

    .dp-NV-utilityLinks .dp-NVshortLinkBox {
        margin: 5px 0;
    }
}


/* will be deleted */
a#FAddCommentImage, #FSendToFriendsImage,
#PreTitleCaptionPart, #TitleCaptionPart, #SubTitleCaptionPart, #FAttachmentDownloadImage,
#LinkCaptionPart {
    display: none;
}

/* on print mode - n.ghelichkhani 1398/10/30 */
@media only print {
    .nav-pos,
    .dp-top-header,
    /*.portal-image,*/
    .go-top-btn,
    .dp-NV-utilityLinks,
    /*.dp_DefaultPortalHeader,*/
    .dp_defaultPortalFooter,
    .dp-NV-attachmentBtn,
    .dp-NV-linkBtn,
    .dp-NV-fontSizeBtn,
    .RatingArea,
    .dp-NV-TagsRow,
    .uk-tooltip,
    .dp_DefaultPortalFooter {
        display: none !important;
    }

    .Summary {
        display: block;
        float: none;
        clear: both;
    }

    .NVContentDescription {
        display: block;
        clear: both;
        float: none;
        /*min-height:600px;*/
    }
    /*.Summary{
        min-height:100px
    }*/
}


.SliderGallery {
    position: relative
}

.gallerySpan {
    position: relative
}

.NVContentImageContainer {
    position: relative
}

.dp-ContainerContentDescription {
    position: absolute;
    /*top: 72%;*/
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    left: 0;
    min-height: 60px;
    text-align: right;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    border-radius: 5px;
    height: 68px;
    line-height:24px;
    bottom:0
}
.dp-ThumbnailContainer {
    bottom:86px

}
.dp-ContainerContentDescription span {
    padding: 0.4rem 0.6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dp-galleryItemC {
    width: 90%;
    left: 2px;
  bottom:0
}

.mc {
    position: relative
}

#lightbox-image-details-caption {
    position: absolute !important;
    top: 82% !important;
    width: 98%;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    left: 2px;
    min-height: 60px;
    text-align: right;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    border-radius: 5px;

}

.NotshowDescriptionNews {
    display: none !important
}
.dp-SingleGalleryModeContainer {
    display: block !important
}