/*
Theme Name: Smart Mag - Tracking Board Child
Theme URI: http://theme-sphere.com/
Description: A child theme of SmartMag
Author: ThemeSphere
Author URI: http://theme-sphere.com
Template: smart-mag
Version: 1.0
*/

@import url("../smart-mag/style.css");







/*================ Top Bar ================*/

.tagline{
	float: right;
}

@media only screen and (max-width: 799px){
.has-mobile-head .top-bar {
display: block !important;
}
.top-bar-content > div.trending-ticker {
display: none !important;
}
.tagline{
float: none;
text-align: center;
}
}

/*================ Typography ================*/

h6{
font-size: 13px !important;
font-weight: 500 !important;
line-height: 22px !important;
}

/*================ Fonts ================*/

body .main .sidebar .widgettitle,
.cat-title,
.cat-description.post-content{
font-family: Merriweather Sans !important;
}

body, .gallery-title, .section-head, .block-head, .modal-header .modal-title, h3.gallery-title, .modern-quote cite, .comment-respond small, .main-heading, .page-title, .entry-title, .main .sidebar .widgettitle, .tabbed .tabs-list, .main-footer .widgettitle, .navigation, .nav-light-b, .breadcrumbs, .main-featured .the-date, .listing-meta, .listing-meta .rate-number span, .post .read-more a, .post-meta-b, .post-share-b, .cat-title, button, input[type="submit"]{
font-family: Merriweather Sans !important;
}

/*================ Structure ================*/

@media only screen and (max-width: 767px){
.row .column, .column, .row [class*="col-"] {
    margin-bottom: 0 !important;
}
.vc_column_container > .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}

/*================ Buttons ================*/

button, input {
border-radius: 3px !important;
}

.post .read-more a {
padding: 4px 12px;
border-radius: 3px;
}

#comment-submit, .submit-button {
border-radius: 3px !important;
border-color: #19232d !important;
}

input.mepr-submit,
input.search-submit,
input#wp-submit{
    background-color: #333;
    border: 1px solid #333 !important;
    color: #fff !important;
    border-radius: 3px !important;
}

/*================ Header Logo ================*/

.mobile-head {
    padding: 0 64px !important;
}

img.logo-image {
    max-width: 436px !important;
}

@media only screen and (max-width: 799px){
img.logo-image {
width: 100% !important;
max-width: 330px !important;
padding: 10px 0;
}
.wrap {
    padding: 0 15px !important;
}
.navigation .off-canvas {
    z-index: 9999 !important;
}
}

/*================ Header Secondary ================*/

.top-bar {
background: #f2f2f2;
border-top: 0px solid #e54e53;
border-bottom: 1px solid #e7e7e7;
}

.top-bar-content {
font-size: 12px !important;
line-height: 19px !important;
padding: 7px 0 !important;
}

.top-bar .search .query {
width: 130px;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}

section.top-bar-content .search {
display: none !important;
}

@media only screen and (max-width: 799px){
.mobile-head {
border-top: 0px solid #e53e54 !important;
}
}

/*================ Main Logo Area ================*/

.main-head header {
min-height: 100px !important;
line-height: 100px !important;
}

/*================ Main Nav ================*/

.nav-light {
border-top: none !important;
border-bottom: 1px solid #333 !important;
}

.nav-light-b .menu > li > a {
font-size: 13px !important;
font-weight: 500 !important;
padding: 0 15px 0 0 !important;
line-height: 34px !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
}

.sticky-nav .menu .sticky-logo {
padding-left: 0 !important;
padding-right: 0 !important;
}

@media only screen and (max-width: 969px){
.nav-light-b .menu > li > a {
font-size: 11px !important;
font-weight: 500 !important;
padding: 0 8px 0 0 !important;
letter-spacing: 0 !important;
}
}

.nav-light-b .menu > li{
padding: 5px 15px 5px 0 !important;
}

.nav-light-b .menu > li a{
padding: 0px !important;
}

/*================ Dropdown ================*/

.nav-light-b .menu > li > ul, .nav-light-b .mega-menu {
    top: 45px !important;
}

.nav-light .menu > li > .sub-menu {
    margin-left: -1px;
    padding: 0px !important;
}

.nav-light .menu > li > a,
.nav-light .menu > li > .sub-menu li a{
    font-weight: 500;
}

.nav-light .menu > li > .sub-menu li a{
    padding: 10px 15px !important;
}

/*================ Main Sticky Nav ================*/

.navigation-wrap.cf.has-logo.sticky-nav{
background-color: #fff;
}

.navigation-wrap.cf.has-logo.sticky-nav .nav-light{
padding: 6px 0 !important;
}

.sticky-nav .sticky-logo img {
max-height: 36px;
}

.sticky-nav .menu .sticky-logo {
padding-right: 15px !important;
}

/*================ Main Nav Right ================*/

.nav-light-b .menu > li.header-btn,
.nav-light-b .menu > li.header-btn-bordered{
padding-left: 8px !important;
padding-right: 0px !important;
float: right !important;
}

.nav-light-b .menu > li.header-btn > a{
border: 1px solid transparent !important;
background-color: #e41712;
color: #fff !important;
padding: 0px 10px !important;
border-radius: 3px;
box-sizing: border-box !important;
}

.nav-light-b .menu > li.header-btn > a:hover{
background-color: #e41712;
color: #fff !important;
}

.nav-light-b .menu > li.header-btn-bordered > a{
border: 1px solid #e41712 !important;
color: #333 !important;
padding: 0px 10px !important;
border-radius: 3px;
box-sizing: border-box !important;
}

.nav-light-b .menu > li.header-btn-bordered > a:hover{
background-color: #e41712;
color: #fff !important;
}

.btn-header{
background: #e41712;
color: #fff !important;
padding: 6px 12px !important;
}

@media only screen and (max-width: 799px){
.nav-light-b .menu > li.header-btn,
.nav-light-b .menu > li.header-btn-bordered{
float: left !important;
clear: none !important;
}
}

/*================ Off Canvas Menu ================*/

@media only screen and (max-width: 799px){
.nav-light .off-canvas .menu .close a {
background: transparent !important;
font-weight: 700 !important;
font-size: 20px !important;
}
.nav-light-b .menu > li {
padding: 0px 15px 0px 0 !important;
}
}

.nav-light-b .menu.mobile-menu > li > a {
padding: 13px 20px !important;
font-size: 15px !important;
}

body .nav-light-b .menu.mobile-menu > li.header-btn > a,
body .nav-light-b .menu.mobile-menu > li.header-btn-bordered > a {
margin-top: 15px;
padding: 5px 18px!important;
font-size: 15px !important;
}

@media only screen and (max-width: 799px){
.off-canvas .close .fa {
margin-top: 4px !important;
margin-right: 0px !important;
}
}

/*================ Meta Slider ================*/

.metaslider .flexslider .flex-direction-nav li a{
	-webkit-transition: all .1s ease-in-out !important;
    -moz-transition: opacity .1s ease-in-out !important;
    transition: all .1s ease-in-out !important;
}

.metaslider.home-slider {
overflow: hidden !important;
margin-bottom: 0;
}

/*
.metaslider .caption-wrap {
bottom: -100% !important;
-webkit-transition: all .3s ease;
-moz-transition: opacity .25s ease-in-out;
transition: all .3s ease;
}

@media only screen and (max-width: 799px){
.metaslider .caption-wrap {
bottom: 0 !important;
}
}
*/

.metaslider.home-slider:hover .caption-wrap{
bottom: 0 !important;
}

.metaslider .flexslider .flex-prev,
.metaslider .flex-direction-nav .flex-next {
text-indent: 0 !important;
}

.flex-direction-nav a:after {
line-height: 32px;
font-size: 18px;
}

.metaslider .flexslider .flex-direction-nav li a {
width: 30px;
height: 30px;
margin: 0 !important;
background-color: #fff !important;
background-image: none !important;
}

.metaslider .flexslider .flex-prev {
opacity: 0.8;
left: unset !important;
right: 31px !important;
top: -50px !important;
}

.metaslider .flexslider:hover .flex-prev {
opacity: 0.8;
right: 31px !important;
top: 0px !important;
}

.metaslider .flexslider .flex-next {
opacity: 0.8;
right: 0px !important;
top: -50px !important;
}

.metaslider .flexslider:hover .flex-next {
opacity: 0.8;
right: 0px !important;
top: 0px !important;
}

.metaslider .caption-wrap {
background: rgba(0,0,0,.7) !important;
opacity: 1 !important;
}

.metaslider.home-slider .caption {
padding: 15px 15px;
word-wrap: break-word;
}

.metaslider.home-slider h3{
color: #fff !important;
font-weight: 700 !important;
margin-top: 0 !important;
margin-bottom: 5px !important;
display: block !important;
}

.metaslider.home-slider .caption p {
margin-bottom: 10px;
color: #d5d5d5!important;
font-size: 14px !important;
font-weight: 500 !important;
display: block !important;
}

.post-content .metaslider.home-slider a.readmore{
font-size: 14px !important;
font-weight: 500 !important;
background-color: #e41712 !important;
color: #fff !important;
padding: 4px 12px !important;
display: inline-block !important;
border-radius: 3px !important;
margin-top: 5px;
}

.flex-direction-nav a:after {
content: "\f054" !important;
}

.flex-direction-nav .flex-prev:after {
content: "\f053" !important;
}

@media only screen and (min-width: 800px) and (max-width: 929px){
.metaslider.home-slider .caption p {
	display: none !important;
}
}

@media only screen and (max-width: 799px){
	.metaslider.home-slider h3{
		font-size: 20px !important;
	}
}

@media only screen and (max-width: 639px){
	.metaslider.home-slider h3{
		font-size: 17px !important;
	}
.metaslider.home-slider .caption p {
	display: none !important;
}
}

/*================ Sidebar Widgets ================*/

.main .sidebar .widget {
    margin-bottom: 20px !important;
}

.widget_media_image img{
width: 100% !important;
height: auto !important;
}

body .rpwe-block h3 {
font-size: 14px !important;
font-weight: 900 !important;
}

input.search-field {
width: calc(100% - 76px);
}

.main .sidebar .widget {
margin-bottom: 30px !important;
}

body .main .sidebar .widgettitle{
display: inline-block !important;
background: #fff !important;
position: relative !important;
padding-right: 15px !important;
z-index: 1 !important;
}

li.widget.latest-posts ul li > a,
.highlights a.image-link{
display: none;
}

li.widget.latest-posts ul li div > a,
.related-posts .highlights h2 a,
.widget #menu-navigation a{
font-weight: 900 !important;
}

.main .sidebar .widgettitle, .tabbed .tabs-list {
margin-bottom: 10px !important;
background: none !important;
font-weight: 700 !important;
padding: 0 0 0 0 !important;
color: #e41712 !important;
}

.main .sidebar .widget:before{
content: '' !important;
border-top: 2px solid #e41712;
top: 16px !important;
position: relative;
float: left;
width: 100%;
}

.main .sidebar .widget.widget_search:before,
.main .sidebar .widget_media_image:before{
display: none;
}

/*================ Home Post List ================*/

.post-header .comments {
display: none !important;
}

.home-post-list .rpwe-thumb {
border: 0px solid #eee !important;
width: 70px !important;
height: auto !important;
margin: 0px 0px 8px 0 !important;
padding: 0px !important;
}

.home-post-list h3.rpwe-title,
time.rpwe-time.published,
.rpwe-summary {
float: left;
clear: both;
}

.home-post-list h3.rpwe-title{
font-size: 20px !important;
font-weight: 700 !important;
}

.home-post-list h3.rpwe-title a{
color: #333 !important;
}


.home-post-list h3.rpwe-title a:hover{
color: #e41712 !important;
}

.home-post-list time.rpwe-time.published {
margin-bottom: 8px !important;
}

.home-post-list .rpwe-summary,
.highlights .excerpt,
.listing-alt .content .excerpt{
color: #333 !important;
font-family: Merriweather Sans !important;
font-size: 12px !important;
line-height: 22px !important;
text-align: justify;
}

.rpwe-block.home-post-list li {
border-bottom: 1px solid #eee;
margin-bottom: 16px;
padding-bottom: 12px;
}

@media only screen and (max-width: 1140px){
.home-post-list h3.rpwe-title{
font-size: 18px !important;
}
}


@media only screen and (max-width: 940px){
.home-post-list h3.rpwe-title{
font-size: 18px !important;
}
}

@media only screen and (max-width: 799px){
.home-post-list h3.rpwe-title{
font-size: 18px !important;
}
}

/*================ Category Pages ================*/

.main-heading{
display: none !important;
}

.cat-description.post-content {
display: none !important;
}

.listing-alt a.image-link img{
    display: block !important;
    max-width: 84px !important;
    margin-top: 2px !important;
    margin-bottom: 6px !important;
}

.listing-alt .post-wrap a {
	display: block!important;
	width: 100% !important;
}

.listing-alt .post-wrap a.img-link img {
    max-width: 160px !important;
    margin-right: 0px !important;
}

.listing-alt .content .post-title {
    margin-bottom: 5px !important;
}

.listing-alt .post .content {
padding-top: 0 !important;
	display: block !important;
	width: 100% !important;
}

.listing-alt article .content {
margin-left: 0 !important;
}

.listing-alt .content .post-title, .highlights .post-title, .post-header-b .post-title {
font-weight: 700 !important;
}

.listing-alt img {
width: 100% !important;
max-width: 200px !important;
}

.excerpt img{
	display: none !important;
}

.posts-list br {
display: none!important;
}

.listing-meta .meta-item:before {
display: none !important;
}

.listing-meta .comments a {
display: none !important;
}

.listing-alt .content .excerpt {
	text-align: justify;
    margin-top: 5px !important;
}

/*================ Blog ================*/

.listing-alt .sticky {
background: transparent !important;
padding-right: 0px !important;
}

.listing-alt .sticky:first-child {
padding-top: 0 !important;
}

.listing-alt article {
padding: 0 0 24px 0 !important;
border-top: 0px solid #d9d9d9 !important;
border-bottom: 1px solid #d9d9d9 !important;
margin-bottom: 24px;
}

/*================ Single Post ================*/

span.posted-by {
display: none !important;
}

span.posted-on {
}

.post-header .comments {
display: none !important;
}

span.reviewer {
font-weight: 700;
}

.post-meta .cats {
    float: left;
    margin-right: 10px;
}

@media only screen and (max-width: 644px){
.post-meta .cats {
    margin-right: 0px;
	margin-top: 10px;
}
}

.cats a,
.cats a:hover{
font-size: 10px;
padding: 3px 5px;
color: #fff;
background-color: #e41712;
border-radius: 3px;
font-weight: 700;
}

.post-header-b .cat-title {
margin-bottom: 10px !important;
}

.cat-title{
background: none !important;
color: #e41712 !important;
font-weight: 600 !important;
font-size: 13px !important;
margin-top: 0px !important;
margin-left: 0px !important;
padding: 0 0px !important;
position: relative;
margin-bottom: 5px !important;
}

.post-header-b .post-title {
font-size: 42px !important;
font-weight: 700 !important;
line-height: 1.5 !important;
}

/*================ Theme Social Sharing ================*/

.share-links .fa-pinterest,
.share-links .fa-envelope-o,
.share-links .fa-google-plus,
.share-links .fa-tumblr{
display: none !important;
}

.post-share .text {
display: none !important;
}

.share-links {
    float: left !important;
}

/*================ Author Meta ================*/

.post-meta-b .author-img {
display: none !important;
}

.author-box {
display: none !important;
}

/*================ Highlights ================*/

.post-header .post-title{
font-size: 42px !important;
font-weight: 700 !important;
line-height: 1.5 !important;
padding-left: 0;
}

@media only screen and (max-width: 1140px){
.post-header .post-title{
font-size: 36px !important;
}
}


@media only screen and (max-width: 940px){
.post-header .post-title{
font-size: 32px !important;
}
}

@media only screen and (max-width: 799px){
.post-header .post-title{
font-size: 24px !important;
}
}

.post-header .post-title:before {
display: none !important;
}

.highlights .post-title {
padding: 0 !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
font-weight: 700 !important;
}

.highlights .alignleft,
.highlights a img.alignleft {
float: left;
margin: 0 15px 15px 0 !important;
max-width: 156px;
height: auto;
}

/*================ Highlights Featured Image ================*/

img.attachment-main-featured.size-main-featured.wp-post-image {
max-width: 90px !important;
height: auto !important;
}

.post-header .featured {
margin-bottom: 4px !important;
}

/*================ Code / Pre ================*/

code, pre {
padding: 1.857em;
padding-bottom: 1.857em !important;
}

/*================ Footer ================*/

.main-footer .widgettitle {
    margin-bottom: 20px !important;
}

.lower-foot {
background: #111 !important;
}

footer li.widget {
    margin: 25px 0 !important;
}

@media only screen and (max-width: 767px){
.lower-foot .widgets .textwidget {
    padding-top: 20px !important;
}
}

/*================ Tag Cloud ================*/

.widget .tagcloud {
    margin-right: 0px !important;
    margin-bottom: 10px !important;
}

body .widget .tagcloud a {
padding: 3px 4px;
margin-right: 3px;
margin-bottom: 3px;
border: 1px solid #222;
border-radius: 2px;
background: #222;
color: #a0a0a0;
font-size: 9px !important;
letter-spacing: 0.1em;
text-transform: initial;
line-height: 1;
font-weight: 700;
}

/*================ Footer Social ================*/

ul.footer-social-list {
    margin: 0 0 30px 0;
}

.widget ul.footer-social-list li{
display: block !important;
}

.widget ul.footer-social-list li i{
padding-right: 8px !important;
}

footer h6{
	color: #d7dade !important;
}

/*================ Accordians ================*/

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a {
	padding: 20px 20px 20px 46px !important;
}

/*================ Show Hide ================*/

button.bg-showmore-plg-button:before, a.bg-showmore-plg-link:before {
    padding-right: 14px !important;
}

.bg-showmore-plg-link {
    font-weight: 900 !important;
}
.bg-showmore-no-padding-no-margin {
    width: 100% !important;
    padding-left: 25px;
    box-sizing: border-box;
}

/*================ Results ================*/

body.search h2.main-heading {
    color: #333;
    display: inline-block !important;
}

/*================ Show Hide ================*/

.signup-box{
 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.signup-box .left-col {
    background: url(/wp-content/uploads/2019/06/christian-joudrey-65080-unsplash-1024.jpg) no-repeat 90% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 35%;
    box-sizing: border-box;
    border-radius: 5px 0 0 5px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.signup-box .right-col {
    width: 65%;
    padding: 10px 40px !important;
    box-sizing: border-box;
    border-radius: 0 5px 5px 0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.signup-box .right-col h1,
.signup-box .right-col h2,
.signup-box .right-col h4{
	font-weight: 400 !important;
}

.signup-box .right-col h1{
	font-size: 32px !important;
	line-height: 38px !important;
    margin-bottom: -10px !important;
}

.signup-box .right-col h1 a{
	font-weight: 700 !important;
}

.signup-box .right-col h2{
	font-size: 24px !important;
	line-height: 32px !important;
}

.signup-box .right-col p {
    font-size: 14px !important;
    line-height: 25px !important;
}

.signup-box .sc-button {
    padding: 10px 20px !important;
    border-radius: 5px !important;
}

@media only screen and (max-width: 560px){
.signup-box{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.signup-box .left-col {
	background: url(/wp-content/uploads/2019/06/christian-joudrey-65080-unsplash-1024.jpg) no-repeat 90% 67%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 150px;
}
.signup-box .right-col {
	width: 100%;
}
}

.mepr-unauthorized-message {
    border: 1px solid transparent !important;
    background-color: #f5f5f5 !important;
    box-sizing: border-box !important;
    border-radius: 3px !important;
    margin-top: 40px;
    margin-bottom: 10px;
}

.mepr-unauthorized-message  + .mepr-login-form-wrap {
	display: none;
}

.mepr-unauthorized-message:before {
	content: "";
	height: 130px;
	margin-top: -130px;
    margin-left: -32px;
    margin-right: -32px;
	position: relative;
	display: block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/*================ The Lists Pages ================*/

.thumbnails-hitlist .wpb_column.vc_column_container.vc_col-sm-2 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
