.layout-ratio > img{ object-fit: contain;
}
@media screen and (max-width:768px){ .alraimedia-article-details .section-news-carousel .owl-thumb-item{ width: calc(33% – 10px); } .alraimedia-article-details .image_body img{ max-width: 100% !important; }
}
@media (max-width: 575px){ .alraimedia-article-details .media_pdf_files a{ width: 100%; display: block; margin-bottom: 10px; }
}
/*case of author*/
.alraimedia-article-details .authorBox{ display: flex; margin: 20px 0px;
}
.alraimedia-article-details .authorBox .author-img{ display: flex; width: 150px; align-items: center;
}
.alraimedia-article-details .authorBox .author-img img{ width: 150px; height: 150px; object-fit: cover; object-position: top; border-radius: 100%;
}
.alraimedia-article-details .authorBox .author-info-1{ display: flex; flex-flow: column; justify-content: center; padding: 0px 20px; width:calc(100% – 150px);
}
.alraimedia-article-details .authorBox .author-info-1 .title-author{ font-family: Almarai-Bold; font-size: 24px;
}
.alraimedia-article-details .authorBox .info-inner-1{ display: flex; margin-top: 20px;
}
.alraimedia-article-details .authorBox .author-email{ font-size: 14px;
}
.alraimedia-article-details .fontSize{ height: 34px; position: absolute; top: 30px; left: 0px;
}
.alraimedia-article-details .fontSize .fontIcon{ margin-right: 10px; display: inline-block; width: 34px;
}
.alraimedia-article-details-container-info{ padding: 20px 0px ;
}
.alraimedia-article-details.authorArticle .alraimedia-article-details-container-info{ padding: 10px 0px 20px ;
}
.alraimedia-article-details .article-byline-date{ display: flex; padding: 20px 0px; width: calc(100% – 78px); font-size: 14px;
}
.alraimedia-article-details .article-byline{ float: right; padding-left: 15px; border-left: 2px solid #D8D8D7; font-family: Almarai-Regular;
}
.alraimedia-article-details .article-date{ float: right; padding: 0px 15px; border-left: 2px solid #D8D8D7; font-family: Almarai-Regular;
}
.alraimedia-article-details .article-time{ float: right; padding-right: 15px; padding-left: 15px; font-family: Almarai-Regular;
}
.alraimedia-article-details .article-visits{ float: right; padding-right: 15px; border-right: 2px solid #D8D8D7; font-family: Almarai-Regular;
}
.alraimedia-article-details .article-desc{ font-family: Almarai-Regular; font-size: 14px; line-height: 24px; letter-spacing: 0.3px;
}
.alraimedia-article-details .article-desc p{ margin-bottom: 0px;
}
.alraimedia-article-details .article-desc a{ color:#3b73af;
}
.alraimedia-article-details .image_body{ margin-bottom: 20px;
}
.related-article-inside-body{ display: flex; margin:20px 0px; background-color: #D8D8D7; padding: 0px 0px 0px 20px; flex-wrap: wrap;
}
.related-article-inside-body .col-div{ display: flex; width: 50%;
}
.related-article-inside-body .col-div>.article-box,
.related-article-inside-body .col-div>.image-box{ width: 50%; display: flex;
}
.related-article-inside-body .col-div>.article-box{ display: flex; flex-flow: column; padding-right: 10px; justify-content: center;
}
.related-article-inside-body .col-div>.image-box>a{ display: block; width: 100%;
}
.related-article-inside-body .title-1{ font-size: 14px; margin-top: 5px; font-family: Almarai-Bold; line-height: 20px; height: 40px; overflow: hidden;
}
.related-article-inside-body .col-div .article-date-byline { padding: 7px 0px; font-size: 12px; font-family: Almarai-Regular; display: flex;
}
@media(min-width: 992px){ .related-article-inside-body .col-div .byline{ padding-left: 12px; line-height: 22px; position: relative; color: #2f2722 ; /*margin-left: -15px;*/ } .related-article-inside-body .col-div .byline:after{ content: ”; position: absolute; width: 2px; height: 12px; top: 50%; left: 4px; background-color: #f58220; margin-top: -7px; margin-right: 5px; } .related-article-inside-body .col-div .date{ margin-right: 1px; }
}
@media (max-width:991px) { .related-article-inside-body .col-div .article-date-byline { padding: 7px 0; font-size: 12px; font-family: Almarai-Regular; display: block; } .related-article-inside-body .col-div .byline { margin-bottom: 1px; } .related-article-inside-body .col-div .date { margin-right: 0px; padding-top: 0px; }
}
@media(max-width: 990px){ .related-article-inside-body .col-div .byline{ padding-left: 15px; line-height: 14px; position: relative; color: #2f2722 ; } .related-article-inside-body .col-div .byline:after{ width: 0px; } .related-article-inside-body .col-div .date{ margin-right: 10px; }
}
.related-article-inside-body .col-div .layout-ratio{ padding-bottom: 55%;
}
.related-article-inside-body .col-div:nth-child(1)>.article-box{ padding-left: 10px;
}
.alraimedia-article-details .tags_outer{ padding: 20px 0px; margin-bottom: 20px; display: flex; flex-wrap: wrap;
}
.alraimedia-article-details .tags_outer .tags-list{ height: 30px; padding: 0px 15px; line-height: 28px; font-family: ‘Almarai-Regular’; font-size: 14px; color: #6F6F6E; border: 1px solid #6F6F6E; border-radius: 15px; margin-left: 20px;
}
.alraimedia-article-details .social-sharing{ position: relative; height: 46px;
}
.alraimedia-article-details .print-icon{ border-radius: 5px; height: 30px; border: solid 1px #cfd1d2; color: #cfd1d2; font-size: 19px; padding: 4px; line-height: 33px;
}
.alraimedia-article-details .social-sharing .social-inner{ display: flex; float: left; border: solid 3px #d2d2d2; border-radius: 5px;
}
.alraimedia-article-details .social-sharing .social-item{ margin: 4px 5px; height: 32px;
}
.alraimedia-article-details .social-sharing .social-item:first-child{ background-color: #d2d2d2; color: #fff; line-height: 28px; height: 28px; margin: 6px 5px; font-family: Almarai-Regular; padding: 0px 5px 0px 12px; border-radius: 5px;
}
.alraimedia-article-details .social-sharing .social-item img{ border-radius: 5px; margin: 1px 0px; height: 30px; border:solid 1px #cfd1d2;
}
@media screen and (max-width:990px) { .alraimedia-article-details .article-title { font-size: 20px; margin-bottom: 20px; } .related-article-inside-body{ padding: 10px; } .related-article-inside-body .col-div{ width: 100%; } .related-article-inside-body .col-div:nth-child(1){ margin-bottom: 10px; } .related-article-inside-body .col-div .article-date-byline{ font-size: 11px; } .alraimedia-article-details .authorBox { flex-wrap: wrap; } .alraimedia-article-details .authorBox .author-img{ width: 120px; } .alraimedia-article-details .authorBox .author-img img{ width: 120px; height: 120px; } .alraimedia-article-details .authorBox .author-info-1{ width:calc(100% – 120px); } .alraimedia-article-details .article-byline-date { padding: 0px 0 15px; } .alraimedia-article-details .fontSize{ top: 10px; } .alraimedia-article-details iframe{ width: 100% !important; } .related-article-inside-body .col-div>.article-box{ width: calc(100% – 150px); } .related-article-inside-body .col-div>.image-box { width: 150px; } .alraimedia-article-details .social-sharing{ height: 40px; } .alraimedia-article-details .print-icon{ font-size: 14px; line-height: 30px; } .alraimedia-article-details .social-sharing .social-inner{ border: solid 2px #d2d2d2; } .alraimedia-article-details .social-sharing .social-item{ margin: 0px 3px 3px; height: 28px; } .alraimedia-article-details .social-sharing .social-item:first-child{ line-height: 26px; padding: 0px 5px; margin: 2px; } .alraimedia-article-details .social-sharing .social-item img{ margin: 3px 0px; width: 24px; height: unset; }
}
@media screen and (max-width:768px) { .alraimedia-article-details .article-byline-date { width: 100%; display: block; } .alraimedia-article-details .article-byline{ float: none; display: block; border: 0px; padding-bottom: 10px; } .alraimedia-article-details .article-date{ float: none; display: block; border: 0px; padding: 0 0 10px; } .alraimedia-article-details .article-time { float: none; padding: 0 0 10px; display: block; } .alraimedia-article-details .article-visits { float: none; padding: 0 0 10px; display: block; border: 0px; } .alraimedia-article-details .fontSize{ display: none; } .related-article-inside-body .col-div>.article-box{ width: calc(100% – 100px); } .related-article-inside-body .col-div>.image-box { width: 100px; }
}
.alraimedia-article-details .link{color:#9f1110;}
.alraimedia-article-details .delimiter{text-align:center;}
.alraimedia-article-details .twoColumns td{width:50%;}
/* START table list style */
.alraimedia-article-details .article-list table{border:0;border-collapse:collapse;margin:10px 0;padding:0;width:100%;table-layout:fixed}
.alraimedia-article-details .article-list table thead tr{background-color:#9f1110;;color:#FFF}
.alraimedia-article-details .article-list table tr{background-color:#f7f7f7;border-bottom:2px solid #FFF;color:#000}
.alraimedia-article-details .article-list table th,.alraimedia-article-details .article-list table td{padding-right:0;text-align:center;border-right:2px solid #dce9ea}
.alraimedia-article-details .article-list table th{padding:10px;text-align:center;font-size:18px;}
.alraimedia-article-details .article-list table td{padding:10px;text-align:center;font-size:16px}
/* end table list style */ ]]>