/*

Theme Name: ColorNews







*/

@font-face {
    font-family: 'WYekan';
    src: url('fonts/WebYekan.eot');
    src: url('fonts/WebYekan.eot?#iefix') format('embedded-opentype'), url('fonts/WebYekan.woff') format('woff'), url('fonts/WebYekan.ttf') format('truetype'), url('fonts/WebYekan.svg#WebYekan') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0600�06FF;
}

@font-face {
  font-family: mitra;
  font-style: normal;
  font-weight: bold;
  src: url('fonts/BMitraBold.woff') format('woff');   /* All Major Browsers */
}
@font-face {
  font-family: mitra;
  font-style: normal;
  font-weight: normal;
  src: url('fonts/BMitra.woff') format('woff');   /* All Major Browsers */
}
html, body, div, h1, h2, h3, h4, h5, h6, input, textarea {
    font-family: 'mitra' !important;
    font-weight: normal;
}
p {
    font-family: 'mitra' !important;
}
.single .byline, .group-blog .byline, .posted-on, .blog-author, .blog-cat {
    font-family: mitra;
}
caption, th, td {
    text-align: right;
}

/*--------------------------------------------------------------

Typography

--------------------------------------------------------------*/


/*--------------------------------------------------------------

Elements

--------------------------------------------------------------*/

ul, ol {
    margin: 0 20px 15px 0;
}
li> ul, li> ol {
    margin-right: 15px;
    margin-left: auto;
}

/*--------------------------------------------------------------

Forms

--------------------------------------------------------------*/

textarea {
    padding-right: 3px;
    padding-left: 0;
}

/*--------------------------------------------------------------

Links

--------------------------------------------------------------*/


/*--------------------------------------------------------------

Accessibility

--------------------------------------------------------------*/


/* Text meant only for screen readers */

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    right: 5px;
    left: auto;
}

/*--------------------------------------------------------------

Alignments

--------------------------------------------------------------*/

.alignright {
    float: right;
    margin-left: 15px;
    margin-right: auto;
}
.alignleft {
    float: left;
    margin-right: 15px;
    margin-left: auto;
}

/*--------------------------------------------------------------

Clearings

--------------------------------------------------------------*/


/*--------------------------------------------------------------

9.0 Widgets

--------------------------------------------------------------*/


/*.widget */


/* Make sure select elements fit in widgets */


/* Search widget */


/*--------------------------------------------------------------

Posts and pages

--------------------------------------------------------------*/

.cat-links {
    margin-left: 10px;
    margin-right: auto;
}
article.hentry .entry-footer> span {
    margin-left: 15px;
    margin-right: auto;
}
.tags-links:before {
    margin-left: 3px;
    margin-right: auto;
}
.nav-links .nav-previous {
    width: auto;
}
.nav-links .nav-next {
    text-align: right;
    float: right;
}
.nav-links .nav-previous a:before {
margin-right: 5px;
    margin-left: auto;
    float: left;
}
.nav-links .nav-next a:after {
    margin-left: 5px;
    margin-right: auto;
    float: right;
}
.entry-exrecpt {
    float: left;
}
.short-content+ .bttn {
    float: left;
}

/*--------------------------------------------------------------

Asides

--------------------------------------------------------------*/


/*--------------------------------------------------------------

Comments

--------------------------------------------------------------*/

#comments i {
    padding-left: 10px;
    padding-right: 0;
}
.avatar {
    float: right;
}
.comments-area .comment-edit-link, .comments-area .comment-permalink, .comments-area .comment-date-time, .comments-area .comment-author-link {
    margin-right: 100px;
    margin-left: auto;
}
.comments-area .comment-author-link span {
    margin-right: 10px;
    margin-left: auto;
}
.comments-area article header .comment-edit-link:before {
    padding-left: 10px;
    padding-right: 0;
}
.comment-author img {
    margin-left: 15px;
    margin-right: auto;
}
.comment ul, .comment ol {
    margin: 0 20px 20px 0;
}
.comment .comment-reply-link {
    float: left;
}
.comment .comment-reply-link:before {
    padding-left: 10px;
    padding-right: 0;
}
.comment-list .children {
    margin-right: 20px;
    margin-left: auto;
}

/*--------------------------------------------------------------

Infinite scroll

--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */


/* Older / Newer Posts Navigation (always hidden) */


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */


/*--------------------------------------------------------------

Media

--------------------------------------------------------------*/


/* Make sure embeds and iframes fit their containers */


/*--------------------------------------------------------------

Responsive grid for pages

--------------------------------------------------------------*/

.tg-column-wrapper {
    margin-right: -2%;
    margin-left: auto;
}
.tg-column-1 {
    float: right;
    margin-right: 5%;
    margin-left: auto;
}
.tg-column-2 {
    margin-right: 2%;
    float: right;
    margin-left: auto;
}
.tg-column-3 {
    float: right;
    margin-right: 2%;
    margin-left: auto;
}
.tg-column-4 {
    margin-right: 5%;
    float: right;
    margin-left: auto;
}
.tg-footer-column-3 {
    margin-right: 2%;
    float: right;
    margin-left: auto;
}

/*--------------------------------------------------------------

COMMON CSS

--------------------------------------------------------------*/


/*--------------------------------------------------------------

Header CSS

--------------------------------------------------------------*/


/*----------- Top Header CSS  -------------*/

.top-header-wrapper {
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #565656), color-stop(100%, #0a0a0a));
}

/*----------- Category Menu CSS  -------------*/

.category-toogle-wrap {
    float: right;
}
.category-menu {
    right: 0;
    left: auto;
}
.category-menu ul li a:hover, .category-menu ul li.current-menu-item a, .category-menu ul li.current-menu-ancestor> a, .category-menu ul li.current-menu-parent> a {
    padding-right: 5px;
    padding-left: 0;
}
.category-menu ul.sub-menu {
    right: 120%;
    left: auto;
}
.category-menu ul> li:hover> .sub-menu {
    right: 104%;
    left: auto;
}

/*----------- Top Header menu CSS  -------------*/

.top-menu-wrap ul li {
    border-right: 1px solid #ffffff;
    margin-right: 10px;
    padding-right: 13px;
    padding-left: 0;
    margin-left: auto;
    border-left: none;
}
.top-menu-wrap ul li:first-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
    padding-left: 0;
    margin-left: auto;
    border-left: none;
}
.top-menu-wrap {
    margin: 10px 35px 0 0;
}
.login-signup-wrap {
    float: left;
    margin: 10px 35px 0 0;
}
.login-signup-wrap i {
    margin-left: 10px;
    margin-right: auto;
}
.top-menu-wrap .sub-menu {
    right: 0;
    left: auto;
}
#masthead .top-menu-wrap ul ul.sub-menu li> .sub-menu {
    right: 110%;
    left: auto;
}
#masthead .top-menu-wrap ul ul li:hover> .sub-menu {
    right: 100%;
    left: auto;
}
.top-menu-wrap .sub-menu::before {
    right: 0;
    left: auto;
}
.top-menu-wrap ul.sub-menu li {
    border-right: none;
    border-left: none;
}

/*----------- Middle Header CSS  -------------*/

.logo {
    float: right;
}
.header-advertise {
    float: left;
}
.show-both #header-text {
    border-right: 1px solid #cccccc;
    float: right;
    margin-right: 15px;
    padding: 10px 15px 0 0;
    margin-left: auto;
    border-left: none;
}
#header-text {
    float: right;
}
.header-advertise .magazine-block-large-ad {
    text-align: right;
}

/*----------- bottom Header CSS  -------------*/


/*----------- Menu CSS  -------------*/

.bottom-header-wrapper:before, .bottom-header-wrapper:after {
    right: -10px;
    left: auto;
}
.bottom-header-wrapper:after {
    left: -10px;
    right: auto;
}
.bottom-header-wrapper> .bottom-arrow-wrap::before, .bottom-header-wrapper> .bottom-arrow-wrap::after {
    border-left: 10px solid #272727;
    right: -10px;
    left: auto;
    border-right: none;
}
.bottom-header-wrapper> .bottom-arrow-wrap::after {
    right: auto;
    left: -10px;
}
.bottom-header-wrapper .home-icon {
    float: right;
}
#site-navigation {
    float: right;
}
#site-navigation ul> li {
    float: right;
}
#site-navigation ul> li.menu-item-has-children {
    padding-left: 30px;
    padding-right: 15px;
}
#site-navigation ul> li.menu-item-has-children> a:after {
    left: -15px;
    right: auto;
}
#site-navigation ul.sub-menu, #site-navigation ul.children {
    right: 0;
    left: auto;
}
#site-navigation ul.sub-menu ul, #site-navigation ul.children ul {
    right: 110%;
    left: auto;
}
#site-navigation .sub-menu> li:hover> ul {
    right: 100%;
    left: auto;
}

/*----------- share-search CSS  -------------*/

.share-search-wrap {
    float: left;
}
.search-icon, .share-wrap {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    float: right;
    border-left: none;
}
.search-box {
    right: 0;
    left: auto;
}
.home-search .searchform {
    margin-right: 2%;
    margin-left: auto;
}
.home-search .searchform button[type="submit"] {
    left: 0;
    right: auto;
}
.home-search .close {
    left: 30px;
    right: auto;
}

/*--------------------------------------------------------------

Breaking news CSS

--------------------------------------------------------------*/

.breaking-news-title {
    float: right;
}
#breaking-news #ticker_container {
    padding: 10px 105px 0 0;
}

/*--------------------------------------------------------------

Home content CSS

--------------------------------------------------------------*/


/*--------------------------------------------------------------

Slider CSS

--------------------------------------------------------------*/

.home-slider .bx-pager {
    margin-right: -10px;
    margin-left: auto;
}
.home-slider .bx-pager a {
    float: right;
    margin-right: 11px;
    margin-left: auto;
}
.home-slider .slider-category {
    right: 0;
    left: auto;
}
.caption-desc {
    float: right;
    text-align: right;
}
.slider-btn {
    float: left;
}

/*--------------------------------------------------------------

sidebar layout CSS

--------------------------------------------------------------*/


/*--------------------------------------------------------------

Magazine Block 1 CSS

--------------------------------------------------------------*/

.block-title:after {
    left: -5px;
    right: auto;
}
.first-post .category-collection {
    right: 5px;
    left: auto;
}
.below-entry-meta i {
    margin-left: 5px;
    margin-right: auto;
}
.widget .below-entry-meta> span {
    margin-left: 15px;
    margin-right: auto;
}
.carousel-slider-wrapper .bx-controls {
    left: 0;
    right: auto;
}
.carousel-slider-wrapper .entry-title {
    right: 0;
    left: auto;
}
.carousel-slider-wrapper .bx-controls a:after {
    right: 0;
    left: auto;
}
.carousel-slider-wrapper {
    direction: ltr;
}
.caption-wrapper {
    direction: rtl;
}
.widget_archive ul, .widget_categories ul, .widget_recent_entries ul, .widget_meta ul, .widget_recent_comments ul, .widget_rss ul, .widget_pages ul, .widget_nav_menu ul {
    margin: 0;
    padding-right: 10px;
    padding-left: 0;
}
.widget_archive a::before, .widget_categories a::before, .widget_recent_entries a::before, .widget_meta a::before, .widget_recent_comments li::before, .widget_rss li:before, .widget_pages li:before, .widget_nav_menu li:before {
    right: 0;
    left: auto;
}
.widget_meta a::before, .widget_nav_menu li:before {
    content: "\f104";
}
.widget_recent_entries a::before {
    content: "\f100";
}
.following-post figure {
    float: right;
    margin-left: 10px;
    margin-right: auto;
}
.widget_archive a, .widget_categories a, .widget_recent_entries a, .widget_meta a, .widget_recent_comments li, .widget_rss li, .widget_pages li, .widget_nav_menu li {
    padding-right: 22px;
    padding-left: 0;
}
.random-post-hover {
    right: 0;
    left: auto;
}
.random-post-hover .entry-title {
    right: 50%;
    margin: 0 -40% 0 auto;
    left: auto;
}
.random-hover-link {
    right: 50%;
    margin-right: -25%;
    left: auto;
    margin-left: auto;
}
.random-hover-link a {
    margin-left: 2px;
    margin-right: auto;
}
.cat-links {
    margin-left: 6px;
    margin-right: auto;
}
.colornews_popular_post .below-entry-meta.featured-no-image> span:first-child {
    margin-right: 15px;
    margin-left: auto;
}
.colornews_popular_post .below-entry-meta> span:first-child {
    margin-right: 0;
    margin-left: auto;
}

/*--------------------------------------------------------------

Magazine ad css

--------------------------------------------------------------*/

.ad-image-small img {
    margin: 0 2% 3% 0;
}

/*--------------------------------------------------------------

Tag cloud css

--------------------------------------------------------------*/


/*--------------------------------------------------------------

Category title css

--------------------------------------------------------------*/


/*--------------------------------------------------------------

Footer css

--------------------------------------------------------------*/


/*--------------------------------------------------------------

Top-footer css

--------------------------------------------------------------*/

#top-footer ul.menu {
    margin-right: 0;
    margin-left: auto;
}

/*#top-footer ul.menu li:after {
    right: 10px;
	left: auto;
}

*/


/*#top-footer ul.menu li a {
    padding: 8px 30px 8px 20px;
}

/*--------------------------------------------------------------

Bottom-footer css

--------------------------------------------------------------*/


/* Social Links in Menu */


/*--------------------------------------------------------------

Blog css

--------------------------------------------------------------*/

.featured-image-enable .category-collection {
    right: 0;
    left: auto;
}
.post .below-entry-meta> span::after {
    margin-right: 10px;
    margin-left: auto;
}
.post .below-entry-meta> span {
    margin-right: 10px;
    margin-left: auto;
}
.post .below-entry-meta {
    margin: 20px -10px 20px 0;
}

/*--------------------------------------------------------------

Default widget css

--------------------------------------------------------------*/

.widget_archive ul, .widget_categories ul, .widget_recent_entries ul, .widget_meta ul, .widget_recent_comments ul, .widget_rss ul, .widget_pages ul, .widget_nav_menu ul {
    padding-right: 10px;
    padding-left: 0;
}
.widget_archive a, .widget_categories a, .widget_recent_entries a, .widget_meta a, .widget_recent_comments li, .widget_rss li, .widget_pages li, .widget_nav_menu li {
    padding-right: 22px;
    padding-left: 0;
}
.widget_archive a::before, .widget_categories a::before, .widget_recent_entries a::before, .widget_meta a::before, .widget_recent_comments li::before, .widget_rss li:before, .widget_pages li:before, .widget_nav_menu li:before {
    right: 0;
    left: auto;
}
.widget_search .search-field {
    float: right;
}

/*--------------------------------------------------------------

Related post css

--------------------------------------------------------------*/

.related-post-wrapper .block-title i {
    margin-left: 10px;
    margin-right: auto;
}
.single-related-posts .below-entry-meta> span {
    margin-left: 0;
    margin-right: auto;
}

/*--------------------------------------------------------------

Author box css

--------------------------------------------------------------*/

.author-img {
    float: right;
    margin-left: 15px;
    margin-right: auto;
}

/*--------------------------------------------------------------

    404-error css

--------------------------------------------------------------*/

.error-404 input, .no-results input {
    margin-right: 0;
    margin-left: -4px;
}

/*--------------------------------------------------------------

Gallery-layoout

--------------------------------------------------------------*/

.gallery .gallery-item {
    float: right;
}

/* =SCROLL UP

----------------------------------------------- */

.widget_recent_entries a::before {
    content: "\f100";
}
.widget_meta a::before, .widget_nav_menu li:before {
    content: "\f104";
}
#newscontent {
    float: right !important;
}
#controls {
    float: left !important;
    direction: ltr;
}
.bx-viewport {
    direction: ltr;
}
.following-post figure {
    float: right;
    margin-left: 10px;
    margin-right: auto;
}
#site-navigation ul.sub-menu> li.menu-item-has-children> a::after {
    content: "\f104";
}
.fa-angle-right:before {
    content: "\f104";
}
#breaking-news #controls {
    left: 10px;
    right: auto;
}
@media (max-width: 1200px) {
    .home-slider .bx-pager a {
        float: none;
        text-align: center;
    }
}
@media (max-width: 979px) and (min-width: 769px) {
    .logo {
        float: none;
    }
    .header-advertise {
        margin: 0 auto;
        float: none;
    }
}
@media (max-width: 768px) {
    .logo {
        float: none;
        text-align: center;
    }
    .sub-toggle {
        left: 15px;
        right: auto;
    }
    #site-navigation ul> li, #site-navigation ul> li.menu-item-has-children {
        padding: 0;
    }
    #site-navigation ul.sub-menu li> a {
        padding-right: 30px;
        padding-left: 0;
    }
}
@media (max-width: 600px) {
    .top-menu-wrap {
        margin: 0 0 0;
    }
    .nu-wrap {
        margin: 0 0 0;
    }
    .login-signup-wrap {
        float: none;
        margin: 2px 0 0;
        padding: 13px 0 10px;
    }
    .tg-column-2, .tg-column-3, .tg-column-wrapper {
        margin-right: 0;
        margin-left: auto;
    }
    .carousel-slider-wrapper .bx-controls a {
        right: 0px;
    }
    .widget-title-block .carousel-slider-wrapper .bx-controls {
        left: 0px;
    }
}


.widget_recent_entries a::before {
    content: "\f100";
    top: initial !important;
}