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

p, td { 
    font-size: 16px !important;
}

.main-content {
    --c-a: var(--c-main);
    --c-a-hover: #151515;
}

h6 {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    margin-top: 30px !important;
    margin-bottom: 17px !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#wp-submit{
    background-color: #333;
    border: 1px solid #333 !important;
    color: #fff !important;
    border-radius: 3px !important;
}

input.search-submit {
    border: 0 !important;
    color: #fff !important;
    border-radius: 3px !important;
    margin-left: 2px !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 ================*/

.navigation {
    background-color: #ffffff !important;
    border-bottom: 0 !important;
}

.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;
}

.navigation .menu > li > a {
    white-space: nowrap;
}

.navigation .menu > li.featured-group::after {
    content: '';
    background: #e41712;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-4px);
    left: 2px;
}

.navigation .menu > li.featured-group > ul.sub-menu > li > a::after {
    content: 'NEW';
    background: #f8e4e3;
    color: #e41712;
    font-size: 10px;
    font-weight: 700;
    font-family: inherit;
    text-align: center;
    display: block;
    width: 36px;
    height: 16px;
    border-radius: 100vw;
    position: absolute;
    top: 50%;
    transform: translateY(-8px);
    right: 12px;
}

.navigation .menu > li li a {
    padding: 9px 12px !important;
}

@media only screen and (max-width: 1200px) {
    .navigation .menu > li.featured-group::after {
        width: 6px;
        height: 6px;
        transform: translateY(-3px);
        left: 0px;
    }
}

/*================ 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-hov-a .menu > li.header-btn,
.nav-hov-a .menu > li.header-btn-bordered{
    padding-left: 8px !important;
    padding-right: 0px !important;
    height: 70%;
    align-self: center;
}

.nav-hov-a .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;
text-transform: uppercase;
    font-weight: 500;
}

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

.nav-hov-a .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;
    text-transform: uppercase;
    font-weight: 500;
}

.nav-hov-a .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-sidebar 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;
}

/*================ Custom Search Form ================*/




.search_container form {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.search_container .search_filters {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.search_container .search_fields {
    display: flex;
    gap: 4px;
    /* flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem; */
}

.search_container .search_fields input[type=text] {
    flex: 1 1 100%;
}

#customRangeInputs {
    display: flex;
    gap: 4px;
    overflow: hidden;
    transition: height 0.2s ease, opacity 0.2s ease;
    height: 0;
    opacity: 0;
    margin-bottom: 0.5rem;
}

#customRangeInputs > * {
    flex: 1 1 100%;
}

.search_container .advanced_search_link {
    font-size: 14px;
    float: right;
}

/*================ Advanced Search Form ================*/

.hide-search-widget #custom_html-2 {
    display: none;
}

#post-285955 header {
    display: none;
}

#post-285955 .search_container {
    display: none;
}

.advanced_search_container .advanced_search_fields {
    margin-top: 6rem;
    position: relative;
}

.advanced_search_container .advanced_search_fields::before{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(6rem / 2 * -1);
    border-top: 1px solid #e8e8e8;
}

.advanced_search_container .advanced_search_fields form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 2rem 0 1rem;
}

.advanced_search_container .advanced_search_fields form input[type='submit'] {
    margin: 2rem 0 0;
    max-width: 150px;
}

.advanced_search_container input:not(input[type="checkbox"]),
.advanced_search_container textarea,
.advanced_search_container select {
    min-height: 40px;
}

.search_columns {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.search_columns > * {
   flex: 1 1 calc(50% - 0.5rem);
}

.search_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 2rem;
}

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

/* #post-234735 .page-content h2 {
    font-size: 2em !important; 
} */

.block-head .heading {
    background: transparent !important;
}

.home-post-list a {
    color: #e41712;
}

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

.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: 14px !important;
line-height: 22px !important;
/* text-align: justify; */
}

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

@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;
}

.custom-deal-excerpt {
    margin-top: 14px;
}

.industry-categories {
    column-count: 2; 
    column-gap: 1rem;
}

.industry-categories p.post-title {
    margin-bottom: 1rem;

}

@media (max-width: 550px) {
    .industry-categories {
        column-count: 1;
    }
}


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

.the-post {
    --ul-style: disc;
    --ul-margin: calc(var(--post-content-gaps) + .26em) auto;
    --ul-ml: 35px;
    --ul-ml-xs: 15px;
    --li-pl: 3px;
    --li-mb: 0.44em;
}

.the-post li {
    font-size: 16px;
}

.post-header h1.post-title {
   padding-left: 0;
}

.post-header .post-meta.cf {
    flex-direction: row-reverse;
    justify-content: flex-end;
    font-size: 11px;
    text-transform: uppercase;
    padding: 10px 0;
    border: 1px solid #d9d9d9;
    border-left: 0;
    border-right: 0;
    margin-top: 21px;
    overflow: hidden;
}

section.related-posts .media {
    display: none;
}

.post-share-bot {
    border-top: 1px solid #d9d9d9;
    padding: 28px 0 !important;
    margin-top: 28px !important;
    overflow: hidden;
}

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

.post-share-bot .share-links {
    justify-content: flex-start !important;
}

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

span.posted-on {
}

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

.main-content table {
    width: 100%;
}

.main-content .category-film-news table {
    width: auto;
}

.main-content table th {
    white-space: nowrap;
    width: 1%;
}

.main-content table th.narrow-cell {
    width: 75px;
}

.main-content table td.filmcrew {
    background: rgba(var(--c-rgba), 0.05);
    font-weight: 700;
}

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;
}

.tag-wrapper {
    border-top: 1px solid #d9d9d9;
    padding-top: 28px;
    margin-top: 56px;
}

.tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.tags-list > a {
    font-size: 10px;
    padding: 3px 5px;
    color: #fff;
    background-color: #e41712;
    border-radius: 3px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.tags-list > a:hover {
    color: #fff !important;
}


/*================ Search Results ================*/
section.block-wrap.block-posts-list.mb-none .media{
    display: none;
}

/*================ 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;
}

.main-footer .textwidget a {
    color: #dfdfdf !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: 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;
}


/*================ Memberpress Page ================*/

article.memberpressproduct .post-header .post-meta.cf {
    display: none;
}

#mepr-account-welcome-message > h1 {
    margin: 2rem auto 0.5rem;
}

#mepr-account-nav {
    display: flex;
    border-bottom: 1px solid #e2e2e2;
}

#mepr-account-nav .mepr-nav-item {
    background-color: #efefef;
    padding: 4px 12px !important;
}

#mepr-account-nav .mepr-nav-item > a {
    color: #444444;
} 

#mepr-account-nav .mepr-active-nav-tab {
    background-color: var(--c-main);
}

#mepr-account-nav .mepr-active-nav-tab > a {
    color: #ffffff;
}

.mp-form-row .mp-form-label {
    font-size: 14px;
}

.mp-form-row input,
.mp-form-row select {
    padding: 16px !important;
    height: auto;
    background-color: #fbfbfb;
    border: 1px solid #ebebeb !important;
    border-radius: 8px !important;
}

input.mepr-submit {
    border: 0 !important;
}

@media (max-width: 500px) {
    #mepr-account-nav .mepr-nav-item > a {
        font-size: 13px;
    } 
}


/*================ Memberpress Subscription Table ================*/

#mepr-account-subscriptions-table {
    border: none;
}

/* Hide original table headers */
#mepr-account-subscriptions-table thead {
    display: none;
}

/* Display table rows as block to stack them vertically */
#mepr-account-subscriptions-table tbody tr {
    display: block;
    padding: 0px;
    border: none;
}

/* Set each cell to display as block, essentially making them stack vertically */
#mepr-account-subscriptions-table td {
    display: block;
    text-align: left;
    padding: 12px;
}

/* Bold the 'data-label' to mimic a header-like appearance */
#mepr-account-subscriptions-table td:before {
    font-weight: bold;
    content: attr(data-label) ": ";
    display: inline-block;
    margin-right: 10px;
    color: #333;
}

/* Style adjustments for a cleaner look */
.mepr-account-table {
    width: 100%;
    border-collapse: collapse;
}

.mepr-account-table td,
.mepr-account-table th {
    padding: 8px;
    text-align: left;
    border-top: 1px solid #ddd;
}

/* Special handling for empty cells to maintain layout integrity */
#mepr-account-subscriptions-table td:empty {
    display: none;
}

/* Enhancing visibility for action links */
.mepr-account-actions a {
    color: var(--c-main);
    text-decoration: none;
}

.mepr-account-actions a:hover {
    text-decoration: underline;
}



/*================ Links & Examples Page ================*/

h1.page-title {
    font-size: 42px !important;
}

.links-content {
    display: flex;
    flex-direction: column;
    /* gap: 1.5rem; */
    /* margin-top: 2rem; */
}

.link-group {
    padding: 2rem 0;
    border-bottom: 1px solid #E2E3E4;
}

.links-content .link-group:last-child {
    border-bottom: none;
}

.link-group h3 {
    margin-bottom: 0.5rem;
}

.link-columns ul {
    column-count: 2;
    column-gap: 20px;
    list-style: none;
    padding-left: 1em;
}

.link-columns li {
    font-size: 16px;
    position: relative;
    break-inside: avoid;
}

.link-columns li:before {
    content: "•";
    color: var(--c-a, var(--c-links));
    position: absolute;
    left: -1em; /* Adjust with ul to align bullets */
    top: 0;
}

@media (max-width: 550px) {
    .link-columns ul {
        column-count: 1;
    }
}


/*================ Competitions Page ================*/

.competitions-wrapper {
    margin-bottom: 4rem;
}

.competition-card {
    display: flex;
    gap: 2rem;
    padding: 2rem 0;
    border-bottom: 1px solid #E2E3E4;
}

.competition-card:last-child {
    border-bottom: none;
}

.competition-card a {
    flex: 0 0 250px;
    aspect-ratio: 16/9;
}

.competition-card a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    box-shadow: 0 1px 10px #00000015;
    overflow: hidden;
    border-radius: 4px;
}
.cometition-deadline {
    margin-bottom: 2rem;
}

.tb-button {
    border: 1px solid transparent !important;
    background-color: #e41712;
    color: #fff !important;
    padding: 10px 10px !important;
    border-radius: 3px;
    box-sizing: border-box !important;
    font-weight: 500;
}

@media (max-width: 550px) {
    .competition-card {
        flex-direction: column;
    }

    .competition-card a {
        flex: 1 1 100%;
    }
}