/*
Theme Name:     News Portal
Theme URI:      https://mysterythemes.com/wp-themes/news-portal
Author:         Mystery Themes
Author URI:     https://mysterythemes.com
Description:    News Portal is ultimate magazine theme with creative design and powerful features that allow you to quickly and easily create a style to suit your needs.It is completely built on Customizer which allows you to customize most of the theme settings easily with live previews. It is the fully widgetized theme so as to let users manage the website using the easy to use widgets.News Portal Theme is best choice to create a Beautiful & Powerful News/magazine/blog websites with ease.Get free support at https://mysterythemes.com/support/forum/themes/free-themes/ and check the demo at http://demo.mysterythemes.com/news-portal/
Version:        1.1.5
License:        GNU General Public License v3 or later
License URI:    http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:    news-portal
Tags:           news, grid-layout, custom-colors, one-column, two-columns, three-columns, left-sidebar, right-sidebar, footer-widgets, full-width-template, theme-options, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

News Portal is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v3 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, 
ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box;
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing: border-box;
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
}

body {
    background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

a img {
    border: 0;
}



/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #3d3d3d;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #3d3d3d;
    font-weight: 700;
}

p {
    margin-bottom: 20px;
}

b,
strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 15px;
    font-size: 20px;
    font-style: italic;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

address {
    margin: 0 0 15px;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}



/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}

ul,
ol {
    margin: 0 0 15px 20px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}


dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
    vertical-align: middle;
}

figure {
    margin: 0;
}

table {
    margin: 0 0 15px;
    width: 100%;
    border-collapse: collapse;
}

th {
    font-weight: bold;
    border: 1px solid #CCC;
    padding: 5px 10px;
}

td {
    border: 1px solid #CCC;
    padding: 5px 10px;
}



/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: middle;
}

.navigation .nav-links a,
button {
    background: #029fb2;
    color: #ffffff;
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    font-size: 14px;
    line-height: 13px;
    height: 33px;
    border: none;
    padding: 10px 15px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-shadow: none;
    border: 1px solid #029fb2;
}

.navigation .nav-links a:hover,
button {
    background: #029fb2;
    color: #ffffff !important;
}


button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}


textarea:focus {
    border: 1px solid #AAA;
}



textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    color: #666;
    border: 1px solid #ccc;
    height: 160px;
    max-width: 100%;
    width: 100%;
}




/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/

a {
    color: #029fb2;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

a:visited {}

a:hover,
a:focus,
a:active {
    color: #029fb2;
}



/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}



/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/






/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/

.np-clearfix:before,
.np-clearfix:after,
.entry-content:before,
.entry-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.mt-container:after,
.mt-container:before {
    content: '';
    display: table;
}

.np-clearfix:after,
.entry-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.mt-container:after {
    clear: both;
}




/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 30px;
}

/* Make sure select elements fit in widgets */




.widget_recent_entries ul {
    list-style: outside none none;
    margin: 0;
}

.widget_recent_entries li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.widget_recent_entries li:last-child {
    border: none;
}

.widget_recent_entries a {
    color: #5f5f5f;
    font-size: 14px;
    line-height: 26px;
    padding-left: 22px;
    position: relative;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    display: inline-block;
}

.widget a:hover,
.widget a:hover::before,
.widget li:hover::before {
    color: #029FB2;
}

.widget_recent_entries a::before {
    color: #9f9f9f;
    content: "\f187";
    font-family: "FontAwesome";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 0px;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}


.widget_recent_entries a::before {
    content: "\f101";
}













/*--------------------------------------------------------------
Posts and pages
--------------------------------------------------------------*/


h1.entry-title {
    color: #353535;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: capitalize;
}





.entry-content {
    margin: 15px 0 0;
}





















.nav-links .nav-previous,
.nav-links .nav-next {
    width: 50%;
    float: left;
}

.nav-links .nav-next {
    text-align: right;
    float: right;
}

.nav-links .nav-previous a:before {
    content: "\f0d9";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
}

.nav-links .nav-next a:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    margin-left: 5px;
}

.nav-links .nav-previous,
.nav-links .nav-next {
    float: left;
    width: 25%;
}

.nav-links .nav-next {
    float: right;
}

.nav-links .nav-next a,
.nav-links .nav-previous a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}





.entry-footer {
    margin-top: 10px;
}




/*--------------------------------------------------------------
Asides
--------------------------------------------------------------*/




/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/









/*Comment Lists*/























/*--------------------------------------------------------------
Infinite scroll
--------------------------------------------------------------*/


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




/* 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 */

embed,
iframe,
object {
    max-width: 100%;
}



/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/















/*--------------------------------------------------------------
Grid CSS
--------------------------------------------------------------*/







/*--------------------------------------------------------------
Sidebar layout css 
--------------------------------------------------------------*/

#primary {
    float: left;
    width: 70%;
}

#secondary {
    float: right;
    width: 27%;
}




.no-sidebar #primary {
    float: none;
    width: 100%;
    margin: 0 auto;
}







/*--------------------------------------------------------------
COMMON CSS
--------------------------------------------------------------*/

body {
    font-weight: 400;
    overflow: hidden;
    position: relative;
    font-family: 'Roboto', sans-serif;
    line-height: 1.8;
}

.boxed_layout #page {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    width: 1200px;
    background: #ffffff;
}


.mt-container {
    width: 1170px;
    margin: 0 auto;
}

.hide {
    display: none;
}


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


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

.np-top-header-wrap {
    background: #029fb2 none repeat scroll 0 0;
    color: #fff;
    padding: 8px 0;
}

.np-top-left-section-wrapper {
    float: left;
    font-size: 12px;
}



.top-navigation {
    float: left;
}

.top-navigation ul {
    list-style: outside none none;
    margin: 0;
}

.top-navigation ul li {
    border-left: 1px solid #fff;
    display: inline-block;
    line-height: 12px;
    padding: 0 10px;
}

.top-navigation ul li a {
    color: #fff;
}

.np-top-right-section-wrapper {
    float: right;
}



#masthead .site-branding {
    float: left;
    margin: 20px 0;
}

#masthead .np-header-ads-area {
    float: right;
}


.np-logo-section-wrapper {
    padding: 20px 0;
}



/*--------------------------------------------------------------
## Menu Header CSS
--------------------------------------------------------------*/
.site-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
}

.site-description {
  margin: 0;
}

.np-header-menu-wrapper {
    background: #029fb2 none repeat scroll 0 0;
    margin-bottom: 20px;
    position: relative;
}

.np-header-menu-wrapper .mt-container {
    position: relative;
}

.np-header-menu-wrapper .mt-container::before {
    background: rgba(0, 0, 0, 0) url("assets/images/menu-shadow.png") no-repeat scroll center top;
    content: "";
    height: 38px;
    left: 50%;
    margin-left: -480px;
    opacity: 1;
    position: absolute;
    top: 100%;
    width: 960px;
}



#site-navigation {
    float: left;
}

#site-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#site-navigation ul li {
    display: inline-block;
    line-height: 40px;
    margin-right: -3px;
    position: relative;
}

#site-navigation ul li a {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    color: #fff;
    display: block;
    padding: 0 15px;
    position: relative;
    text-transform: capitalize;
}


#site-navigation ul li:hover>a {
    background: #028a9a;
}










#site-navigation ul#primary-menu>li:hover>a:after {
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
}

.np-header-menu-wrapper::before,
.np-header-menu-wrapper::after {
    background: #029fb2 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -5px;
    position: absolute;
    top: 0;
    width: 5px;
    z-index: 99;
}

.np-header-menu-wrapper::after {
    left: auto;
    right: -5px;
    visibility: visible;
}

.np-header-menu-block-wrap::before,
.np-header-menu-block-wrap::after {
    border-bottom: 5px solid transparent;
    border-right: 5px solid #03717f;
    border-top: 5px solid transparent;
    bottom: -6px;
    content: "";
    height: 0;
    left: -5px;
    position: absolute;
    width: 5px;
}

.np-header-menu-block-wrap::after {
    left: auto;
    right: -5px;
    transform: rotate(180deg);
    visibility: visible;
}


/*--------------------------------------------------------------
## Header Search CSS
--------------------------------------------------------------*/








.menu-toggle {
    color: #333;
    display: none;
    float: left;
    font-size: 20px;
    padding: 2px 15px;
}



/*--------------------------------------------------------------
Ticker CSS
--------------------------------------------------------------*/














/*--------------------------------------------------------------
Slider CSS
--------------------------------------------------------------*/



































/*--------------------------------------------------------------
Block Post Widget CSS
--------------------------------------------------------------*/






.widget-title {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    font-size: 16px;
    margin: 0 0 20px;
    padding: 6px 20px;
    text-transform: uppercase;
    border-left: none;
    border-right: none;
    color: #029FB2;
    text-align: left;
}



































/*--------------------------------------------------------------
Featured Widget CSS
--------------------------------------------------------------*/






















/*--------------------------------------------------------------
Full width Widget CSS
--------------------------------------------------------------*/








/*--------------------------------------------------------------
Recent Post Widget CSS
--------------------------------------------------------------*/











/*--------------------------------------------------------------
Footer CSS
--------------------------------------------------------------*/

#colophon {
    background: #000000 none repeat scroll 0 0;
    margin-top: 40px;
}





#top-footer .widget a:hover,
#top-footer .widget a:hover:before,
#top-footer .widget li::hover:before {
    color: #029fb2;
}





.bottom-footer {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    color: #bfbfbf;
    font-size: 12px;
    padding: 10px 0;
}

.site-info {
    float: left;
}







/*--------------------------------------------------------------
Archive CSS
--------------------------------------------------------------*/
















.np-related-section-wrapper {
    margin-top: 80px;
}



#content {
    margin-top: 30px;
}



/*--------------------------------------------------------------
Error 404 css 
--------------------------------------------------------------*/







/*--------------------------------------------------------------
scroll to top css 
--------------------------------------------------------------*/

#np-scrollup {
    background-color: #029FB2;
    bottom: 20px;
    color: #ffffff;
    display: none;
    height: 40px;
    line-height: 35px;
    position: fixed;
    right: 20px;
    width: 40px;
    text-align: center;
    font-size: 16px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#np-scrollup {
    display: none;
}

#np-scrollup:hover,
#np-scrollup:focus,
#np-scrollup:active {
    color: #ffffff;
    border-radius: 100%;
}


/* Large desktop */

@media (max-width: 1200px) {
    .boxed_layout #page {
        width: 100%;
    }
    .mt-container {
        padding: 0 2%;
        width: 100%;
    }
}

@media (min-width: 1000px) {
    #site-navigation {
        display: block !important;
    }
}

@media (max-width: 1170px) {
    #masthead .np-header-ads-area {
        width: 65%;
        margin-top: 5px;
    }
}

@media (max-width: 979px) {
    #masthead .np-header-ads-area {
        width: 100%;
        text-align: center;
    }
    #masthead .site-branding {
        text-align: center;
        float: none;
        margin-top: 0;
    }

}



/* Portrait tablet to landscape and desktop */

@media (min-width: 769px) and (max-width: 1200px) {}



/* Landscape phone to portrait tablet */

@media (max-width: 768px) {
    .menu-toggle {
        display: block;
        color: #ffffff !important;
    }
    #site-navigation {
        background: #029FB2 none repeat scroll 0 0;
        display: none;
        left: 0;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 99;
    }
    .np-header-menu-wrapper {
        position: relative;
    }
    #site-navigation ul li {
        display: block;
        float: none;
    }
    #site-navigation ul#primary-menu>li:hover>a::after {
        display: none;
    }
    #primary,
    #secondary {
        float: none;
        width: 100%;
    }
}



/* Landscape phones and down */

@media (max-width: 600px) {
    .np-top-right-section-wrapper,
    .np-top-left-section-wrapper {
        display: block;
        float: none;
        text-align: center;
    }
    .site-info {
        float: none;
        text-align: center;
    }

}

@media (max-width: 480px) {
}




@media (max-width:768px) {
    #site-navigation,
    .main-small-navigation li.current-menu-item > .sub-toggle i {
        background: #029FB2 !important
    }
}

.site-title,
.site-description {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}



body {font-size:16px;}



@media (min-width:768px) {
    .col-sm-6 {
        float: left;
        width: 60%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
    .col-sm-push-3 {
        left: 15%
    }
}



.btn {
    display: inline-block;
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 6px
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:active,
.btn-success:hover {
    color: #fff;
    background-color: #00CED1;
    border-color: #398439
}

.input-group {
    display: table;
    border-collapse: separate
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.333333
}

.input-group .form-control,
.input-group-btn {
    display: table-cell
}

.input-group-btn {
    width: 1%
}

.input-group-btn:last-child>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}


.form-control {
    width: 100%;
    color: #bdbdbd
}

input[type=text]::-webkit-input-placeholder {
    color: #bdbdbd
}



form {
    background-color: 	#A52A2A;
    border: 1px solid #bebebe;
padding:5px;

}
.btn, .button,
input[type="submit"] {background-color: #029fb2;}



p{clear:both;}

@media only screen and (min-width: 960px){
	.col-sm-3{float:left;width:33%;overflow:hidden}}	


#header-left {
    float: left;
    width: 62%;
padding-left: 30px;
    position: relative;
}
#header-right {
    float: left;
    width: 336px;
    overflow: hidden;
}
@media only screen
and (min-width : 960px) {
.mobile {display:none;}
	#header-ri,#header-rig,#header-righ{float:left;width:33%;overflow:hidden}
}
@media only screen
and (max-width : 959px) {
.big-screen {display: none;}
}
hr{border:solid orange;border-width:2px 0 0;margin:0 0 10px;height:0}

li{list-style:none!important}

hr,br {clear:both;}

@media (min-width:1060px) {.rowqa{width: 1100px;}}


@media (min-width:1060px) {.rozz{width: 1100px;}}
ins.adsbygoogle { background: transparent !important; }