﻿/*! redesign ruby na.ghelichkhani 1397/08 */

/*body {
    font-family: regular,iranYekan,sans-serif;
}
img{
    max-width:100% !important;
}
.uk-tooltip {
    font-family: regular,iranYekan,sans-serif !important;
}*/
.dp_alternatePortalHeader, .dp_AlternatePortalHeader,
.dp_alternatePortalFooter, .dp_AlternatePortalFooter,
.dp_DefaultLayoutTableModule, .dp_defaultLayoutTableModule {
    width: 100% !important;
}

/* social media links */
#netSharing{
    display:none;
}
.dp-socialMediaLinks {
    position: fixed;
    z-index: 981;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #e5e5e5;
    width: 60px;
    height: auto;
    -webkit-transition: ease .3s;
    -moz-transition: ease .3s;
    -o-transition: ease .3s;
    transition: ease .3s;
}
.dp-socialMediaLinks a{
    display:block;
    font-size:20px;
    color: #474747;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    height:50px;
    line-height:47px;
    -webkit-transition:ease .3s;
    -moz-transition:ease .3s;
    -o-transition:ease .3s;
    transition:ease .3s;
}
.dp-socialMediaLinks a i{
    display:inline-block;
    -webkit-transition:ease .3s;
    -moz-transition:ease .3s;
    -o-transition:ease .3s;
    transition:ease .3s;
}
.dp-socialMediaLinks a:hover , .dp-socialMediaLinks a:focus{
    color:#fff;
}
.dp-socialMediaLinks a:hover i, .dp-socialMediaLinks a:focus i{
    -webkit-transform:rotate(-360deg);
    -moz-transform:rotate(-360deg);
    -ms-transform:rotate(-360deg);
    -o-transform:rotate(-360deg);
    transform:rotate(-360deg);
}
.dp-socialMediaLinks a.dp-icFacebook:hover ,.dp-socialMediaLinks a.dp-icFacebook:focus{
    background-color: #3A589B;
}
.dp-socialMediaLinks a.dp-icLinkedin:hover , .dp-socialMediaLinks a.dp-icLinkedin:focus{
    background-color:#0077B7;
}
.dp-socialMediaLinks a.dp-icGoogleP:hover , .dp-socialMediaLinks a.dp-icGoogleP:focus{
    background-color:#CC3731;
}
.dp-socialMediaLinks a.dp-icTwitter:hover , .dp-socialMediaLinks a.dp-icTwitter:focus{
    background-color:#2DAAE1;
}
.dp-socialMediaLinks a.dp-icTelegram:hover , .dp-socialMediaLinks a.dp-icTelegram:focus{
    background-color:#139BD0;
}

/* description */
.NVContentDescription p {
    font: 13px regular,iranYekan,sans-serif;
    /*line-height:24px !important;*/
    text-align: justify;
}

/* footer nav buttons */
.FooterButtons ul{
    padding:0;
    float:right;

}

/* news info nav */
.dp-NV-navInfo {
    background-color: #eaeaea;
    margin:10px 0 20px;
    padding-top:10px;
    padding-bottom:10px;
    font:13px regular,iranYekan,sans-serif;
}
.dp-NV-info li tr, .dp-NV-info li td {
    font: 13px regular,iranYekan,sans-serif;
}
.dp-NV-info {
    padding-left: 35px;
}
.dp-NV-info ul {
    list-style-type: none;
    padding:0;
}
.dp-NV-info li{
    display:inline-block;
    float:right;
    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;
}
a[id*="FReturnButton"]{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
/* 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:right;
    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: rtl;
}

.dp-NV-utilityLinks .dp-NVshortLinkBox span.dp-mainShortLink {
    padding: 0 5px 0 10px;
    color: #696969;
}

.dp-NV-utilityLinks .dp-NVshortLinkBox i.dp-LinkIcon {
    color: #fdaf17;
    padding: 0 10px 0 5px;
    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: 55px;
    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;
}

/* thumbnails */
.ThumbnailGallery {
    text-align: center;
    background-color: #fff;
    max-height:85px;
    overflow:auto;
    border-top:solid 1px #ccc;
}

/* titles */
.PreTitle, .Title, .SubTitle {
    font-family: regular,iranYekan,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 regular,iranYekan,sans-serif;
    background-color: #f2f2f2;
    color: #464646;
    border: solid 1px #cacaca;
    display:flex;
    padding:10px;
}

/* section title */
.dp-NV-sectionTitlte{
    margin:12px 0;
}
.dp-NV-sectionTitlte > span {
    display: inline-block;
    background-color: #fcaf17;
    color: #464646;
    font: 14px regular,iranYekan,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 regular,iranYekan,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 regular,iranYekan,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:left;
}
.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 regular,iranYekan,sans-serif;
}
.rptCommentsHeader .CreatorDate{
    font:13px regular,iranYekan,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 regular,iranYekan,sans-serif !important;
    color: #464646;
}
a[class*="dpt-nextPageBtn"]{
    float:right !important; 
}

/* 1398/08/12 - n.ghelichkhani */
.dp-GalleryItem a {
    display: block;
    width: 100%;
    height: 190px;
    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 5px 5px 0;
    }
}


/* will be deleted */
a#FAddCommentImage, #FSendToFriendsImage,
#PreTitleCaptionPart, #TitleCaptionPart, #SubTitleCaptionPart, #FAttachmentDownloadImage,
#LinkCaptionPart {
    display: none;
}

/* on print mode - n.ghelichkhani 1398/11/12 */
@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
    }*/
}