/* Overrides of parent css */


/* //////////*/
/* Sitewide */
/* ////////*/

@media only screen and (max-width: 768px) and (min-width: 320px) {
    h1 { 
        font-size: 36px !important;
    }
    h2 { 
        font-size: 20px !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    h1 { 
        font-size: 32px !important;
    }
    h2 { 
        font-size: 20px !important;
    }
    .wsa_dock { /* Hides chat button from mobile view */
        display: none !important;
    }    
}

mark { background-color: #fffdaf; }


.qodef-vertical-align-containers .qodef-position-right:before {
    margin-right: 0 !important;
}

.qodef-content li {
    font-family: Merriweather, serif;
}
.qodef-content .qodef-content-inner {
    padding-bottom: 5em;
}

.qodef-title {
    background-repeat: repeat !important;
    border-bottom: 5px solid #4B535d;
    height: 190px !important;
}
.qodef-title-holder {
    height: auto !important;
}


li:not(.menu-item) { color: #454545;font-size: 16px;line-height: 30px;}
.zmb-dropdown-toggle b { display: none; }
.qodef-footer-top-holder {
    background-color: #4b535d; 
    background-image: url(/wp-content/uploads/2017/07/cream_pixels.png);
    background-position: center 0px;  
    background-repeat: repeat; 
    background-size: auto !important;
}
.qodef-footer-bottom-left .textwidget, .qodef-footer-text .textwidget { font-size: 70%; } 
.qodef-title .qodef-title-holder h1 { line-height: 1.3em !important; }
.qodef-title .qodef-title-holder h1 span {text-shadow: 0 2px 1px rgba(0,0,0,0.3)}
.qodef-btn-solid { background-color: #41AA0E !important; border-color: #41AA0E !important; }
.nav-mobile-badge-link img { max-width: 110px; }
div.qodef-has-background { background-repeat: repeat; }
/* div.qodef-title div.qodef-title-holder { border-bottom: 5px solid #4B535D; } */
div.qodef-title-subtitle-holder-inner { text-align: center; }
div.qodef-title-subtitle-holder-inner h1 span { text-shadow: 0 1px 2px rgba(0,0,0,0.7); }

/* ///////////*/
/* Home page */
/* /////////*/

#qodef-home-app-slider .qodef-slide-element-inner span { text-shadow: 0 1px 1px rgba(0,0,0,0.1)}
#qodef-home-app-slider .qodef-btn { font-size: 16px !important; }
#testimonials-hp .owl-dots { display: none !important }


/* /////////////*/
/* Blog styles */
/* ///////////*/

.qodef-author-social-holder {
    display: none;
}

.qodef-post-info-bottom {
	display: none !important; /* kill the visible tags in posts */
}
.qodef-blog-list-holder div.qodef-item-info-section {
	font-weight: 400;
	font-size: 90%;
}
.qodef-blog-list-holder .qodef-item-info-section>div { padding: 0px !important; }
.qodef-blog-list-holder .qodef-item-info-section>div.qodef-post-info-comments-holder, 
.qodef-blog-list-holder .qodef-item-info-section>div.qodef-post-info-author, 
.qodef-blog-list-holder .qodef-item-info-section>div.qodef-blog-like {
	display: none;
}

.qodef-blog-list-holder .qodef-item-info-section>div:not(:first-child):before {
	content: '' !important;
    left: -5px;
    position: relative;
}

.qodef-blog-list-holder .qodef-item-info-section>div.qodef-post-info-category {
	text-transform: lowercase;
}
.qodef-blog-list-holder .qodef-item-info-section>div.qodef-post-info-category a {
	text-transform: capitalize;
}

.blog-index-categories h5.qodef-item-title  { font-size: 13px }

.blog-index-categories .qodef-item-info-section { display: none; }

.blog-index-categories .qodef-item-image { 
    width: 50% !important;
    height: 80px !important;
}


.blog-must-read  { 
    padding-top: 1em;
 }

 .blog-must-read .entry-image { 
    max-width: 100px;
    float: left;
    margin-right: 0.5em;
 }

.blog-must-read h4 {
    color: #ffffff;
    font-family: Catamaran,sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4em;
}

.blog-must-read h4 a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}



.qodef-blog-type-standard .qodef-post-content {
    clear: both;
    padding-top: 2em;
}

.qodef-blog-type-standard .qodef-post-image {
    width: 20%;
    float: left;
}

.qodef-blog-type-standard .qodef-post-text {
    width: 80% !important;
    float: left;
}

.qodef-blog-type-standard article .qodef-post-info>div { 
    padding-right: 7px !important; 
}

.qodef-blog-holder article .qodef-post-info>div a {
    font-weight: 400 !important;
}

.qodef-blog-holder article .qodef-post-info>div:after {
    content: none !important;
}
.qodef-blog-type-standard .qodef-post-date-inner {
    display: none !important;
}

.qodef-blog-type-standard .qodef-post-excerpt {
    margin-bottom: 0 !important;
}

.qodef-blog-type-standard .qodef-pagination {
    margin-top: 3em;
}

@media (max-width:601px) {
    .qodef-blog-type-standard .qodef-post-image, .qodef-blog-type-standard .qodef-post-text  {
        width: 100% !important;
        float: none;
    }
}

.blog-section-heading p {
    font: bold 100% Poppins, 'san serif';
    color: #454545;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

.blog-section-callout .blog-section-heading p {
    color: #ffffff;
}

.blog-section-callout article {
    border-bottom: none !important;
    clear: both;
}

.blog-section-callout .vc_column-inner {
    border-radius: 0 10px 0px 0;
    box-shadow: -4px 4px 0px #555;
    background-color: #757575;
}

.blog-bonus-content {
    background-color: #f2f2f2;
    border-top: 2px solid #ea722f;
    padding: 0.5em 1.5em 2em 1.5em;
    margin: 2em 0;
}

.blog-bonus-content h6 {
    padding-bottom: 0.5em;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 90%;
    color: #888;
}


.post-article-ad {
    border-radius: 10px; 
    background-color: #f5f5f5; 
    border: 1px solid #d0d0d0; 
    padding: 1em 1.25em; 
}

.post-article-ad h2, .post-article-ad p {
    font-family: Catamaran, sans-serif;
}

.post-article-ad h2 {
    font-size: 22px;
}

.post-article-ad .cta {
    display: block; 
    text-align: center; 
    text-decoration: none; 
    width: 40%; 
    background-color:  #41aa0e; 
    border: 1px solid #adadad; 
    border-radius: 100px; 
    color: #fff; 
    margin: 0 auto;
    padding: 6px 12px; 
    touch-action: manipulation;
}

@media (max-width:480px) {
    .post-article-ad .cta {    
        width: 100%;     
    }
}


/* Sidebar styles */
aside.qodef-sidebar p, aside.qodef-sidebar li {
    font-family: Catamaran, sans-serif;
}

aside.qodef-sidebar .widget.widget_recent_entries a {
    font-weight: normal !important;
}

aside.qodef-sidebar .blog-section-callout.newsletter {
 
    border-radius: 10px;
    border: 1px solid #d0d0d0;
    padding: 1em 1.25em;
}
.blog-section-callout.newsletter h4 {
    border: none !important;
}
.blog-section-callout.newsletter .newsletter-email-field {
    margin-top: 1em;
}
.blog-section-callout.newsletter .btn {
    width: 100%;
    background-color: #41AA0E;
    border-radius: 100px;
    color: white;
}

/* Single blog posts */
.qodef-blog-single article.post .qodef-post-date-inner { display: none }
.qodef-blog-single article.post h5.qodef-post-title  {display: none }

/* Normally I'd reposition these in a child template but they're embedded in the framework, so... */
.qodef-blog-single article.post .qodef-post-info  { position: relative; padding: 0 0 2em 0;}
.qodef-blog-holder article.post .qodef-post-info>div { padding-right: 0; }
.qodef-blog-holder article.post .qodef-post-info-date:after { content: ""; display: none; }
.qodef-blog-single article.post .qodef-post-info-date  { position: absolute; right: 0; }
.qodef-blog-single article.post .qodef-post-info-category  { display: none; }
.qodef-blog-single article.post .qodef-post-info-author  { position: absolute; left: 0; }


/* //////////////////*/
/* Resource Modules */
/* ////////////////*/

/* Pill navigation for smaller screens when nav is collapsed */

.free-resources-pills { display: none;}

.resources-mobile-nav-container { margin: 1em auto; margin-bottom: 0; width: 90%; text-align: center; }
.resources-mobile-nav { list-style-type: none; margin: 0; padding: 0; }
.resources-mobile-nav li { display: inline-block; margin: 0.5em; }
.resources-mobile-nav li a { padding: 0.25em; padding: 0.25em 0.75em; text-align: center; font-family: Catamaran, sans-serif; background-color: #ea722f; color: #fff; border-radius: 100px; }
.resources-mobile-nav li a.current { border: 2px solid #ea722f; background-color: #fff; color: #ea722f; }

@media only screen and (max-width:1024px) {
    .free-resources-pills { display: block; }
}

/* Free Odds */

.container-free-odds  {
	overflow-x: scroll;
	width: 100%;
	height: auto;
    text-align: center;
	-webkit-overflow-scrolling: touch;
} 

.free-resources-container iframe {
	width: 1350px !important;
	max-width: none;
	min-height: 1500px;
} 

.free-resources-container { margin-top: 4.5em; }
@media only screen and (max-width:1024px) {  
    .free-resources-container { margin-top: 2em; }
}

.blog-index-categories .qodef-excerpt { display: none }

.efwp-featured-post { clear: both; }
.efwp-featured-post img.alignleft { margin-right: 10px }
.efwp-featured-post h2.entry-title {font-size: 130%}

/* Injuries */
.module-injuries label { font-weight: bold; color: #333; font-size: 90%; }
.module-injuries div.row { clear: both; }
.module-injuries .alpha { width: 40%; float: left; }
.module-injuries select.form-control { width: 80%; display: block; padding: 0.3em 0.5em; color: #333; }
.module-injuries .omega { width: 55%; float: left; }
.module-injuries input { float: none !important; border: 1px solid #ccc; outline: none; border-radius: 2px; color: #333; width: 40%; font-size: 12px; padding: 0.5em 0.7em; margin: 2em 0 !important; }
.module-injuries input::-webkit-input-placeholder { color: #333; }
.module-injuries input::-moz-placeholder { color: #333; }
.module-injuries input:-ms-input-placeholder { color: #333; }
.module-injuries input:-moz-placeholder { color: #333; }
.module-injuries input.checkbox { width: auto; font-size: 12px; padding: inherit; margin: inherit !important; }
.module-injuries label.checkbox-inline { padding-right: 1em; }

@media (max-width:601px)
{
	.module-injuries .alpha, .module-injuries .omega { width: 100%; float: none; margin-top: 2em; }
	.module-injuries input { width: 80%; } 
}

table.record-table tr th, table.record-table tr td, table.picks-table tr th, table.picks-table tr td { text-align: left }

.best-bet-records a.sportButton, .best-bet-records a.seasonButton {
	margin-right: 1em;
    background-color: #999;
    padding: 0 2em;
    font-size: 12px;
    line-height: 28px;
    display: inline-block;
    position: relative;
    outline: 0;
    text-transform: uppercase;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
	border: 1px solid #999
}

.best-bet-records a.sportButton:hover, .best-bet-records a.seasonButton:hover {
	border: 1px solid #666
}

.best-bet-records a.button-green {
	background-color: #247f15;
	border: 1px solid #247f15;
	cursor: default;
}


nav.qodef-main-menu i.qodef-first-level-icon, nav.qodef-main-menu b.collapse-sign { display: none; }
nav.qodef-main-menu li.menu-item a { color: #ffffff; font-weight: normal;}
nav.qodef-main-menu>ul>li.menu-item>a, nav.qodef-main-menu>ul>li.menu-item>a:hover {  transition: unset;
    webkit-transition: unset;
    moz-transition: unset;}

nav.qodef-main-menu div.second div.inner ul li a {
    border-left-width: 0 !important;
}


nav.qodef-main-menu li.menu-button-utility {
    
}

nav.qodef-main-menu li.menu-button-utility:hover, 
nav.qodef-main-menu li.menu-button-utility:active,
nav.qodef-main-menu li.menu-button-utility:focus,
nav.qodef-main-menu li.menu-button-utility:focus-within,
nav.qodef-main-menu li.menu-button-utility::selection, 
nav.qodef-main-menu li.menu-button-utility a:hover, 
nav.qodef-main-menu li.menu-button-utility a:active,
nav.qodef-main-menu li.menu-button-utility a:focus,
nav.qodef-main-menu li.menu-button-utility a:focus-within,
nav.qodef-main-menu li.menu-button-utility a::selection   {
    background: transparent !important; 
    transition: unset;
    webkit-transition: unset;
    moz-transition: unset;
}

.qodef-main-menu>ul>li.menu-button-utility>a span.item_inner {
    padding: 0 0.5em; 
}

nav.qodef-main-menu li.menu-button-utility a span.fa {
    padding-right: 0.3em;
}
nav.qodef-main-menu li.menu-button-signup > a {   
    border-left: 1px solid #211B17;
}
nav.qodef-main-menu li.menu-button-utility > a {  
    padding-right: 0.5em;
    padding-left: 0.5em;

}


/* ////////////////////////////*/
/* Mobile Menu customizations */
/* //////////////////////////*/

.qodef-mobile-header nav.qodef-mobile-nav .zmb-main-navigation-wrap {
	background-color: transparent;
}

@media (max-width: 960px) {

    .qodef-footer-top .qodef-four-columns-inner .qodef-column {
        display: none;
    }
    .qodef-footer-top .qodef-four-columns-inner .qodef-column:last-child {
        display: block;
        width: 90%;
        margin: 0 2em;
    }
}


@media only screen and (min-width:1024px) and (max-width:1279px) {
    .qodef-main-menu>ul>li > a {font-size: 11px !important;}

    .qodef-main-menu>ul>li.menu-button-utility:hover, .qodef-main-menu>ul>li.menu-button-utility:active {
        background-color: #ea722f;        
    }

    .qodef-main-menu>ul>li.menu-button-utility > a {
        height: 100%;
        margin-top: 0;
    }

    .qodef-main-menu>ul>li.menu-button-utility > a > span.fa {
        padding-right: 0.3em;
    }

    .qodef-main-menu>ul>li.menu-button-signup > a {   
        background-color: inherit;
        margin-right: inherit; 
        margin-left: inherit;
        border-left: 1px dotted #211B17;
        border-left: 1px dotted rgba(33, 27, 23, 0.3)
    }
    .qodef-main-menu>ul>li.menu-button-signup > a:hover, .qodef-main-menu>ul>li.menu-button-signup > a:active { 
        background-color: inherit;
    }

    .qodef-main-menu>ul>li.menu-button-login > a {    
        background-color: inherit; /*
        margin-right: 0;
        margin-left: 0.5em; */
    }
    .qodef-main-menu>ul>li.menu-button-login > a:hover, .qodef-main-menu>ul>li.menu-button-signup > a:active {  
        background-color: inherit;
    }
}

@media only screen and (max-width:1024px) {  /* add mins */

    .zmb-toggle-menu-mobile { display: none !important; }
    .zmb-wrap .zmb-menu > li { display: list-item !important; }
    .zmb-wrap .zmb-menu > li > a { width: 100% !important; padding: 10px 20px !important;}
    .zmb-wrap .zmb-menu > li .sub-menu { display: none !important; }
    .zmb-container .zmb-menu { float: none !important; }

    .zmb-wrap .zmb-menu > li.menu-button-signup > a, .zmb-wrap .zmb-menu > li.menu-button-login > a  {   
        background-color: inherit;
        margin-right: inherit;
        margin-left: inherit;
    }

    .zmb-wrap .zmb-menu > li.menu-button-signup > a:hover, .zmb-wrap .zmb-menu > li.menu-button-signup > a:active, .zmb-wrap .zmb-menu > li.menu-button-login > a:hover, .zmb-wrap .zmb-menu > li.menu-button-signup > a:active { 
        background-color: inherit;
    }

    .zmb-wrap .zmb-menu > li.menu-button-utility > a {
        font-size: inherit;
        padding: inherit;
        margin-top: inherit;
        border-radius: inherit;
    }

    .zmb-wrap .zmb-menu > li.menu-button-utility > a > span.fa {
        padding-right: inherit;
    }

    nav.qodef-mobile-nav > div.qodef-grid { width: 100%; }
    nav.qodef-mobile-nav div.zmb-container-main-navigation { background-color: #3a3633; }

}

/* Page types */
/* Pricing pages */
.pricing-term-tabs .qodef-tabs p:first-child { float: left; width: auto; padding: 0 1em;}
.pricing-term-tabs .qodef-tabs .qodef-tabs-nav { width: auto; margin: 0 auto ;}
.qodef-tabs.qodef-horizontal-tab .qodef-tabs-nav li { margin-right: 1em; }
.qodef-tabs.qodef-horizontal-tab .qodef-tabs-nav li:last-child { margin-right: 0; }
.pricing-term-tabs .qodef-tabs .qodef-tabs-nav a.ui-tabs-anchor { border-radius: 20px; }
.pricing-term-tabs .qodef-tabs .qodef-tabs-nav li a { font-size: 135% }
.pricing-term-tabs #ui-id-six-months::after { content: " - Save \0024"; }
.pricing-term-tabs #ui-id-yearly::after { content: " - Save \0024\0024\0024"; }

@media (max-width:617px) {

    .pricing-term-tabs .qodef-tabs p:first-child { float: none; padding: 0;}

}

@media (max-width:817px) {

    .pricing-term-tabs #ui-id-six-months::after { content: ""; }
    .pricing-term-tabs #ui-id-yearly::after { content: ""; }

}

.qodef-price-table.qodef-active .qodef-active-text { background-color: #41AA0E !important; color: #ffffff !important; }


/* //////////////////////////////////////*/
/*            Product pages             */ 
/* ////////////////////////////////////*/

/* Bet Signals */
.vc_tta-color-sandy-brown.vc_tta-style-flat .vc_tta-tab>a {
    background-color: #e5e5e5 !important;
    color: #757575 !important;
    text-transform: uppercase;
    font-family: Catamaran, sans-serif;
    padding: 0.6em 2.2em !important;
}
.vc_tta-color-sandy-brown.vc_tta-style-flat .vc_tta-tab.vc_active>a, .vc_tta-color-sandy-brown.vc_tta-style-flat .vc_tta-tab>a:focus, .vc_tta-color-sandy-brown.vc_tta-style-flat .vc_tta-tab>a:hover {
    background-color: #ea722f !important;
    color: #fff !important;
}


.vc_tta-color-sandy-brown.vc_tta-style-flat .vc_tta-panels-container {
    border-top: 1px solid #c6c6c6;
}



/* Banner styles */
.banner-resources-top {
    margin: 2em auto 0;
    padding: 1em;
    text-align: left !important;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ccc;
}


/* //////////////////////////////////////*/
/*         Temp for dev purposes        */ 
/* ////////////////////////////////////*/

.ad-space-holder {
    background-color: #e5e5e5;
}

.ad-space-holder p {
    color: #b5b5b5;
    font-family: Arial;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 5em;
    text-align: center;
} 

/* Form styles */

.form-newsletter label {
    display: none !important;
}

.form-newsletter .gform_footer {
    margin: 0 !important;
    padding: 0 !important;
}

.form-newsletter .newsletter-input-email input {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: 'Open sans', sans-serif !important;
    font-size: 14px !important;
    -webkit-appearance: textfield;
}

.form-newsletter input.button {
    width: 100% !important;
    background-color: #41AA0E;
    border: 1px solid #adadad;
    border-radius: 100px;
    color: #fff;
    padding: 6px 12px;
    touch-action: manipulation;
}

.form-newsletter input.button:hover, form.form-newsletter input.button:active {
    background-color: #ccc;
    color: #454545;
    cursor: pointer;
}

.form-newsletter .gform_confirmation_message {
    background-color: #dff0d8;
    color: #3c763d;
    padding: 0.5em 1em;
    margin: 1em 0;
}

.qodef-btn .input-overrides {
	background-color: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 120% !important;
}