/*-----------------------------------------------------------------------------------------------------------
                                    ----Header---
------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------
                                    ----Menu---
------------------------------------------------------------------------------------------------------------*/
.main-menu {
    background: #00a87d;
}
.navbar-light .navbar-brand {
    color: #fff;
}
.nav-item {
    position: relative;
    margin: 0 18px;
}
.nav-item:hover:after {
    width: 100%;
}
.nav-item:after {
    content: '';
    display: block;
    border-top: 2px solid #FFEB3B;
    width: 0;
    position: absolute;
    left: 0;
    transition: .2s ease-out;
    top: 39px;
}
.navbar-light .navbar-nav .nav-link {
    font-family: poppins,sans-serif;
    line-height: 30px;
    font-size: 17px;
    font-weight: 600;
    padding: 0;
    margin: 10px 0;
    color: #ffffff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #FFEB3B;
}
.dropdown-menu a:hover {
    background: #e2150b;
    color: #fff;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #02314b;
    color: #ffffff;
}
.dropdown-item {
    border-bottom: 1px solid #d1d1d1;
}
.uk-navbar-dropdown {
    top: 36px !important;
    padding: 8px;
    width: 320px;
}
@media    all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
    .navbar .dropdown-menu{ top:180%;  }
    .navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}
.social-icon-box {
    background: white;
    padding: 7px;
    top: 46px !important;
    text-align: right;
    width: 133px;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
/*-----------------------------------------------------------------------------------------------------------
                                    ----Index---
------------------------------------------------------------------------------------------------------------*/
body, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Mukta', sans-serif;
}
body {
    background: #f5f9fc;
}
.uk-link, a {
    color: #272727;
    text-decoration: none;
}
.uk-link:hover, a:hover {
    text-decoration: none;
    color: #e82525;
}
.title-tag-box {
    background: #0066b3;
}
.main-news-title-box {
    background: rgba(255,255,255,0.95);
    padding: 24px 20px;
    border-radius: 5px;
    backdrop-filter: blur(4px);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.15);
}
.card-box {
    background: white;
    box-shadow: 0px 10px 40px 0px rgba(0, 101.99999999999994, 179, 0.13);
    padding: 20px;
    transition: 1s;
    border-radius: 8px;
}
.card-box:hover {
    transform: translateY(-6px);
}
.category-icon .fa-solid.fa-utensils {
    font-size: 32px;
    color: #e74444;
}
.category-icon .fa-brands.fa-gratipay {
    font-size: 32px;
    color: #0066b3;
}
.category-icon .fa-solid.fa-heart-pulse {
    font-size: 32px;
    color: #673AB7;
}
.category-icon .fa-regular.fa-face-smile-beam {
    font-size: 32px;
    color: #E91E63;
}
.category-icon .fa-solid.fa-genderless {
    font-size: 32px;
    color: #2196F3;
}
.category-icon .fa-solid.fa-capsules {
    font-size: 32px;
    color: #FF9800;
}
.float-left {
    float: left;
}
.taja-box {
    background: white;
}
.heading-tags a {
    background: #e9e9e9;
    padding: 0 11px;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
}
.tag-box {
    background: #e7e7e7;
}
.blog-card {
    background: white;
    border-radius: 40px 0px 40px 0px;
    padding: 20px;
    box-shadow: 0px 10px 40px 0px #0066b31f;
    border-bottom: 3px solid #0066b3;
    border-top: 3px solid #458e03;
}
.my-overlay {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(95%,rgb(0, 0, 0)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0)0,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0)0,rgb(0, 0, 0) 100%);
}
.big-interview-box {
    background: white;
    box-shadow: 0px 10px 40px 0px #0066b31f;
    border-radius: 3px;
}
/*-----------------------------------------------------------------------------------------------------------
                                    ----Font---
------------------------------------------------------------------------------------------------------------*/
p {
    font-size: 18px;
    line-height: 32px;
    color: #333;
}
em {
    color: #565656;
}
.respo__fnt {
    font-size: calc(1.25rem + 2.9vw);
    line-height: 130%;
}
.breaking-date {
    font-size: 15px;
}
.ft-10 {
    font-size: 27px;
    line-height: 34px;
    color: #181818 !important;
}
.main-news-excerpt {
    font-size: 17px;
    font-weight: 500;
    line-height: 29px;
}
.category-title {
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 600;
}
.ft-1 {
    font-size: 19px;
    line-height: 27px;
}
.ft-2 {
    font-size: 19px;
    line-height: 26px;
}
.ft-3 {
    font-size: 20px;
    line-height: 29px;
}
.ft-6 {
    font-size: 19px;
    line-height: 27px;
}
.ft-7 {
    font-size: 19px;
    line-height: 27px;
}
.ft-8 {
    font-size: 22px;
    line-height: 29px;
}
.search-news-excerpt {
    font-size: 19px;
    line-height: 29px;
    font-weight: 500;
}
/*-----------------------------------------------------------------------------------------------------------
                                    ----Image---
------------------------------------------------------------------------------------------------------------*/
.cover {
    object-fit: cover;
}
.writer-thumnail {
    height: 40px;
    width: 40px;
    padding: 2px;
    border: 1px dashed #0066b3 !important;
}
.big-main-news-thumnail img {
    height: 485px;
}
.small-main-news-thumnail img {
    height: 230px;
}
.news-thumnail img {
    height: 158px;
    width: 190px;
}
.small-lifestyle-thumnail img {
    height: 110px;
    width: 145px;
}
.information-thumnail img {
    height: 99px;
    width: 130px;
}
.blog-thumnail img {
    height: 200px;
}
.feature-news-thumnail img {
    height: 455px;
}
.small-thumnail img {
    height: 200px;
}
.medium-thumnail img {
    height: 210px;
}
.search-news-thumnail img {
    height: 239px;
}
/*-----------------------------------------------------------------------------------------------------------
                                    ----Category Heading---
------------------------------------------------------------------------------------------------------------*/
.heading__formall span {
    color: #00a87d;
    font-size: 28px;
    line-height: 45px;
    font-weight: 800;
    position: relative;
    display: inline-block;
    top: 6px;
    border-radius: 4px;
}
.heading__formall a {
    font-size: 15px;
    color: #ffffff;
    font-weight: 600;
    padding: 0 15px;
    line-height: 30px;
    position: absolute;
    right: 0px;
    border-radius: 90px;
    background: #468f00;
    top: 13px;
}
.heading__formall a:after {
    content: "\f111";
    font-family: fontawesome;
    color: #fff;
    margin-left: 5px;
    font-size: 14px;
}
.heading__formall {
    margin-bottom: 31px;
    display: block;
    position: relative;
    top: 11px;
    border-top: double #468f00;
}
.heading__formall a:hover {
    background: #0066b3;
    color: white;
}
/*-----------------------------------------------------------------------------------------------------------
                                    ----Footer---
------------------------------------------------------------------------------------------------------------*/
.footer-box {
    background: #0066b3;
}
.copyright-box {
    background: #468f00;
}
.social-media-box {
    background: #468f00;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 21%);
}
.footer p {
    color: white;
}
/*-----------------------------------------------------------------------------------------------------------
                                    ----Single---
------------------------------------------------------------------------------------------------------------*/
.single-title {
    font-size: 44px;
}
blockquote {
    width: 350px;
    float: left;
    font-size: 24px;
    font-style: normal;
    color: #333;
    padding-top: 105px;
    overflow: hidden;
    position: relative;
    margin-right: 40px;
    margin-bottom: 40px;
}
blockquote p {
    font-size: 24px;
    font-style: normal;
    color: #333;
}
blockquote:before {
    content: url(/online/assets/images/quote.png);
    position: absolute;
    left: 0;
    top: 0;
}
.single-content p {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 25px;
    font-style: normal;
    font-weight: 400;
    text-align: justify;
}
.attach-cap {
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    display: inline-block;
    width: auto;
}
.more-news {
    background: #e2e2e2;
}
.post-attachment-box {
    margin: 0 20px;
}
.single-content a {
color: #e75828;
}
/*-----------------------------------------------------------------------------------------------------------
                                    ----User Archive---
------------------------------------------------------------------------------------------------------------*/
.user-profile-box {
    background: white;
    box-shadow: 0px 10px 40px 0px #0066b324;
    padding: 20px;
    border-radius: 10px;
}
.user-title {
    font-size: 20px;
    color: #525252;
}
.user-thumnail img {
    height: 110px;
    width: 110px;
    border: 3px dashed #0066b3;
    padding: 5px;
}
/*-----------------------------------------------------------------------------------------------------------
                                    ----Writer Archive---
------------------------------------------------------------------------------------------------------------*/
.writer-profile-box {
    background: white;
    box-shadow: 0px 10px 40px 0px #0066b324;
    padding: 20px;
    border-radius: 10px;
}
.writer-profile-thumnail img {
    height: 110px;
    width: 110px;
    border: 3px dashed #0066b3;
    padding: 5px;
}
.writer-title {
    font-size: 20px;
    color: #525252;
}
.writer-description {
    font-size: 14px;
    color: #525252;
    font-weight: 500;
}