/* news feed */ div.news-border-line { border-bottom: 1px solid #c4c4c4; } #modlar-news .news { padding-top: 30px; position: relative; } #modlar-news .news-full-col .news { border-top: 1px solid #bdc3c7; border-bottom: 1px solid #bdc3c7; } #modlar-news .news-full-col:first-child .news { border-top: none; } #modlar-news .news h3 { font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 22px; margin-top: 24px; } #modlar-news .news h3 a { text-decoration: none !important; color: #000000; } #modlar-news .news h3 a:hover { color: #e74c3c; } #modlar-news .news p { font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 13px; } #modlar-news .news .news-link { font-size: 13px; color: #e74c3c !important; } #modlar-news .news .news-link:hover { color: #c0392c !important; } #modlar-news .news .news-info, div.news-right .featured-news .news-info { font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 12px; color: #81828f; padding-bottom: 30px; line-height: 1; } #modlar-news .news .news-info a:first-child:hover { color: #c0392c !important; } #modlar-news .news .news-info a:last-child, div.news-right .featured-news .news-info a:last-child { color: #81828f; } #modlar-news .news .news-topic { position: absolute; height: 19px; top: 40px; left: -10px; text-align: center; line-height: 19px; font-size: 8px; text-transform: uppercase; color: #fff; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; padding: 0 5px; } #modlar-news .news .save-to-folder { position: absolute; top: 30px; right: 0; padding: 13px 21px; display: none; } #modlar-news .news:hover .save-to-folder { display: block; z-index: 5; } #modlar-news .news-feed-ad { margin: 20px 0 40px; } .news-bg { position: absolute; width: 100%; min-height: 385px; background-color: #bdc3c7; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; } .news-bg-1 { background: url('https://cdn.modlar.com/img/icns/news_cover_591106da95f92.jpg'); background-position: center center; } .news-bg-2 { background: url('https://cdn.modlar.com/img/icns/news_cover_591106f468cc3.jpg'); background-position: center center; } .news-bg-3 { background: url('https://cdn.modlar.com/img/icns/news_cover_5911074b62c50.jpg'); background-position: center center; } .news-bg-4 { background: url('https://cdn.modlar.com/img/icns/news_cover_5911075abba83.jpg'); background-position: center center; } .news-bg-5 { background: url('https://cdn.modlar.com/img/icns/news_cover_59110708ea2ff.jpg'); background-position: center center; } .news-bg-6 { background: url('https://cdn.modlar.com/img/icns/news_cover_591107193cacb.jpg'); background-position: center center; } .news-bg-7 { background: url('https://cdn.modlar.com/img/icns/news_cover_59110727959e6.jpg'); background-position: center center; } .news-bg-8 { background: url('https://cdn.modlar.com/img/icns/news_cover_591107380395b.jpg'); background-position: center center; } .news-bg-9 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e12b70244.jpg'); background-position: center center; } .news-bg-10 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e13c9e347.jpg'); background-position: center center; } .news-bg-11 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e14d62c38.jpg'); background-position: center center; } .news-bg-12 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e15ac5ea2.jpg'); background-position: center center; } .news-bg-13 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e15f74c02.jpg'); background-position: center center; } .news-bg-14 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e16a44768.jpg'); background-position: center center; } .news-bg-15 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e121eb57f.jpg'); background-position: center center; } .news-bg-16 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e1371b7d8.jpg'); background-position: center center; } .news-bg-17 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e1429c5f2.jpg'); background-position: center center; } .news-bg-18 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e1518d21b.jpg'); background-position: center center; } .news-bg-19 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e131518b9.jpg'); background-position: center center; } .news-bg-20 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e165599f7.jpg'); background-position: center center; } .news-bg-21 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e07851171.jpg'); background-position: center center; } .news-bg-22 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e14884641.jpg'); background-position: center center; } .news-bg-23 { background: url('https://cdn.modlar.com/img/icns/news_cover_6226e15659237.jpg'); background-position: center center; } div.news-right h3 { margin-top: 50px; margin-bottom: 20px; font-size: 18px; color: #e74c3c !important; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; } div.news-right h3 > a { text-decoration: none !important; } div.news-right .featured-news { position: relative; clear: both; margin-top: 15px !important; padding-left: 95px; min-height: 80px; width: 338px; margin-bottom: 0 !important; } div.news-right .featured-news > a, div.news-right .featured-news > div > a { color: #000; text-decoration: none !important; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; } div.news-right .featured-news > div > a:hover { color: #e74c3c; } div.news-right .featured-news > a { position: absolute; top: 0; left: 0; } div.news-right .featured-news > div { padding: 10px 0; } div.news-right .featured-news .news-info { padding-bottom: 0; padding-top: 10px; } div.news-right .sponsored-products .product-tile { width: 165px; margin: 0 auto; border: solid 1px #bdc3c7; } div.news-right .sponsored-products p { margin: 5px 0 20px; height: 40px; overflow: hidden; color: #000; text-decoration: none; word-wrap: break-word; } div.news-right .sponsored-products .avatar { padding: 3px 0; } div.news-right .join-modlar-newsletter { padding: 20px; background-color: #ecf0f1; margin-top: 50px; } div.news-right .join-modlar-newsletter h4 { text-transform: uppercase; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 18px; color: #e74c3c; margin-bottom: 20px; } div.news-right .join-modlar-newsletter .modlar-btn { font-size: 12px; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; padding: 10px 12px; } div.news-right .join-modlar-newsletter .form-control { border: none; height: 40px; } div.news-right .join-modlar-newsletter .newsletter-email-error { position: absolute; width: calc(100% - 15px); } div.news-right .join-modlar-newsletter .newsletter-email-error > div { background-color: #ff6a5a; color: #ffffff; line-height: 19px; padding: 12px; position: relative; text-align: center; margin-bottom: 5px; font-size: 14px; margin-top: 13px; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; } div.news-right .join-modlar-newsletter .newsletter-email-error > div:after { content: ""; bottom: 100%; left: 45.5%; border-bottom: 10px solid #ff6a5a; position: absolute; border-left: 9px solid transparent; border-right: 9px solid transparent; } #modlar-news .news-right > div, #modlar-news .news-right > h3 { margin-top: 30px; } /* news nav */ #modlar-news .modlar-news-nav h1 { font-size: 32px; margin: 0 30px 20px 0; } #modlar-news .modlar-news-nav li > a { font-size: 12px; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; color: #000000; text-transform: uppercase; background-color: #ffffff; padding: 10px 5px; } #modlar-news .modlar-news-nav .navbar-nav > li { margin: 0 20px; } #modlar-news .modlar-news-nav li:after { -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; position: absolute; bottom: 0; content: ''; height: 1px; background-color: transparent; left: 0; right: 0; margin: 0; } #modlar-news .modlar-news-nav .navbar-nav > li:hover:after, #modlar-news .modlar-news-nav .navbar-nav > li.focus:after, #modlar-news .modlar-news-nav .navbar-nav > li.active:after { height: 3px; background-color: #e74c3c; } #modlar-news .modlar-news-nav .dropdown-menu { left: auto; right: 0; text-align: right; } #modlar-news .modlar-news-nav .dropdown-menu > li > a:hover { background-color: #ecf0f1; } #modlar-news .sortby-container { margin-top: 30px; margin-bottom: 0px;} /* news page */ #modlarnews { margin: 0 125px 34px; padding-top: 206px; color: #000; position: relative;} #modlarnews .srnd { background-color: #ffffff; padding: 32px 10px 32px 26px; } #modlarnews .srnd .breadcrumb > li { font-size: 11px; } #modlarnews .news-avatar { max-width: 62px; padding-left: 15px; padding-right: 7px; } #modlarnews .news-comment-content { padding-left: 0; padding-right: 0; } #modlarnews h1 { margin: 0 0 5px; } #modlarnews .news-user { margin-top: 13px; } #modlarnews .news-user span { margin-left: 6px; color: #999; } #modlarnews .news-share a { margin: 0 8px; color: #4E4C4E; font-size: 13px; } #modlarnews .news-share a:last-child { margin-right: 0; } #modlarnews .news-share .title { display: inline-block; padding-right: 7px; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, Arial, sans-serif; font-size: 13px; color: #4e4c4e; } #modlarnews .news-share .save-to-folder { padding: 14px 28px; color: #ffffff; } #modlarnews .news-edit i { color: #ff6a5a; } #modlarnews .news-right h3 { margin-top: 50px; } #modlarnews div[itemprop="articleBody"] { font-size: 16px; line-height: 24px; } #modlarnews .news-cnt { margin-top: 50px; } #modlarnews .news-cnt > div { margin-top: 20px; } #modlarnews .news-cnt > div img { margin: 0 auto; } #modlarnews .news-cnt .content-video iframe { display: block; margin: 0 auto; } #modlarnews .news-cnt .content-img p, #modlarnews .news-cnt .content-video p { font-family: 'geomanistregularitalic', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, Arial, sans-serif; font-size: 13px; color: #81828f; margin: 10px 0; } #modlarnews .news-right .related-photos img, #modlarnews .news-right .related-products .product-tile { border: solid 1px #bdc3c7; margin: 0 auto; } #modlarnews .news-right .related-photos p, #modlarnews .news-right .related-products p { margin: 5px 0; height: 40px; overflow: hidden; color: #000; text-decoration: none; word-wrap: break-word; } #modlarnews .news-right .related-products .product-tile { width: 165px; } #modlarnews .news-right .related-products .avatar { padding: 3px 0; } #modlarnews .news-related { margin-top: 24px; } #modlarnews .news-related div.pull-left { margin-right: 12px; } #modlarnews .news-related > a { color: #000; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 13px; line-height: 16px; } #modlarnews .news-related a:hover { color: #e74c3c; text-decoration: none; } #modlarnews .news-related .related-news-info, #modlarnews .news-related .related-news-info > a { font-size: 12px; color: #81828f; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; margin-top: 4px; } #modlarnews .news-content-ad { margin: 60px 0; } #modlarnews .news-sidebar-ad { margin-top: 50px; } #modlarnews .news-sidebar-ad img { margin: 0 auto; } /* news comments */ div.news-comments { margin-top: 10px; } div.news-comments div.news-comment-srnd { margin: 20px 0; } div.news-comments div.add-comment .alert { margin: 5px 3px 8px 0; } div.news-comments div.news-comment-avatar { float: left; width: 40px; height: 40px; margin-right: 8px; } div.news-comments div.news-comment-content { float: left; width: calc(100% - 51px); } div.news-comments div.news-comment-content div.comment-edit-menu { position: relative; display: inline-block; } div.news-comments div.news-comment-content a.comment-edit, div.news-comments div.add-comment a.comment-delete { cursor: pointer; margin-left: 10px; } div.news-comments div.news-comment-content a.comment-edit i, div.news-comments div.add-comment a.comment-delete i { color: #ff6a5a; font-size: 10px; } div.news-comments div.news-comment-content ul.dropdown-menu { left: 30px; font-size: 12px; min-width: 110px; -webkit-box-shadow: none; box-shadow: none; } div.news-comments div.news-comment-content ul.dropdown-menu li { text-align: center; } div.news-comments div.news-comment-content ul.dropdown-menu li a { padding: 3px 10px; } div.news-comments div.news-comment-content form { margin-top: 3px; } div.news-comments div.news-comment-content .add-comment-details { display: none; margin: 10px 0 0; } div.news-comments div.news-comment-content .news-comment-btn { margin-right: 40px; } div.news-comments div.comment-like { text-align: right;color: #81828f; } div.news-comments div.comment-like.disabled { pointer-events: none; cursor: default; } div.news-comments .a-like { margin-top: 1px; display: inline-block; vertical-align: middle; font-size: 12px; } div.news-comments .bt-heart { vertical-align: middle; font-size:13px; cursor: pointer; } div.news-comments div.unlike { color: #81828f; text-align: right; } div.news-comments div.like { color: #e74c3c; } div.news-comments div.a-like { display: inline-block; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 12px; vertical-align: middle; } /* news topic */ a.news-topic { display: inline-block; margin-right: 6px; margin-bottom: 10px; } a.news-topic:hover, a.news-topic:focus { text-decoration: none !important; } a.news-topic span.label { color: #ffffff; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-weight: normal; font-size: 9px; border-radius: 1px; background-color: #ecf0f1; text-transform: uppercase; padding: 3px 8px 2px; } /* news tags */ #news-tags { margin-top: 40px; } #news-tags a { display: inline-block; height: 30px; margin-right: 6px; margin-bottom: 10px; } #news-tags a:hover, #news-tags a:focus { text-decoration: none; } #news-tags span.label { padding: 6px 12px; color: #333; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-weight: normal; font-size: 13px; border-radius: 2px; background-color: #ecf0f1; } #news-tags span.label:hover { background-color: #d4d8d9; } /* media queries */ @media (max-width: 767px) { /* extra small devices (phones, less than 768px) */ /* news feed */ #modlar-news .modlar-news-nav h1 { float: none !important; text-align: center; margin-right: 0; } #modlar-news .news-feed-ad { margin: 40px 0 20px; } #modlar-news .news p { font-size: 13px; } #modlar-news .news { border-bottom: 1px solid #bdc3c7; } #modlar-news .news-full-col .news { border-top: 0; border-bottom: 0; } #modlar-news .news-full-col + .col-xs-12 .news { border-top: 1px solid #bdc3c7; } div.news-right .sponsored-products > div { padding: 0; } div.news-right .sponsored-products .product-tile { margin: 0 auto; } #modlarnews { margin: 0; } #modlarnews h1 { font-size: 28px; } #modlarnews .news-user, #modlarnews .news-share { float: none !important; } #modlarnews .news-comment-content { padding-right: 15px; padding-left: 15px; } #modlarnews .news-share .save-to-folder { padding: 10px 20px; } } @media (min-width: 768px) and (max-width: 991px) { /* Small devices (tablets, 768px and up) */ /* news feed */ #modlar-news .modlar-news-nav h1 { float: none !important; text-align: center; } #modlar-news .news-right > div, #modlar-news .news-right > h3 { width: 100%; } #modlar-news .news-right .featured-news > div { line-height: 14px; font-size: 12px; } #modlar-news .news-right .featured-news > a img { width: 60px; height: 60px; } #modlar-news .news-right .featured-news { padding-left: 72px; width: 100%; } #modlar-news .news h3 { font-size: 16px; } #modlar-news .news p { font-size: 9px; line-height: 11px; } #modlar-news .news .news-link, #modlar-news .news .news-link:hover { font-size: 11px; } #modlarnews h1 { font-size: 28px; } #modlarnews .news-share { margin-top: 6px; } #modlarnews .news-share a { margin: 0 5px; } #modlarnews .news-share .save-to-folder { padding: 7px 15px; } #modlarnews .news-user span { margin-left: 2px; } #modlarnews .news-related > a { line-height: 12px; } #modlarnews .news-related { line-height: 12px; } #modlarnews .news-right .featured-news { width: 100%; } div.news-right .join-modlar-newsletter .form-group > div { padding-right: 15px !important; } div.news-right .join-modlar-newsletter .newsletter-email-error { position: relative; z-index: 2; width: 100%; } div.news-right .join-modlar-newsletter .modlar-btn { margin-top: 20px; } div.news-right .sponsored-products .product-tile { margin: 0 auto; } } @media (min-width: 992px) and (max-width: 1200px) { /* news feed */ #modlar-news .modlar-news-nav h1 { font-size: 25px; margin: 0 10px 20px 0; } #modlar-news .modlar-news-nav li > a { padding: 5px; } #modlar-news .news h3 { font-size: 21px; } #modlar-news .news p { font-size: 12px; } div.news-right .featured-news .news-info { padding-top: 8px; } div.news-right .featured-news { padding-left: 72px; width: 100%; min-height: 60px; } #modlarnews .news-comment-content { padding-right: 15px; padding-left: 15px; } div.news-right .featured-news > a img { width: 60px; height: 60px; } div.news-right .featured-news > a { font-size: 13px; line-height: 15px; } div.news-right .featured-news > div { line-height: 14px; font-size: 12px; } div.news-right .join-modlar-newsletter .form-group > div { padding-right: 15px !important; } div.news-right .join-modlar-newsletter .newsletter-email-error { position: relative; z-index: 2; width: 100%; } div.news-right .join-modlar-newsletter .modlar-btn { margin-top: 20px; } } @media (min-width: 1200px) and (max-width: 1439px) { div.news-right .join-modlar-newsletter .modlar-btn { font-size: 10px; padding: 10px 6px; } }