@font-face {
font-family: 'Mukta';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/mukta/v8/iJWKBXyXfDDVXbnBrXk.ttf) format('truetype');
}
@font-face {
font-family: 'Mukta';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/mukta/v8/iJWHBXyXfDDVXbEeiWmd8WU.ttf) format('truetype');
}
@font-face {
font-family: 'Mukta';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/mukta/v8/iJWHBXyXfDDVXbF6iGmd8WU.ttf) format('truetype');
}
@font-face {
font-family: 'Mukta';
font-style: normal;
font-weight: 800;
src: url(https://fonts.gstatic.com/s/mukta/v8/iJWHBXyXfDDVXbFmi2md8WU.ttf) format('truetype');
}
.default-font {
font-family: 'Mukta', sans-serif;
}
* {
margin: 0 auto;
font-family: 'Mukta', sans-serif;
}
body {
background: #E8EFF7;
}
.top-header {
background: #FD0000;
}
.top-header .top-header-social {
background: #122F8A;
display: inline-block;
}
.top-header .top-header-social ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.top-header .top-header-social ul li {
float: left;
padding: 3px 10px;
width: 100%;
text-align: center;
}
.top-header .top-header-social ul li a {
color: #FFF;
text-align: center;
}
.top-header .top-header-links {
background: green;
position: relative;
}
.top-header .top-header-links::after {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: red;
transform-origin: bottom left;
-ms-transform: skew(-30deg, 0deg);
-webkit-transform: skew(-30deg, 0deg);
transform: skew(-30deg, 0deg);
}
.top-header .top-header-links ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.top-header .top-header-links ul li {
float: left;
padding: 3px 10px;
width: 100%;
text-align: center;
}
.top-header .top-header-links ul li a {
color: #FFF;
}
header {
padding-top: 20px;
font-family: 'Mukta', sans-serif;
background: #FFF;
}
header .navbar {
margin-bottom: 0;
}
header .navbar-default {
margin-top: 20px;
background-color: #122F8A;
border: none;
border-radius: 0;
}
header .navbar-default .navbar-brand a {
color: #FFF;
}
header .navbar-default .navbar-toggle {
border-color: transparent;
}
header .navbar-default .navbar-toggle .icon-bar {
background-color: #FFF;
}
header .navbar-default .navbar-toggle:hover {
background-color: transparent;
}
header .navbar-default .navbar-nav {
font-family: 'Mukta', sans-serif;
}
header .navbar-default .navbar-nav .active > a {
background-color: #0c205d;
color: #FFF;
}
header .navbar-default .navbar-nav .active > a:hover {
background-color: #0c205d;
color: #FFF;
}
header .navbar-default .navbar-nav a:hover {
background-color: #0c205d;
color: #FFF;
}
header .navbar-default .navbar-nav li a {
color: #FFF;
font-size: 1.1em;
}
header .navbar-default .navbar-nav li a i {
font-size: 1.2em;
} #sidebar {
width: 250px;
position: fixed;
top: 0;
left: -250px;
height: 100vh;
z-index: 99999999;
background: #122F8A;
color: #fff;
transition: all 0.3s;
overflow-y: scroll;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
font-family: 'Mukta', sans-serif;
}
#sidebar.active {
left: 0;
}
#dismiss {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
background: #204fe2;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#dismiss:hover {
background: #fff;
color: #122F8A;
}
.overlay {
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
z-index: 1001;
display: none;
}
#sidebar .sidebar-header {
padding: 20px;
background: #122F8A;
}
#sidebar ul p {
color: #fff;
padding: 10px;
}
#sidebar ul li a {
padding: 10px;
font-size: 1.1em;
display: block;
color: #FFF;
}
#sidebar ul li a:hover {
color: #122F8A;
background: #fff;
}
#sidebar ul li.active > a,
a[aria-expanded="true"] {
color: #fff;
background: #0f2773;
}
#sidebar a[data-toggle="collapse"] {
position: relative;
}
#sidebar a[aria-expanded="false"]::before,
#sidebar a[aria-expanded="true"]::before {
content: '\f0d7';
display: block;
position: absolute;
right: 20px;
font-family: 'FontAwesome';
}
#sidebar a[aria-expanded="true"]::before {
content: '\f0da';
}
ul ul a {
font-size: 0.9em !important;
padding-left: 30px !important;
background: #0f2773;
}
ul.CTAs {
padding: 20px;
}
ul ul.CTAs {
padding: 20px;
}
ul.CTAs a {
text-align: center;
font-size: 0.9em !important;
display: block;
border-radius: 5px;
margin-bottom: 5px;
}
a.download {
background: #fff;
color: #122F8A;
}
a.article,
a.article:hover {
background: #0f2773 !important;
color: #fff !important;
}
ul ul ul li a {
padding-left: 50px !important;
}
.trending-wrapper {
background: #FD0000;
padding: 5px 0;
border-bottom: 1px solid #CCC;
font-family: 'Mukta', sans-serif;
}
.trending-wrapper .trending-title span {
font-size: 1.2em;
position: relative;
color: #122F8A;
font-weight: 500;
}
.trending-wrapper .trending-links ul {
margin-bottom: 0;
}
.trending-wrapper .trending-links ul li a {
font-size: 1.1em;
line-height: 25px;
color: #FFF;
}
.archive-wrapper .archive-wrapper-title-breadcrumbs ul {
padding: 0;
}
.archive-wrapper .archive-wrapper-title-breadcrumbs ul li {
list-style: none;
padding: 0;
margin: 0;
float: left;
margin-right: 10px;
}
.archive-wrapper .archive-wrapper-title-breadcrumbs ul li::after {
content: "\f101";
font-family: FontAwesome;
margin-left: 5px;
}
.archive-wrapper .archive-wrapper-title {
border-bottom: 1px solid #ebeffc;
}
.archive-wrapper .archive-wrapper-title h1 {
font-size: 3em;
color: #122F8A;
}
.archive-wrapper .archive-wrapper-each {
padding: 15px;
min-height: 490px;
box-shadow: rgba(0, 0, 0, 0.1) 0 0 18px;
margin-top: 25px;
}
.archive-wrapper .archive-wrapper-each img {
width: 100%;
height: 240px;
object-fit: cover;
}
.archive-wrapper .archive-wrapper-each h1 a {
font-size: 1.5rem;
color: #373737;
}
.archive-wrapper .archive-wrapper-each h1 a:hover {
color: #FD0000;
}
.archive-wrapper .archive-wrapper-each p {
font-size: 16px;
color: #373737;
}
.archive-wrapper .archive-wrapper-each a {
font-size: 16px;
font-weight: bold;
color: #373737;
}
.pagination-wrapper ol.wp-paginate li a {
width: 50px !important;
height: 50px !important;
border-radius: 100% !important;
line-height: 35px !important;
font-size: 1.2em !important;
font-weight: bold !important;
margin: 0 2px !important;
}
.pagination-wrapper .wp-paginate .current {
width: 50px !important;
height: 50px !important;
border-radius: 100% !important;
line-height: 35px !important;
font-size: 1.2em !important;
font-weight: bold !important;
margin: 0 2px !important;
}
.single-wrapper .single-wrapper-title-breadcrumbs {
border-bottom: 1px solid #ebeffc;
padding: 10px 0;
}
.single-wrapper .single-wrapper-title-breadcrumbs ul {
padding: 0;
}
.single-wrapper .single-wrapper-title-breadcrumbs ul li {
list-style: none;
padding: 0;
margin: 0;
float: left;
margin-right: 10px;
}
.single-wrapper .single-wrapper-title-breadcrumbs ul li::after {
content: "\f101";
font-family: FontAwesome;
margin-left: 5px;
}
.single-wrapper .single-wrapper-title {
border-bottom: 1px solid #ebeffc;
padding-bottom: 15px;
}
.single-wrapper .single-wrapper-title h3 {
padding-top: 15px;
}
.single-wrapper .single-wrapper-title .share-wrapper {
padding-top: 10px;
float: right;
}
.single-wrapper .single-wrapper-title h1 {
font-family: 'Mukta', sans-serif;
font-size: 65px;
font-weight: 600;
line-height: 128%;
margin: 0;
padding: 30px 0;
color: #373737;
}
.single-wrapper .single-wrapper-title h1 a {
color: #373737;
}
.single-wrapper .single-wrapper-title h1 a:hover {
color: #FD0000;
}
.single-wrapper .single-wrapper-title h1 small {
display: block;
font-size: 0.5em;
font-weight: 500;
margin-top: 10px;
color: #7a96ee;
}
.single-wrapper .single-wrapper-title h3 {
margin: 0;
color: #122F8A;
}
.single-wrapper .single-wrapper-details {
padding-top: 20px;
}
.single-wrapper .single-wrapper-details .single-wrapper-details-contents img {
width: 100%;
}
.single-wrapper .single-wrapper-details .single-wrapper-details-contents .single-wrapper-detail-contents-details {
padding-top: 20px; 
}
.single-wrapper .single-wrapper-details .single-wrapper-details-contents .single-wrapper-detail-contents-details p { text-align: justify !important;
font-size: 1.4em;
}
.single-wrapper .single-wrapper-details .single-wrapper-details-sidebar .single-wrapper-details-sidebar-ads img {
padding-bottom: 15px;
}
.comment-wrapper {
padding: 20px 0;
}
.comment-wrapper h1 {
font-family: 'Mukta', sans-serif;
font-size: 2.5em;
line-height: 50px;
color: #122F8A;
margin: 0;
border-bottom: 1px solid #ebeffc;
}
.single-trending-wrapper {
padding: 20px 0;
}
.single-trending-wrapper h1 {
font-family: 'Mukta', sans-serif;
font-size: 2.5em;
line-height: 50px;
color: #122F8A;
margin: 0;
border-bottom: 1px solid #ebeffc;
}
.related-wrapper h1 {
font-family: 'Mukta', sans-serif;
font-size: 2.5em;
line-height: 50px;
color: #122F8A;
margin: 0;
border-bottom: 1px solid #ebeffc;
}
.related-wrapper .related-wrapper-each {
padding: 20px 0;
}
.related-wrapper .related-wrapper-each img {
width: 100%;
height: 240px;
object-fit: cover;
}
.related-wrapper .related-wrapper-each h1 {
padding-top: 15px;
border-bottom: 0;
line-height: 25px;
text-align: center;
}
.related-wrapper .related-wrapper-each h1 a {
font-size: 1.3rem;
font-weight: bold;
color: #373737;
}
.related-wrapper .related-wrapper-each h1 a:hover {
color: #FD0000;
}
.page-wrapper .page-wrapper-title-breadcrumbs ul {
padding: 0;
}
.page-wrapper .page-wrapper-title-breadcrumbs ul li {
list-style: none;
padding: 0;
margin: 0;
float: left;
margin-right: 10px;
}
.page-wrapper .page-wrapper-title-breadcrumbs ul li::after {
content: "\f101";
font-family: FontAwesome;
margin-left: 5px;
}
.page-wrapper .page-wrapper-title {
border-bottom: 1px solid #ebeffc;
}
.page-wrapper .page-wrapper-title h1 {
font-size: 3em;
color: #122F8A;
}
.page-wrapper .page-wrapper-each {
padding: 20px 0;
}
.page-wrapper .page-wrapper-each img {
width: 100%;
height: 240px;
object-fit: cover;
}
.page-wrapper .page-wrapper-each h1 a {
font-size: 1.5rem;
color: #122F8A;
}
.page-wrapper .page-wrapper-each h1 a:hover {
color: #122F8A;
}
.page-wrapper .page-wrapper-each p {
font-size: 16px;
color: #122F8A;
}
.page-wrapper .page-wrapper-each a {
font-size: 16px;
font-weight: bold;
color: #122F8A;
}
.page-wrapper .page-contents {
padding-top: 50px;
}
.page-wrapper .page-contents p {
font-family: 'Mukta', sans-serif;
font-size: 20px;
}
footer {
border-top: 5px solid #122F8A;
background: #122F8A;
padding: 25px 0;
margin-top: 50px;
}
footer .footer-information {
padding-right: 10px;
color: #FFF;
}
footer .footer-information h3 {
font-weight: bold;
font-size: 20px;
}
footer .footer-information p {
font-size: 1em;
}
@media (max-width: 576px) {
footer .footer-information {
border-right: 0 !important;
}
}
footer .footer-links h3 {
font-size: 1.7em;
color: #FFF;
}
footer .footer-links ul {
margin: 0;
padding: 0;
}
footer .footer-links ul li {
margin: 0;
padding: 0;
list-style: none;
}
footer .footer-links ul li a {
font-size: 18px;
color: #CCC;
}
footer .footer-copyrights span {
display: inline-block;
margin-top: 20px;
color: #FFF;
}
.single-wrapper-details-sidebar-ads img {
width: 100%;
object-fit: cover;
}
.small-logo {
width: 30px;
}
.single-wrapper .single-wrapper-title h1 small {
display: block;
font-size: 24px;
font-weight: 500;
margin-top: 10px;
color: #676767;
}
.news-design-four .news-design-four-each {
min-height: 230px !important;
}
.top-ads-wrapper img {
float: right;
}
.wp-paginate a,
.wp-paginate .current {
padding: 5px 15px;
}
.wp-paginate.wpp-modern-grey a,
.wp-paginate.wpp-modern-grey .current {
padding: 5px 15px;
}
.pagination-wrapper {
margin-top: 30px;
}
.news-design-wrapper {
padding-bottom: 0 !important;
}
.top-social-icons ul {
list-style: none;
float: right;
margin: 0 !important;
}
.top-social-icons ul li {
float: left;
background: #FFF;
margin-right: 10px;
border-radius: 100%;
text-align: center;
line-height: 30px;
width: 30px;
height: 30px;
}
img.breaking-news-author {
width: 50px !important;
height: 50px !important;
object-fit: contain !important;
border-radius: 50px;
background: #e8eff7;
}
.breaking-news-wrapper .breaking-news-style-three h1 small,
.breaking-news-wrapper .breaking-news-style-two h1 small {
font-weight: 500 !important;
font-size: 16px !important;
color: #000 !important;
}
.news-design-sixteen .news-design-sixteen-wrapper .news-design-sixteen-wrapper-first p {
font-size: 16px !important;
}
.news-design-four .news-design-four-each img {
height: 100px !important;
width: 100%;
object-fit: cover;
}
.related-wrapper .related-wrapper-each img {
width: 100%;
height: 150px !important;
object-fit: cover;
}
.footer-copyrights {
background: #FD0000;
color: #FFF;
padding: 5px 0;
}