Floral tribute

.articleDetails .title-article{
font-family: ‘MontserratEB’;
font-size: 44px;
line-height: 50px;
margin: 0;
}
.articleDetails .article-byline-author{
display: flex;
align-items: center;
padding: 10px 20px;
}
.articleDetails .author-image{
width: 100px;
position: relative;
margin-right: 20px;
}
.articleDetails .author-image img{
width: 100px;
height: 100px;
border-radius: 50%;
}
.articleDetails .author-name{
color: #082841;
}
.articleDetails .author-name,
.articleDetails .article-byline{
font-family: ‘MontserratSB’;
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
}
.articleDetails .publishing-date{
font-family: ‘SourceR’;
color:#adb3b1;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
}
.articleDetails .twitterAuthor{
font-family: ‘SourceR’;
margin-top: 5px;
font-size: 16px;
line-height: 20px;
display: flex;
align-items:flex-start;
color: #082841;
}
.articleDetails .spaceEmpty{
width: 65px;
}
.articleDetails .article-subTitle{
font-family: ‘SourceR’;
font-size: 16px;
line-height: 20px;
padding: 0px 0px 20px 85px;
position: relative;
max-width: 80%;
}
.articleDetails .article-subTitle:before{
content: “”;
position: absolute;
width: 17px;
height: 17px;
background-color: #082841;
left:60px;
top: 2px;
}
.articleDetails .holder-article_image{
position: relative;
}
.articleDetails .article-carousel .owl-prev {
position: absolute;
top: 50%;
height: 30px;
width: 30px;
right: 10px;
margin-top: -15px;
}
.articleDetails .article-carousel .owl-next {
position: absolute;
top: 50%;
height: 30px;
width: 30px;
left: 10px;
margin-top: -15px;
}

.articleDetails .article-carousel .imgCaption,
.articleDetails .article-single-image .imgCaption {
position: absolute;
bottom: 0;
right: 0;
background-color:rgba(0,0,0,0.6);
padding: 0px 10px;
z-index: 1;
color: #fff;
width: 100%;
font-size: 18px;
line-height: 30px;
}

.articleDetails .article-carousel .img,
.articleDetails .article-single-image,
.articleDetails .holder-article_image,
.articleDetails .image_body{
position: relative;
}
.articleDetails .image_body .layout-ratio, .articleDetails .article-carousel .layout-ratio{
background-color: #000;
}
.articleDetails .image_body .layout-ratio img, .articleDetails .article-carousel .layout-ratio img{
object-fit: contain;
}
/*.articleDetails .article-desc .image_body .owl-carousel .owl-stage-outer.owl-height{
height: 100% !important;
} */
.articleDetails .article-content{
display: flex;
padding: 20px 0px;
min-height: 800px;
}
.article-content .col1{
width: 60px;
margin-right: 40px;
}
.col1 .fontSize{
display: inline-flex;
}
.col1 .fontSize .fontIcon{
display: inline-block;
width: 30px;
}
.col1 .fontSize .fontIcon img{
width: 100%;
height: auto;
}
.col1 .share{
border-top: solid 7px #082841;
font-family: ‘MontserratBlack’;
color:#082841;
font-size: 16px;
line-height: 30px;
}
.article-content .shareIcon {
display: block;
}
.article-content .shareIcon img{
margin: auto;
display: table;
width: 40px;
padding: 10px 0px 0px;
cursor: pointer;
}
.articleDetails .sharebuttom{
text-align: right;
padding: 20px 50px;
}
.articleDetails .sharebuttom .shareTitle{
text-align: right;
font-family: ‘MontserratB’;
color:#082841;
font-size: 16px;
line-height: 30px;
padding-bottom: 10px;
}
.articleDetails .sharebuttom .shareIconArticle{
display: flex;
justify-content: flex-end;
}
.articleDetails .sharebuttom .shareIconArticle img{
width: 30px;
padding: 2px;
cursor: pointer;
}
.article-content .col2{
width: calc(100% – 100px);
}
.article-content .article-desc{
font-family: ‘SourceR’;
font-size: 20px;
line-height: 28px;
}
.article-content .article-desc img{
max-width: 100%;
height: auto;
max-height: 100%;
}
.article-content .article-desc pre{
white-space: inherit;
}

.articleDetails .article-desc iframe{
width: 100%;
}
.articleDetailsNextAjax{
padding-top: 50px;
}
.articleDetailsNextAjax .article-desc{
position: relative;
}
.articleDetailsNextAjax .article-desc::after {
position: absolute;
bottom: 0;
height: 30%;
width: 100%;
content: “”;
background: linear-gradient(360deg,rgb(255, 255, 255),rgba(255, 255, 255, 0.9) , transparent,transparent);
}
.articleDetailsNextAjax .more-text-btn{
text-align: left;
}
.articleDetailsNextAjax .more-text-btn button{
background:none;
border:none;
color: #082841;
font-family: ‘MontserratB’;
cursor: pointer;
font-size: 18px;
}
.articleDetailsNextAjax .odobserver-related-articles{
margin-top: 40px;
}
.articleDetailsNextAjax .more-text, .articleDetailsNextAjax .more-text + br{
display: none;
}
.articleDetails blockquote{
position: relative;
border: solid 1px #aca49a;
padding: 20px 60px 20px 200px;
margin: 60px 0px 0px;
font-family: ‘MontserratB’;
color:#082841;
font-size: 30px;
line-height: normal;
}
.articleDetails blockquote:after{
content: “”;
position: absolute;
width: 80px;
height: 80px;
background-image:url(‘/theme_omandailyobserver/images/blockquote.png’);
top: -42px;
left: 100px;
}
@media screen and (max-width:1200px){
.articleDetails blockquote{
font-size: 24px;
}
}
@media screen and (max-width:990px){
.articleDetails blockquote{
font-size: 18px;
padding: 20px 20px 20px 120px;
}
.articleDetails blockquote:after{
left: 30px;
}
}
@media screen and (max-width:768px){
.title-article {
font-size: 20px;
line-height: 28px;
}
.articleDetails .article-byline-author {
padding: 0px;
}
.articleDetails .author-name, .articleDetails .article-byline {
font-size: 16px;
line-height: 24px;
}
.articleDetails .article-subTitle {
font-size: 14px;