/************************************
#####################################
##----------------------------------
## AflakNews j4
##----------------------------------
## Copyright = AsoTech.ir
## Author = sizou_h
## Websites = www.AsoTech.ir
####################################
************************************/
body {
height: 100%;
margin: 0px;
margin-top: 0%;
margin-bottom: 0%;
font-size: 16px;
color: #333333;
background: #fff;
overflow-x: hidden;
}
div.container-fluid {
padding-right: 2em;
padding-left: 2em;
}
/* default tags */
img {
border: 0px;
max-width: 250px;
height: auto;
}
div {
min-height: 0px;
}
a {
text-decoration: none;
color: #333333;
}
a:hover {
color: #333333;
}
p {
margin: 0;
padding: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
li {
margin: 0;
padding: 0;
list-style: none;
}
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #ddd;
height: 1px;
}
#btn-back-to-top {
position: fixed;
display: none;
bottom: 8%;
left: 10px;
-webkit-border-radius: 100px;
border-radius: 100px;
color: #fff;
text-align: center;
background: #153c8b;
}
#btn-back-to-top:hover {
background: #007ee5;
}
::selection {
background: rgb(255 226 217/50%);
}
.mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-attachment: fixed;
background: #f1f1f1e0;
}
/* component */
.component {
}
.item-page {
position: relative;
color: #333;
margin: 30px auto;
text-align: justify;
line-height: 2em;
padding: 20px;
font-size: 88%;
box-shadow: 0px 0px 5px 0px rgb(53 55 57 / 30%);
}
.item-page a{
color: #0d6efd;
}
.com-content-article__body p {
margin: 0;
padding: 0;
line-height: 1.8rem;
}
.com-content-article__body ul, .com-content-article__body ol{
list-style: inherit;
margin: -10px 0 25px 0;
padding: 0 35px 0 0;
}
.com-content-article__body ul li, .com-content-article__body ol li{
list-style: inherit;
}
/* headings */
.h1, h1 {
font-size: 26px;
font-weight: bold;
font-variation-settings: "wght" 700;
}
.component .h1, .component h1 {
font-size: 26px;
font-weight: bold;
font-variation-settings: "wght" 700;
margin: 0;
padding: 10px 0 20px;
}
.h2, h2 {
font-size: 23px;
font-weight: bold;
font-variation-settings: "wght" 700;
margin-top: 1px;
margin-right: 10px;
margin-bottom: 1px;
margin-left: 1px;
}
.component .h2, .component h2 {
font-size: 23px;
font-weight: bold;
font-variation-settings: "wght" 700;
margin: 0;
padding: 10px 0 20px;
}
.h3, h3 {
font-size: 20px;
font-weight: bold;
font-variation-settings: "wght" 700;
margin: 0;
}
.component .h3, .component h3 {
font-size: 20px;
font-weight: bold;
font-variation-settings: "wght" 700;
margin: 0;
padding: 10px 0 15px;
}
.h4, h4 {
font-size: 17px;
font-weight: bold;
font-variation-settings: "wght" 400;
margin: 0;
}
.component.h4, .component h4 {
font-size: 17px;
font-weight: bold;
font-variation-settings: "wght" 700;
margin: 0;
padding: 10px 0 15px;
}
.h5, h5 {
font-size: 14px;
font-weight: bold;
font-variation-settings: "wght" 700;
margin: 0;
}
.component .h5, .component h5 {
font-size: 14px;
font-weight: bold;
font-variation-settings: "wght" 700;
margin: 0;
padding: 10px 0 10px;
}
.h6, h6 {
font-size: 11px;
font-weight: bold;
font-variation-settings: "wght" 700;
margin: 0;
}
.component .h6, .component h6 {
font-size: 11px;
font-weight: bold;
font-variation-settings: "wght" 700;
margin: 0;
padding: 10px 0 10px;
}
/* content component */
.page-header{
}
.page-header h1{
font-size: 22px;
line-height: 35px;
text-align: center;
color: #043db3;
padding: 10px 0;
}
legend {
font-size: 15px;
float: none;
}
dl.article-info {
background: #e9e9e9;
font-size: 12px;
text-align: right;
height: 60px;
line-height: 9px;
color: #919191!important;
}
dl.article-info a {
color: #919191!important;
}
dl.article-info dd,
.dl.article-info dt {
}
dl.article-info dt.article-info-term {
display: none;
}
/* modules style */
.aso-div {
background: #fff;
box-shadow: inset 0 0 0 1px #d4d4d4;
margin: 30px 0;
padding: 5px;
}
.aso-div h3 {
font-size: 17px;
padding: 25px 5px 0px 5px;
color: #004adf;
display: flex;
flex-direction: row;
}
.aso-div h3:after {
content: "";
flex: 1 1;
border-bottom: 2px solid;
margin: 10px;
}
.aso-title {
margin: 30px 0;
padding: 5px;
}
.aso-title h3 {
font-size: 20px;
padding: 5px 5px 25px 5px;
color: #fff;
}
.aso-line {
padding: 5px;
}
.aso-line h3 {
font-size: 17px;
padding: 5px 5px 0px 5px;
color: #ebebeb;
position: relative;
}
.aso-line h3:before {
content: "";
transition: all 0.6s ease 0s;
width: 20%;
height: 2px;
display: block;
position: absolute;
right: 10%;
bottom: 0px;
background: #404040;
}
.aso-line h3:after {
content: "";
width: 7%;
transition: all 0.6s ease 0s;
height: 2px;
display: block;
margin: 15px 0;
background: #004adf !important;
}
.aso-dark {
}
.aso-dark h3 {
font-size: 20px;
padding: 10px 15px 0px 15px;
color: #fff;
}
.aso-gray{
background: #f5f5f5;
padding: 15px 15px 30px 15px;
margin: 40px 0;
position: relative;
}
.aso-gray h3 {
position: absolute;
top: 0px;
color: #ffffff;
font-size: 16px;
line-height: 26px;
height: 37px;
width: 130px;
background-color: #004adf;
display: block;
margin: 0px -15px 0 0;
padding: 5px 15px;
}
.aso-gray-body{
position: relative;
top:25px;
}
.aso-bg-header{
background: #e4e3e3;
text-align: center;
box-shadow: inset 0 0 0 1px #d4d4d4;
height: 52px;
line-height: 52px;
margin: -5px;
padding: 0px;
margin-bottom: 5px;
font-size: 18px;
color: #333;
}
.aso-bg {
background: #fff;
box-shadow: inset 0 0 0 1px #d4d4d4;
margin: 30px 0;
padding: 5px;
}
.aso-hook-header{
text-align: center;
border-radius: 8px;
width: 55%;
color: #0a58ca;
background: #fff !important;
padding: 5px 10px;
font-size: 18px;
line-height: 25px;
height: 35px;
margin-top: -20px;
margin-right: 10px;
margin-bottom: 20px;
border-right: 2px solid #0a58ca !important;
border-left: 2px solid #0a58ca !important;
}
.aso-hook{
box-shadow: inset 0 0 0 1px #0a58ca;
margin: 30px 0;
padding: 5px;
background: #fff;
}
/* joomla modules */
.breadcrumbs {
position: relative;
font-size: 14px;
max-width: 1200px;
margin: auto;
}
.breadcrumb {
margin: 0;
line-height: 30px;
font-size: 13px;
}
.breadcrumbs li {
margin: 0 5px;
}
/* tags module */
.mod-tagspopular ul li{
display: inline-table;
line-height: 3em;
}
.mod-tagspopular ul li a:hover{
background: #0148d6;
color: #a5a4a4;
}
.mod-tagspopular ul li a:hover:before{
border-color: transparent #0148d6 transparent transparent;
}
.mod-tagspopular ul li a{
height: 24px;
line-height: 24px;
position: relative;
margin-left: 20px;
padding: 2px 10px 2px 12px;
background: #002d87;
color: #a5a4a4;
}
.mod-tagspopular ul li a:before{
content: "";
float: left;
position: absolute;
top: 0;
left: -12px;
width: 0;
height: 0;
border-color: transparent #002d87 transparent transparent;
border-style: solid;
border-width: 12px 12px 12px 0;
}
.mod-tagspopular ul li a:after{
content: "";
position: absolute;
top: 10px;
left: 0;
float: left;
width: 4px;
height: 4px;
border-radius: 2px;
background: #fff;
box-shadow: -1px -1px 2px #002d87;
}
ul.tags li a{
height: 26px;
line-height: 21px;
position: relative;
margin-left: 20px;
padding: 1px 10px 0px 12px;
background: #002d87;
border-color: transparent #002d87 transparent transparent;
color: #fff;
}
ul.tags li a:hover{
background: #0148d6;
color: #fff;
border-color: transparent #0148d6 transparent transparent;
}
ul.tags li a:hover:before{
border-color: transparent #0148d6 transparent transparent;
}
ul.tags li a:before{
content: "";
float: left;
position: absolute;
top: 0;
left: -12px;
width: 0;
height: 0;
border-color: transparent #002d87 transparent transparent;
border-style: solid;
border-width: 12px 12px 12px 0;
}
ul.tags li a:after{
content: "";
position: absolute;
top: 10px;
left: 0;
float: left;
width: 4px;
height: 4px;
border-radius: 2px;
background: #fff;
box-shadow: -1px -1px 2px #002d87;
}
/* search component */
.com-finder{
padding: 0 20px;
}
.badge {
color: #333;
}
.result-title a {
color: #003eb7;
}
.result__title-url{
direction: ltr;
text-align: left;
color: #0d6efd;
}
.result__title-text {
font-size: 1.2rem;
font-weight: bold;
}
.result__title-link:focus .result__title-text, .result__title-link:hover .result__title-text{
text-decoration: none;
}
.com-finder__search .awesomplete{
width: 85%;
}
.com-finder__search .awesomplete input{
background:none;
}
.com-finder__search .awesomplete .icon-search {
font-size: 12px;
}
/* search module */
.mod-finder__search .element-invisible {
display: none;
}
.mod-finder__search .awesomplete{
width: 100%;
width: 100%;
justify-content: flex-end!important;
display: flex!important;
}
.mod-finder__search .awesomplete input{
font-size: 12px;
padding: 3px;
border: 0;
height: 25px;
color: #000;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
.mod-finder{
width: 100%;
}
.mod-finder button{
font-size: 0px;
padding: 0;
position: absolute!important;
left: 0px;
}
.mod-finder__search .icon-search {
font-size: 12px;
position: absolute;
color: #fff;
left: 8px;
top: 6px;
}
/* ads */
.banneritem {
margin: 10px 5px;
text-align: center;
}
/* date module */
.aso-date{
color:#fff;
font-size: 12px;
}
/* count module */
.aso-count{
font-size: 12px;
}
/* copyrght module */
.copyright{
}
.footer{
border-top: 1px solid #001338;
}
.copyright a, a.asotech{
background-color: #8ebd2f;
padding: 2px 5px 2px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #FFFFFF;
text-align: center;
margin: 0 5px;
line-height: 2.5em;
}
/* sections */
.section0 {
background: #282828;
}
.section1 {
background: #012b81;
box-shadow: 0 0 20px 7px rgb(0 0 0 / 10%);
}
.section2 {
background: url(../images/header-overlay.png) no-repeat center center #004adf;
}
.section3 {
background: #004adf;
}
.section4 {
height: 32px;
background: #f7f7f7;
}
.section5 {
}
.section6{
}
.section7{
background: #012b81;
}
.section8{
background: #001e5a;
color:#fff;
font-size: 13px;
}
/* dropdown */
.dropdown-item {
padding: 5px 7px;
margin-left: 5px;
display: inline-grid;
align-items: center;
width: auto;
border-radius: 5px 5px 0 0;
}
nav.topmenu {
border-radius: 5px;
width: 100%;
}
.dropdown-item:hover {
background: none;
}
.dropdown-item a {
font-size: 13px;
color: #d1d1d1;
}
.dropdown-item ul li a {
display: block;
}
.dropdown-item.parent {
position: relative;
}
.dropdown-item.parent ul {
right: 0;
position: absolute;
width: 320px;
visibility: hidden;
transition: visibility 0s, opacity 0.5s linear;
}
.dropdown-item.parent:hover > .dropdown-menu {
display: block;
width: 250px;
visibility: visible;
border: 0;
border-top: 2px solid #ff5b2e;
-webkit-box-shadow: 0 10px 15px 0 rgb(82 0 57 / 10%);
box-shadow: 0 10px 15px 0 rgb(82 0 57 / 10%);
padding: 10px 0;
border-radius: 0 0 14px 14px;
top: 34px;
}
.dropdown-item .dropdown-item {
display: block;
position: relative;
clear: none;
font-size: 15px;
padding: 10px 10px;
-moz-transition: padding-right 0.2s ease-in-out;
-o-transition: padding-right 0.2s ease-in-out;
-webkit-transition: padding-right 0.2s ease-in-out;
transition: padding-right 0.2s ease-in-out;
}
.dropdown-item .dropdown-item:hover {
-moz-transition: padding-right 0.2s ease-in-out;
-o-transition: padding-right 0.2s ease-in-out;
-webkit-transition: padding-right 0.2s ease-in-out;
transition: padding-right 0.2s ease-in-out;
}
.dropdown-item:hover a {
color: #f4f4f4;
}
.dropdown-item .dropdown-item ul {
top: 0;
right: 100%;
}
.dropdown-item.active, .dropdown-item:active {
background: none;
}
.dropdown-item.active a, .dropdown-item:active a {
color: #f4f4f4;
}
/* The navigation menu */
.navbar {
padding: 0;
}
/* Navigation links */
.navbar a {
float: right;
font-size: 16px;
color: white;
text-align: center;
padding: 4px 10px;
text-decoration: none;
}
/* The subnavigation menu */
.subnav {
float: right;
overflow: hidden;
}
/* Subnav button */
.subnav .subnavbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}
/* Add a background color to navigation links on hover */
.navbar a:hover, .subnav:hover .subnavbtn {
background-color: #f7f7f7;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
/* Style the subnav content - positioned absolute */
.subnav-content {
display: none;
position: absolute;
/* right: 0; */
background-color: #f7f7f7;
width: 100%;
z-index: 1;
}
.subnav-content .subnav a{
font-size: 15px;
padding: 4px 10px;
background: #e3e3e3!important;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 0px!important;
border-top-right-radius: 0px!important;
}
.subnav-content .subnav a:after {
content: '';
border-left: 1px solid #a3a3a3;
position: relative;
right: 10px;
}
.subnav-content .subnav:last-child a:after {
content: '';
border-left: none;
}
/* Style the subnav links */
.subnav-content a {
float: right;
color: #fff;
text-decoration: none;
}
.subnav:hover a {
float: right;
color: #5e5e5e;
text-decoration: none;
}
.subnav-content .subnav a{
color:#5e5e5e;
}
/* Add a grey background color on hover */
.subnav-content a:hover {
background-color: #eee;
color: #333;
}
.parent:hover a {
background: #f7f7f7;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
display: block;
top: 32px;
z-index: 10000;
}
a.parent{
color:#fff;
}
.parent a{
padding: 4px 10px 4px 20px;
}
.subnav.parent:after{
content: "\25BC";
font-size: 10px;
color: #599cff;
left: 16px;
top: 3px;
position: relative;
}
/* blog view */
.blog .blog-items .item-content p,
.blog .blog-items .item-content ul,
.blog .blog-items .item-content li,
.blog .blog-items .item-content h1,
.blog .blog-items .item-content h3,
.blog .blog-items .item-content h4,
.blog .blog-items .item-content h5,
.blog .blog-items .item-content h6 {
display: none;
}
.blog .blog-items .item-content div h4{
display: block;
}
.blog .blog-items .item-content dl.article-info {
display: none;
}
.blog-items{
box-shadow: inset 0 0 0 1px #d4d4d4;
}
.blog-item{
border-bottom: 1px dashed #c3c3c3;
}
.blog-item:last-child{
border-bottom: none;
}
.blog .blog-items .blog-item .item-image {
margin: 0;
}
.blog .blog-items .blog-item .item-image img {
transition: all 0.3s ease;
opacity: 1;
}
.blog .blog-items .blog-item:hover .item-image img {
height: 165px;
object-fit: cover;
background-color: #545050b3;
transition: all 0.3s ease;
opacity: 0.7;
transform: scale3d(1.05, 1.05, 1);
}
.blog .item-content .myintrotext{
min-height: 65px;
max-height: 65px;
overflow: hidden;
line-height: 22px;
color: #525252;
font-size: 14px;
}
.item-content .page-header h2 {
padding: 0;
}
.item-content .page-header h2 a{
font-size: 15px;
color: #3b3b3b;
}
.item-content .page-header h2 a:hover{
color: #043db3;
transition: all 0.3s ease;
}
.item-content .page-header h2 a::before {
content: "ā– ";
color: #043db3;
font-size: 6px;
margin-left: 10px;
padding-top: 14px;
float: right;
transition: all 0.3s ease 0s;
}
.blog-title .page-header{
top:0;
}
.rotitr-blog h4 a{
text-align: right;
color: #a1a1a1;
font-size: 12px;
}
.zirtitr-blog h4 a{
text-align: right;
color: #a1a1a1;
font-size: 12px;
}
/* tags-page */
.com_tags ul.fields-container{
display: none;
}
/* movie-page */
.movie-page{
background: #2C3136;
padding:0;
}
.com-content-article{
padding:20px;
background: #fff;
}
.movie-page h1{
color:#eee;
}
.items-leading{
box-shadow: none;
}
.items-leading .blog-item .row .aso-col-8{
flex: 0 0 auto;
width: 66.66666667%;
}
.items-leading .blog-item .row .aso-col-4{
flex: 0 0 auto;
width: 33.33333333%;
padding-right: 20px!important;
}
.items-leading .aso-col-4 .item-content .page-header h2 a{
font-size: 21px;
line-height: 45px;
color: #eee;
}
.items-leading .aso-col-4 .item-content .rotitr-blog h4 a, .items-leading .aso-col-4 .item-content .zirtitr-blog h4 a{
color: #eee;
}
.items-leading .aso-col-4 .item-content .myintrotext{
color: #ddd;
}
.item-image .dark-bg .pic i{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #FFCC03;
background: rgba(0, 0, 0, 0.33);
display: flex;
cursor: pointer;
transition: all 300ms;
}
.item-image .dark-bg .pic i:before {
margin: auto;
}
.item-image .dark-bg .pic{
position: relative;
overflow: hidden;
border-radius: 3px;
width: 100%;
}
.item-image .dark-bg .pic img{
position: relative;
display: block;
width: 100%;
/* height: 200px!important;
object-fit: cover; */
}
.movie-item:hover .pic i{
opacity: 1;
transition: all 300ms;
}
.masonry-4{
background: #F2F2F2;
}
.masonry-4 .blog-item{
border:none;
}
.masonry-4 .blog-item .row{
min-height: 430px;
box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
}
.dark-bg {
background: #000;
padding: 0;
overflow: hidden;
}
.movie-page div.section5 #test{
max-width: 100%;
}
.movie-page div.section5 div#test.container{
padding-left:0;
padding-right: 0;
}
div#test.section5 div.container{
}
.movie-page div.section5 div.container div.row{
padding-left:0;
padding-right: 0;
}
.movie-page div.section5 div.container div.row div.center{
min-width: 100%!important;
padding-left:0!important;
padding-right: 0!important;
}
.movie-page div.section5 div.container div.row div.center div.component{
max-width: 100%;
--bs-gutter-x: 0;
}
#jc h4{
color: #9b9b9b;
}
/* add to any */
.a2a_dd{
display: none!important;
}
.addtoany_container{
margin:20px 0;
}
/* custom template */
.little-menu a {
color: #f5f5f5cc;
text-shadow: 0 1px 0 rgb(0 0 0 / 20%);
font-size: 13px;
}
.little-menu a:hover {
color: #fff;
text-shadow: 0 1px 0 rgb(0 0 0 / 20%);
background: none;
}
.certificate img{
float: left;
margin: 8px;
width: 130px;
height: 130px;
border-radius: 5px;
background-color: #f0f0f0;
border: 1px solid #e5e5ea;
}
/* author box */
.author-box{
background: #f5f5f5;
box-shadow: inset 0 0 0 1px #d4d4d4;
}
.author-box img{
border-radius: 100%;
width: 150px;
height: 150px;
max-width: 150px;
}
.author-box .author-name, .author-box .author-position{
font-weight: bold;
}
/* direction content */
.previous a, .next a{
height: 150px;
}
.direction-title{
height: 70px;
line-height: 35px;
}
.list-title a{
color: #043db3;
font-size: 15px;
}
.short-url-value a{
color: #0d6efd;
}
.info-news-box{
background: #f5f5f5;
box-shadow: inset 0 0 0 1px #d4d4d4;
}
.rotitr-field{
color: #747474;
}
.zirtitr-field{
color: #747474;
margin-bottom: 20px;
}
.news-lead{
text-align: justify;
line-height: 23px;
overflow: hidden;
position: relative;
}
.news-lead-img{
}
.news-lead-img-value img{
width: 200px;
height: 140px;
position: absolute;
padding: 10px;
background: #f5f5f5;
margin-bottom: 30px;
}
.news-lead-intro-value{
width: calc(100% - 200px);
color: #333;
float: left;
padding: 10px;
line-height: 2em;
}
.news-lead-intro-value:not(:empty){
height: 140px;
background: #f5f5f5;
margin-bottom: 30px;
}
/* responsive queries */
@media (max-width: 320px) {
dl.article-info {
min-height: 140px;
}
.news-lead-img-value img{
width: 100%;
position: relative;
margin-bottom: 0;
}
.news-lead-intro-value:not(:empty) {
min-height: 230px;
width: 100%;
}
}
@media (min-width: 320px) and (max-width: 480px) {
dl.article-info {
min-height: 140px;
}
.com-content-article__body{
margin:50px 0;
}
.news-lead-img-value img{
width: 100%;
position: relative;
margin-bottom: 0;
}
.news-lead-intro-value:not(:empty) {
min-height: 200px;
width: 100%;
}
}
@media (min-width: 480px) and (max-width: 576px) {
.subnav{
width: 100%;
}
.navbar .subnav{
border-top: 1px solid #0039ab;
padding: 10px 5px;
}
.subnav:hover a {
color:#e5e5e5;
border-radius: 0px;
background: none;
width: 100%;
text-align: right;
}
.subnav-content{
position: static;
}
.subnav-content .subnav a:after{
border:none;
}
.subnav-content .subnav a{
padding-right: 40px;
}
dl.article-info {
min-height: 140px;
}
.breadcrumb{
flex-wrap: nowrap;
}
.breadcrumb-item{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mod-breadcrumbs__here{
display: none;
}
.items-leading .blog-item .row .aso-col-8{
flex: 0 0 auto;
width: 100%;
}
.items-leading .blog-item .row .aso-col-4{
flex: 0 0 auto;
width: 100%;
padding-right: 0px!important;
}
.news-lead-img-value img{
width: 100%;
position: relative;
margin-bottom: 0;
}
.news-lead-intro-value:not(:empty) {
min-height: 150px;
width: 100%;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.subnav{
width: 100%;
}
.navbar .subnav{
border-top: 1px solid #0039ab;
padding: 10px 5px;
}
.subnav:hover a {
color:#e5e5e5;
border-radius: 0px;
background: none;
width: 100%;
text-align: right;
}
.subnav-content{
position: static;
}
.subnav-content .subnav a:after{
border:none;
}
.subnav-content .subnav a{
padding-right: 40px;
}
dl.article-info {
min-height: 140px;
}
.breadcrumb{
flex-wrap: nowrap;
}
.breadcrumb-item{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mod-breadcrumbs__here{
display: none;
}
.items-leading .blog-item .row .aso-col-8{
flex: 0 0 auto;
width: 100%;
}
.items-leading .blog-item .row .aso-col-4{
flex: 0 0 auto;
width: 100%;
padding-right: 0px!important;
}
.news-lead-img-value img{
width: 100%;
position: relative;
margin-bottom: 0;
}
.news-lead-intro-value:not(:empty) {
min-height: 150px;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.subnav{
width: 100%;
}
.navbar .subnav{
border-top: 1px solid #0039ab;
padding: 10px 5px;
}
.subnav:hover a {
color:#e5e5e5;
border-radius: 0px;
background: none;
width: 100%;
text-align: right;
}
.subnav-content{
position: static;
}
.subnav-content .subnav a:after{
border:none;
}
.subnav-content .subnav a{
padding-right: 40px;
}
.aso-div h3 , .aso-title h3, .aso-line h3 , .aso-dark h3 , .aso-gray h3, .aso-hook h3, .aso-bg h3{
font-size: 16px;
}
.breadcrumb{
flex-wrap: nowrap;
}
.breadcrumb-item{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mod-breadcrumbs__here{
display: none;
}
.items-leading .blog-item .row .aso-col-8{
flex: 0 0 auto;
width: 50%;
}
.items-leading .blog-item .row .aso-col-4{
flex: 0 0 auto;
width: 50%;
padding-right: 20px!important;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.navbar a{
padding: 4px 7px;
font-size: 15px;
}
.parent:hover a {
font-size: 15px;
}
.parent:hover .subnav-content .subnav a {
font-size: 13px;
}
.navbar a:hover, .subnav:hover .subnavbtn {
font-size: 15px;
}
.subnav:hover .subnav-content {
top: 30px;
}
.parent:hover {
background: #f7f7f7;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.subnav.parent:after{
left: 5px;
font-size: 8px;
}
.aso-div h3 , .aso-title h3, .aso-line h3 , .aso-dark h3 , .aso-gray h3, .aso-hook h3, .aso-bg h3{
font-size: 15px;
}
.author-box img{
width: 100px;
height: 100px;
}
.certificate img{
width: 90px;
height: 90px;
}
.news-lead-intro-value {
line-height: 1.5em;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.navbar a{
padding: 4px 7px;
font-size: 15px;
}
.parent:hover a {
font-size: 15px;
}
.parent:hover .subnav-content .subnav a {
font-size: 13px;
}
.navbar a:hover, .subnav:hover .subnavbtn {
font-size: 15px;
}
.subnav:hover .subnav-content {
top: 30px;
}
.parent:hover {
background: #f7f7f7;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.subnav.parent:after{
left: 5px;
font-size: 8px;
}
.certificate img{
width: 110px;
height: 110px;
}
}
@media (min-width: 1400px) {
}