/*
Theme Name: CardPlayerLA Custom Theme
Theme URI: https://www.cardplayerla.com/
Author: CardPlayerLA
Author URI: https://www.cardplayerla.com/
Description: CardPlayerLA Custom Theme is a clean, responsive WordPress theme designed for gaming blogs, poker communities, and card strategy platforms. It features modern layouts, tournament showcases, player profiles, blog integration, and multilingual support to help enthusiasts connect and share insights.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cardplayerla-custom-theme
Tags: Gaming, poker, cards, community, blog, responsive, custom-theme
*/



body{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
* {
    box-sizing: border-box;
}
.cardplayerla-content-area {
    font-size: 16px;
    line-height: 24px;
    padding: 15px;
    margin: 0px;
    background-color: white;
}

.container
{
    max-width: 1200px;
    width: 100%;
    margin: auto;
    padding: 0 20px;
}

.cardplayerla-content-area h1 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
}

.cardplayerla-content-area h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}

.cardplayerla-content-area h3 {
    font-size: 25px;
    font-weight: bold;
    line-height: 35px;
   
}

.cardplayerla-content-area h4 {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    
}

.cardplayerla-content-area h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
 }

.cardplayerla-content-area h6 {
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
   
}

.cardplayerla-content-area ol li {
    list-style: decimal;

}

.cardplayerla-content-area ul li {

    list-style: disc;
}

.cardplayerla-content-area ol,
.cardplayerla-content-area ul {
    box-sizing: border-box;
    padding-left: 30px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 10px 0 !important;

}

.cardplayerla-content-area table {

    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cardplayerla-content-area td {
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 16px;
}

.cardplayerla-content-area dl {
    margin: 20px;
    padding: 0;
    font-family: Arial, sans-serif;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.cardplayerla-content-area dt {
    font-weight: bold;
    margin: 10px 0 5px;
    padding: 10px;
    background-color: #eee;
    border-bottom: 1px solid #ddd;
}

.cardplayerla-content-area dd {
    margin: 0 0 10px 20px;
    padding: 10px;
    border-left: 2px solid #ddd;
    background-color: #fff;
}


.cardplayerla-content-area li {
    line-height: 30px;
}



.cardplayerla-content-area table {
    margin: 25px 0;
    border-collapse: collapse;
    width: 100%;
}

th {
    border: 1px solid #ccc;
}


.accordionButton h3 {
    font-weight: 700 !important;
}

.custom-logo {
    margin: 0px auto;
    display: block;
    padding: 10px 0;
}
@media only screen and (max-width: 579px) {
	   .cardplayerla-content-area table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/*—-------------------------------------------------------*/
@media only screen and (max-width: 991px) {

    
    .table-auto {
        overflow-x: scroll;
        width: 100%;
    }


    *:not(.simulator) {
        scrollbar-width: thin;
    }

    

}


/*AUTHOR SECTION START*/
.main-title{
    text-align:left;
}
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
   background: #F2F2F2;
    border-radius: 10px;
    padding: 10px;
    
}
.author_imag img {
    width: 60px;
    min-width:60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
.name_author_out {
    display: flex;
}
.name_author_out span.lbl {
    margin-right: 5px;
}
.name_author_out h4 {
    margin: 0;
    color: #000;
    line-height: 24px;
    font-size: 18px;
    font-weight: normal;
}
.name_author_out p{
margin:0 !important;
}
 
 
/*AUTHOR SECTION And Page START*/
 
.main-title {
    text-align: left;
}
 
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
}
 
.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
 
.name_author_out {
    display: flex;
    align-items: center;
}
 
.name_author_out span.lbl {
    margin-right: 5px;
}
 
.name_author_out h4,
.name_author_out p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
 
.name_author_out a p {
    font-weight: 600;
    font-size: 16px;
}
 
.name_author_out a:hover p {
    color: #ea0101;
}
 
.modifyDetails {
    background: #F2F2F2;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 20px;
}
 
.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
 
.author_imag {
    line-height: 0;
}
 
.name_author_out {
    display: flex;
}
 
.name_author_out span.lbl {
    margin-right: 5px;
}
 
.name_author_out a {
    color: inherit;
}
 
/*Author Page css*/
.header-profile-details h2 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}
 
.profile-header-container {
    display: flex;
    align-items: center;
    gap: 30px;
}
 
.header-avatar-container img {
    padding: 0;
    border: 0;
    width: 75px;
    height: 75px;
    object-fit: cover;
}
 
.header-profile-details h2 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}
 
.profile-fields-group.profile-fields-group-1 {
    border: 1px solid #eee;
    margin: 1.5rem 0 0;
    padding: 15px 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    letter-spacing: 1px;
}
 
.profile-fields-group.profile-fields-group-1 h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #000;
    font-size: 25px;
    font-weight: 600 !important;
}
.home-page.author-box-wrapper {
    padding: 30px 0;
    box-shadow: none;
    background-color: #fff;
}
 
.author-f-name .label, .author-description-name .label {
    font-weight: 600 !important;
    font-size: inherit;
    line-height: inherit;
    background: transparent;
    color: inherit;
    padding: 0px;
}
 
.author-f-name {
    display: flex;
    gap: 15px;
    font-size: 20px;
}
 
.author-description-name {
    margin-top: 20px;
    font-size: 20px;
}
.name_author_out a:hover,
.name_author_out a:hover p {
    color: #000 ;
    text-decoration-color: #000 ;
}
 
/*AUTHOR SECTION And Page END*/


* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

body {
    background: none;
    background-color: #d6d6d6;
}

#page-wrap {
    max-width: 970px;
    width: 100%;
    margin: auto;
    padding: 0px;
    background: none;
}

.menu-principal-container {
    height: unset;
}
.campaign-list-item.brand_table_custom_cl 
{
    box-sizing: border-box;
    border: 4px solid #c03633;
}
.campaign-list-item,
{
	box-sizing:border-box;
	background:#d1cfcfcc;
}
.campaign-list-item_key-features ul 
{
	list-style:none !important;
	padding:0;
}
a.campaign-list-item_cta-btn.coupon_code_disabled
{
    text-decoration: none;
}
.campaign-list-item_cta-btn,.campaign-list-item_cta-btn:hover 
{
    background: #c03633 !important;
	color:#fff;
}
.campaign-list-item_key-features p
{
	margin:0;
}
.menu-principal-container ul li {
    float: none;
    position: relative;
}



header#main_header {
    box-sizing: border-box;
    max-width: 980px;
    width: 100%;
    margin: auto;
    background-color: #c03633;
}

header#main_header #logo {
    background-color: unset;
}

#nav_principal {
    position: relative;
    background-color: #242424;
}

#toggle {
    display: none;
    width: 28px;
    height: 23px;
    position: absolute;
    top: 10px;
    right: 20px;
}

#toggle div {
    width: 100%;
    height: 5px;
    background: #c0c0c0;
    margin: 4px auto;
    transition: all 0.3s;
    backface-visibility: hidden;
}

#toggle.on .one {
    transform: rotate(45deg) translate(5px, 5px);
}

#toggle.on .two {
    opacity: 0;
}

#toggle.on .three {
    transform: rotate(-45deg) translate(7px, -8px);
}

ul#menu-principal {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

ul.sub-menu {
    display: none;
    position: absolute;
    left: 0px;
    background-color: #242424;
}

.menu-item-has-children:hover ul.sub-menu {
    display: block;
}

.menu-item-has-children::after {
    content: "\f078";
    font-family: "FontAwesome";
    margin-left: 5px;
    color: #c0c0c0;
    position: absolute;
    top: 6px;
    right: 0px;
}

li h2 {
    display: inline-block;
}

.post_title_onlist.medium a {
    font-size: 1.33em;
    line-height: 40px;
}

.page_content_con {
    padding: 15px;
    margin: 0px;
    background-color: white;
}

.aligncenter {
    display: block;
    margin: 15px auto;
}

.page_content_con table {
    margin: 15px 0px;
    border-collapse: collapse;
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

.page_content_con th,
.page_content_con td {
    border: 1px solid #242424;
    padding: 15px;
}

.page_content_con h1 {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
}

.page_content_con h2 {
    font-size: 27px;
    line-height: 40px;
}

.page_content_con h3 {
    font-size: 24px;
    line-height: 40px;
}

.page_content_con h4 {
    font-size: 22px;
    line-height: 40px;
}

.page_content_con h5 {
    font-size: 20px;
    line-height: 40px;
}

.page_content_con h6 {
    font-size: 18px;
    line-height: 40px;
}

.page_content_con p,
.page_content_con li,
.page_content_con th,
.page_content_con td {
    font-size: 16px;
    line-height: 25px;
    margin: 10px 0px;
}

.page_content_con ol {
    list-style-position: inside;
}

.page_content_con ul {
    list-style: disc;
    list-style-position: inside;
}

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
/*     font-size: 16px;
    line-height: 25px; */
}

#copy p {
    font-size: 14px;
    padding: 10px;
}


.campaign-list-item {
    background: #fff;
}

.campaign-compact-table__offers-wrapper .campaign-compact-table__offer td {
    border: 0;
}

.campaign-list-item_key-features ul, td.campaign-compact-table__offer-key-features ul, .toplist-poker__filter, .toplist-poker-v2__offer-key-features ul, .toplist-poker-compact__offer-key-features ul, .toplist-flagship-crypto__offer-key-features ul, .toplist-cardplayer__offer-inner .toplist-cardplayer__offer-key-features, .dw-toplist-sp__offer-main .dw-toplist-sp__offer-key-features, .dw-toplist-ct__offer-features .dw-toplist-ct__offer-key-features, .toplist-99bitcoins__offer .toplist-99bitcoins__offer-key-features, .toplist-99bitcoins-poker__offer .toplist-99bitcoins-poker__offer-key-features { 
   padding-left: 0;   
}

.toplist-tech__offer-inner .toplist-tech__offer-cta-btn {
    color: #0077CC;
}

.campaign-list-item .campaign-list-item_cta-btn, .campaign-fullwidth-shortcode_item_face-wrapper .slider-item_cta-button, .toplist-poker-v2__offer-buttons .toplist-poker-v2__offer-cta-btn, .toplist-poker-compact__offer-extra .toplist-poker-compact__offer-cta-btn, .toplist-flagship-crypto__offer-sidebar .toplist-flagship-crypto__offer-visit-link, .toplist-outlook-india__offer .toplist-outlook-india__offer-cta-btn, .toplist-poka__offer-cta-w-payments .toplist-poka__offer-cta-btn, .toplist-cardplayer__offer-actions .toplist-cardplayer__offer-cta-btn, .toplist-rivertimes__offer 
 a.toplist-rivertimes__offer-cta-btn {
    color: #fff;
}


.campaign-list-item .campaign-list-item_key-features ul li, .campaign-compact-table__offer .campaign-compact-table__offer-key-features li, .toplist-poker-v2__offer-body .toplist-poker-v2__offer-key-features li, .toplist-poker-compact__offer-body .toplist-poker-compact__offer-key-features li, .toplist-flagship-crypto__offer-main .toplist-flagship-crypto__offer-key-features ul li, tr.campaign-compact-table__offer .campaign-compact-table__offer-key-features li, .dw-toplist-sp__offer-main .dw-toplist-sp__offer-key-features li, .dw-toplist-ct__offer-features .dw-toplist-ct__offer-key-features li, .toplist-99bitcoins__offer .toplist-99bitcoins__offer-key-features li, .toplist-99bitcoins-poker__offer .toplist-99bitcoins-poker__offer-key-features li {
    list-style: none;
}

.toplist-poker__offer-cta-wrapper .toplist-poker__offer-cta-btn, .toplist-ct__offer-actions .toplist-ct__offer-cta-btn {
    color: #0B062B;
}

.toplist-poker-compact__offer-extra .toplist-poker-compact__offer-rakeback {
    display: none;
}



@media only screen and (max-width: 1050px) {

    .menu-left,
    .menu-right {
        display: none;
    }
}

@media only screen and (max-width: 991px) {

    .menu-principal-container {
        display: none;
        position: absolute;
        top: 50px;
        width: 100%;
    }

    .menu-principal-container ul li {
        float: none;
    }

    .menu-principal-container ul li a {
        text-align: justify;
    }

    #toggle {
        display: block;
    }

    ul#menu-principal {
        display: block;
        margin-bottom: 15px;
    }

    .menu-item-has-children::after {
        right: 26px;
        padding: 0px 5px 5px 5px;
    }

    .menu-item-has-children:hover ul.sub-menu {
        display: none;
    }

    ul.sub-menu {
        position: relative;
        padding-left: 10px;
    }

    #nav_principal {
        position: relative;
        background-color: #242424;
        height: 50px;
    }

}