/*
Theme Name: Bettors Nation
Theme URI: https://www.bettorsnation.com
Description: Custom Responsive WordPress Theme for Bettors Nation. Development by Craig Smith, a Dallas based web designer specilaizing in Custom WordPress Sites.
Author: Craig Smith
Author URI: http://www.webbernaut.com/
Version: 1
*/

@import url("css/foundation.min.css");
@import url("css/font-awesome.min.css");
/*@import url("css/animate.min.css");*/

/* Colors
gold #fdcf70
*/

body, html{font-family: 'Open Sans', sans-serif;}

/* ============Generic Classes=========== */
.clear {clear:both;}
.floatright{float:right;}
.floatleft {float:left;}
.alignleft {display: inline;float: left;margin-right: 1.625em;}
.alignright {display: inline;float: right;margin-left: 1.625em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.editentry{width:120px; display:block; clear:both;}
.editentry a{color:#444;}
noscript{width:100%; padding:5px; background:yellow; height:35px; text-align: center; position:absolute; z-index:1000;}

/* Links */
a {color: #d8a335; text-decoration: none;}
a:focus, a:active, a:hover {text-decoration: none; color: #000;}
a button{cursor: pointer;}
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.625em;}
.full-width{clear:both; width:100%;}

/* Button over ride */
.pmpro_btn-submit-checkout, .wpcf7-submit{border:0; padding:15px;}
.button-primary, .button, .pmpro_btn-submit-checkout, .wpcf7-submit {
    background-color: #fdcf70 !important;
    color: #0a0a0a !important;
    font-weight:bold !important;
}
.button-primary:focus, .button:focus, .wpcf7-submit:focus, .wpcf7-submit:hover, .pmpro_btn-submit-checkout:focus, .pmpro_btn-submit-checkout:hover, .button:hover, .button-primary:hover {
    background-color: #efb640 !important;
    color: #0a0a0a !important;
}

#pmpro_paypalexpress_checkout input{
    background:none !important;
}
#pmpro_paypalexpress_checkout input:focus, #pmpro_paypalexpress_checkout input:hover{
    background-color:none !important;
}

.button-secondary {
    background-color: #000 !important;
    color: #fff !important;
    font-weight:bold !important;
}
.button-secondary:focus, .button-secondary:hover {
    background-color: #444 !important;
    color: #fff !important;
}
.small-button {
    display: inline-block;
    margin: 0;
    text-decoration: none;
    background: #fdcf70 !important;
    padding: 5px 10px !important;
    border: none;
    border-radius: 8px !important;
    color: #000 !important;
}
.small-button:hover {
    background-color: #efb640 !important;
    color:#000 !important;
}
.transparent-button {
    display: inline-block;
    margin: 0;
    text-decoration: none;
    padding: 5px 10px !important;
    border-radius: 8px !important;
    color: #000 !important;
    background:transparent !important;
    border:1px;
}
.transparent-button:hover {
    background:#444 !important;
    color:#fff !important;
}
.tml-label{margin:0;}

/* ============Header=========== */
#headerwrapper{background:url(images/starbg.jpg) center center #000; background-size: cover; padding:25px 0; border-bottom:solid 4px #fdcf70;}
#headerwrapper.vegas{#000; min-height:500px;}

/* ============Menus=========== */
#menubtn{display:none;}
#access {float:right;}
#access ul {font-size: 13px; list-style: none; padding:0; margin:0; margin-top:15px;}
#access li {float: left; position: relative;}
#access a {color: #fff; display: block; line-height: 3.333em; padding: 0 .90em; text-decoration: none; text-transform: uppercase;}
#access ul ul {padding-left:0;display: none;float: left;margin: 0;position: absolute;top: 3.333em;left: 0;width: 188px;z-index: 99999;}
#access ul ul ul {left: 100%;top: 0;}
#access ul ul a {background: #f9f9f9;border-bottom: 1px dotted #ddd;color: #444;font-size: 13px;font-weight: normal;height: auto;line-height: 1.4em;padding: 10px 10px;width: 168px;}
#access li:hover > a, #access ul ul :hover > a, #access a:focus {background: #efefef; border-radius: 5px;}
#access li:hover > a, #access a:focus {background: #f9f9f9; color: #373737;}
#access ul li:hover > ul {display: block;}
#access .current_page_item > a, #access .current_page_ancestor > a {font-weight: bold; text-decoration: underline;}

#access .button-primary{border-radius:5px;}
#access .button-primary a{color:#000;}

#access .button-primary a:hover{border-radius:5px; background-color: #efb640 !important;}

/* ============Home=========== */
#intro{color:#fff; text-shadow: 1px 2px 2px #000;}
#we_are{background:#000; min-height:500px; color:#fff; padding-top:45px;}
#signup_form {background:#272727; padding:15px 25px; border-radius:5px; font-size:14px; line-height: 14px;}
#signup_form .fa{color:#fdcf70; font-size:52px;}
#signup_form label{font-size:18px;}
.form_links, .form_links a{color:#888;}

#picks_details{background:url(images/starbg.jpg) center center no-repeat #000; background-size:cover; color:#fff; padding:25px 0; border-top:solid 1px #fdcf70; border-bottom:solid 1px #fdcf70;}

.starsystem{.width: 75%; margin: 0 auto; position: relative;}
.starsystem .columns.large-2{text-align:right;}
.starsystem .columns {padding:0 5px 0 5px;}

#packages{padding:45px 0; min-height:500px; clear:both; color:#fff; font-size:14px;}
#packages .columns{padding:35px 70px; min-height:600px;}
#packages h5{font-weight:bold; color:#fdcf70; font-size:26px; line-height: 30px;}
#packages .columns li{font-size:14px;}

#season_pass{background:url(images/redbanner.png) top center no-repeat;}
#all_access{background:url(images/blackbanner.png) top center no-repeat;}
#limited_time{background:url(images/bluebanner.png) top center no-repeat;}

/* ============Content=========== */
#content-wrapper{padding:55px 0; background-size: cover; min-height:500px;}
#content-wrapper{background:url(images/pickhistorybg.jpg) repeat !important;}
#content{border-radius:8px; background:#f1f1f1; padding:15px 25px; }
table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: inherit;
}

#pmpro_form .pmpro_checkout h3{margin:0;}
#packages .columns{max-width:400px; }

/* ============Stats API=========== */
#carouselwrapper{background:#3a3a3a; padding:0 25px; overflow:hidden; width:100%; border-bottom:solid 4px #000; position: relative; max-height:177px;}
#carousel{width:95%; margin:0 auto; overflow:hidden; position: relative;}
#carouselwrapper .fa-chevron-right {
    position: absolute;
    right: 15px;
    top: 44%;
    color: #000;
    font-size: 35px;
    z-index: 10000;
    cursor: pointer;
}
#carouselwrapper .fa-chevron-left {
    position: absolute;
    left: 15px;
    top: 44%;
    color: #000;
    font-size: 35px;
    z-index: 10000;
    cursor: pointer;
}
#stats_api{color:#fff; font-size:12px; opacity: 0;}
#stats_api{background:#3a3a3a; min-height:177px; max-height:177px; padding:25px 0;}
.stats-data{float:left; background:#000; padding:5px; margin-right:12px;}
#stats_api li, #stats_api ul{margin:0; padding:0; list-style: none; text-align:center;}
#stats_api ul{padding:10px; background:#000; margin-right:5px; float:left;}
.sportslabel{margin-bottom:10px;}
.sportwrapper {
    float: left;
    margin-right:20px;
}

#stats_api img{max-width:25px;}
#stats_api .team-home{margin-right:10px;}
#stats_api .team-home, #stats_api .team-away{float:left;}
.sportlabel{
    display: block;
    text-align: left;
    text-transform: uppercase;
}
.scoreLabel_content{float:left;}

.cscore_logo, .cscore_name, .cscore_team{float:left; margin-right:5px;}
.cscore_score{float:right; margin-left:25px;}

.cscore_item{clear:both; margin-bottom:8px !important;}

/* ===========Paid Membership Pro=========== */
#pmpro_account-edit-profile{display:none;}
#pmpro_account-change-password{display:none;}
#pmpro_account-profile{display:none;}
tr .pmpro_actionlinks a {
    display: inline-block;
    margin: 0;
    text-decoration: none;
    background: #fdcf70;
    padding: 5px 10px !important;
    border: none;
    border-radius: 8px;
    color: #000;
}

.pmpro-body-level-required #content{border-radius:0px; background:transparent; padding:0;}
.pmpro-body-level-required #content #packages{background:none;}
.pmpro-body-level-required #content .pmpro_btn, .pmpro_btn:link, .pmpro_content_message a, .pmpro_content_message a:link {border:0; background:transparent;}
.pmpro-body-has-access #content{border-radius:8px; background:#f1f1f1; padding:15px 25px;}

/* ============Sidebar=========== */
#mce-success-response{display:block; margin-bottom:15px;}
#s{width:85%; float:left; height:35px;}
#searchsubmit{width:15%; float:left; height:35px;}
#sidebar{padding:15px; border-radius:8px; background:#f1f1f1;}
.widget-title {color: #000; font-weight: 300; font-size: 18px;}
#sidebar h3, h3.widget-title {color: #000;}
.widget-container {margin: 0px 0 20px 0;}
.widget-area a:active, .widget-area a:hover {text-decoration: none; color: #000;}
.widget_search {border-bottom:none;}

/* ============Theme my login plugin=========== */
#theme-my-login #content-wrapper{min-height:620px;}
#theme-my-login #content-wrapper #content{width:75%; margin:0 auto; padding:40px;}
.tml ul, .tml li{margin:0; padding:0;}
.tml li{list-style: none;}
li.tml-message{padding:10px;}
/* Button over ride */
.tml-button {
    background-color: #fdcf70 !important;
    color: #0a0a0a !important;
    font-weight:bold !important;
    border:0;
    padding:10px 15px;
}
.tml-button:focus, .tml-button:hover {
    background-color: #efb640 !important;
    color: #0a0a0a !important;
}
.tml-action-confirmaction .success, .tml-error, .tml-message, .tml-success {
    background:#fff;
}
 li.tml-message {margin-bottom:15px;}

/* ============Blog=========== */
#nav-below{margin:25px 0;}
.nav-previous{float:left;}
.nav-next{float:right;}
.entry-meta{margin:15px 0;}

.pagination{margin-top:45px;}
.pagination .current{background:#2f4f76;}
.pagination a, .pagination span{float:left;}
.pagination h2{font-size:14px; text-transform: none;}

/* ============Footer=========== */
#footer{background:url(images/footerbg.jpg) no-repeat bottom center #252a40; background-size: cover; padding:25px 0; color:#fff; clear:both; border-top:solid 2px #fdcf70;}
#copyright, #copyright a{color:#fff; font-size:12px; text-align:center;;}
#toplink{font-size:25px; color:#444; font-weight:bold; line-height: 23px; text-align:center; background:#fdcf70; padding:15px; height:55px; width:55px; border-radius: 50%; position:fixed; bottom:100px; right:10px; cursor: pointer; display: none;}

/* ============Comments=========== */
#commentform input{margin-bottom:5px;}
#commentform input[type=submit]{margin-top:10px;}
.avatar{float:left; margin-right:5px;}
.comment-meta{clear:both;}
.comment-list{padding-left:10px;}
h3#reply-title {margin: 10px 0;}
h3#comments-title, h3#reply-title {color: #000; font-size: 20px; margin-bottom: 5px; margin-top:30px; font-style: normal; font-weight: 300; text-align: left;}
#respond {margin:0;overflow: hidden;position: relative;}
#respond label {color: #A7A9AC;font-size: 14px; font-weight: 300;}


/*=============>>TABLET<<=============*/
@media only screen and (min-width:768px) and (max-width:1024px) {
    #menubtn{display: block; border-bottom:solid 1px #555;}
    #access {width: 100%; position: relative; background:#444; border-bottom: 0; margin-top:15px;}
    #access ul {display: none; background:#000; z-index:1001;}
    #access li {position:relative; line-height:40px; width:100%; border-bottom:1px solid #555;}
    #access a {color: #fff; display: block; text-align: center; text-decoration: none; font-size:16px;}
    #access ul ul{width:100%; position:relative; float:none;}
    #access ul li ul li{display: block; position:relative; text-align:center; line-height:40px; width:100%;}
    #access ul ul a{text-align: center; width:100%; font-size:18px; text-transform: none; background:#7C2B36;}
    #content-wrapper #content{width:90%; margin:0 auto; float:none;}
    #packages .columns{max-width:400px; margin:0 auto; float:none; padding: 35px 60px;}
}

/*=============>>MOBILE<<=============*/
@media only screen and (max-width:668px) {
    #menubtn{display: block; border-bottom:solid 1px #555;}
    #access {width: 100%; position: relative; background:#444; border-bottom: 0; margin-top:15px;}
    #access ul {display: none; background:#000; z-index:1001;}
    #access li {position:relative; line-height:40px; width:100%; border-bottom:1px solid #555;}
    #access li:last-of-type{border-bottom:0;}
    #access .button-primary{border-radius:0;}
    #access a {color: #fff; display: block; text-align: center; text-decoration: none; font-size:16px;}
    #access ul ul{width:100%; position:relative; float:none;}
    #access ul li ul li{display: block; position:relative; text-align:center; line-height:40px; width:100%;}
    #access ul ul a{text-align: center; width:100%; font-size:18px; text-transform: none; background:#7C2B36;}

    #logo{display: block; text-align: center; margin: 0 auto; float:none;}
    #headerwrapper{padding:25px 0 0 0;}
    #content-wrapper{padding-top:0; padding-bottom:0;}
    #content, .pmpro-body-has-access #content{border-radius:0;}
    .page-template-freepicks-signup #signup_form {width:100% !important;}
    .column.sidebar{padding:0;}
    #sidebar{border-radius:0;}

    #content-wrapper{background:none;}
    #packages .columns{max-width:400px; margin:0 auto; float:none;}

    /* ============Theme my login plugin=========== */
    #theme-my-login #content-wrapper{min-height:auto;}
    #theme-my-login #content-wrapper #content{width:100%; padding:20px;}
}

@media only screen and (min-width:669px) and (max-width:767px) {
    #menubtn{display: block; border-bottom:solid 1px #555;}
    #access {width: 100%; position: relative; background:#444; border-bottom: 0; margin-top:15px;}
    #access ul {display: none; background:#000; z-index:1001;}
    #access li {position:relative; line-height:40px; width:100%; border-bottom:1px solid #555;}
    #access li:last-of-type{border-bottom:0;}
    #access .button-primary{border-radius:0;}
    #access a {color: #fff; display: block; text-align: center; text-decoration: none; font-size:16px;}
    #access ul ul{width:100%; position:relative; float:none;}
    #access ul li ul li{display: block; position:relative; text-align:center; line-height:40px; width:100%;}
    #access ul ul a{text-align: center; width:100%; font-size:18px; text-transform: none; background:#7C2B36;}

    #packages .columns{max-width:400px; margin:0 auto; float:none;}
}


.horizontal-ad-container img{padding:25px 0; margin:0 auto; display:block; text-align: center;}
#packages .columns.vertad{padding:0;}
#packages .columns.vertad img{margin:0 auto; display:block; text-align: center; max-height:567px;}

.ctct-form-header{font-size:24px !important} .ctct-form-header:before{content:"\f003"; font-family:'FontAwesome'; margin-right:8px;} #signup_form{min-height:300px} .ctct-form-label{font-size:12px !important;} div.ctct-form-embed form.ctct-form-custom div.ctct-form-field{margin:0 !important;} .ctct-form-text{font-size:14px !important;}