/*
Theme Name: csinvesting custom theme
Theme URI: https://csinvesting.org/
Author: csinvesting Team
Description: A clean, responsive WordPress theme built for CSInvesting.org — dedicated to deep, case‑study‑driven investing education and financial analysis. Optimized for long‑form posts, market insights, value and contrarian investing case studies, and thoughtful commentary on economics, risk management, and investor psychology. Designed for readability with strong typography and multi‑author support.
Version: 1.0

*/






/* div#csinvesting-header {
    background: #000;
} */
*{
    box-sizing: border-box!important;
}
body{
    margin:0px!important;
    padding:0px!important;
font: 16px Georgia, "Bitstream Charter", serif!important;
}
body .custom-logo {
    width: 250px !important;
    height: auto !important;
    max-width: 100% !important;
}

h1,h2,h3{
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif!important;
}

div#csinvesting-header {
    background: #000;
}


.csinvesting-content-area {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 24px;
}

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

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

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

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

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

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

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

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

.csinvesting-content-area ul li {
    list-style: disc;
}

.csinvesting-content-area ol,
.csinvesting-content-area ul {
    padding-left: 30px;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 10px 0 !important;
}
ol, ul {
    box-sizing: border-box;
    padding: 0;
}
.csinvesting-content-area table {
    border-collapse: collapse;
    width: 100%;
    margin: 25px 0;
}

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

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

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

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

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

.csinvesting-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

/* FontAwesome arrow for top-level menu items */
.menu-item-has-children > a::after {
    content: "\f078";
    font-family: "FontAwesome";
    margin-left: 5px;
    color: #fff;
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 10px;
}

.csinvesting-nav-menu li.menu-item-has-children:hover > a::after {
    transform: rotate(-180deg);
}

/* Hide arrow for nested submenu items */
.sub-menu .menu-item-has-children > a::after {
    display: block;
   right: 33px;
    top: 5px;
}

.csinvesting-navigation {
    position: relative;
    display: inline-block;
    width: 100%;
}

.csinvesting-navigation a {
    display: block;
    font-size: 17px;
    line-height: 40px !important;
    color: #fff;
    text-decoration: none;
}


.sub-menu li a {
    line-height: 24px;
    margin: 5px 0;
    color: #fff;
}

.csinvesting-navigation li {
    position: relative;
    display: inline-block;
    padding: 0 14px;
}

.csinvesting-nav-select {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.csinvesting-navigation a:hover,
.csinvesting-navigation a:focus {
    color: #fff;
}

.csinvesting-navbar-toggle-wrapper {
    display: none;
}

.sub-menu {
    display: none;
    position: absolute;
    left: 0;
    background: #000;
    width: 180px;
    text-align: left;
    padding: 10px 0;
    box-shadow: 0 0 6px #ddd;
    top: 34px;
    z-index: 999;
}

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

.sub-menu li {
    width: 100%;
}

.sub-menu .sub-menu {
    left: auto !important;
    right: 100%;
    top: -10px !important;
}

.csinvesting-nav-select .sub-menu > li > .sub-menu {
    display: none;
    position: absolute;
}

.csinvesting-nav-select .csinvesting-menu__list > li:hover > .sub-menu,
.csinvesting-nav-select .sub-menu > li:hover > .sub-menu {
    display: block;
}

.csinvesting-footer {
    text-align: center;
}
.aligncenter {
    clear: both;
    display: block;
    margin: auto;
}

.campaign-list-item_key-features ul li {
    list-style: none;

}

.campaign-list-item_key-features ul {
    padding-left: 0;
}

a.su-button {
    background: #000 !important;
}

@media only screen and (max-width: 590px) {
	  .csinvesting-content-area table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
@media only screen and (max-width: 991px) {
    
.two-column #content {
    width: 100%;
}
#content-container {
    width: 100%;
}
.two-column #primary, .two-column #secondary {
    /* float: right; */
    width: 100%;
}

    .menu-item-has-children > a::after,
    .sub-menu .menu-item-has-children > a::after {
        display: none;
    }

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

  

    .csinvesting-navigation {
        position: absolute;
        right: 0;
        top: 100%;
        width: 100%;
        cursor: pointer;
        text-align: left;
        background: #000;
        box-shadow: 0 0 4px #ddd;
        display: none;
        padding: 14px;
        z-index: 999;
    }

    .csinvesting-navbar-toggle-wrapper {
        display: flex !important;
        background-color: #050104;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 20px;
        right: 15px;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        cursor: pointer;
        color: transparent;
    }

    .csinvesting-navbar-toggle-wrapper span {
        width: 20px;
        height: 2px;
        background-color: #fff;
        display: inline-block;
        position: relative;
        top: 0px;
        right: 0;
    }

    .csinvesting-navbar-toggle-wrapper span::before,
    .csinvesting-navbar-toggle-wrapper span::after {
        content: "";
        position: absolute;
        background-color: #fff;
        width: 100%;
        height: 2px;
        left: 0;
    }

    .csinvesting-navbar-toggle-wrapper span::before {
        top: -7px;
    }

    .csinvesting-navbar-toggle-wrapper span::after {
        top: 7px;
    }


.csinvesting-navigation li {
        position: relative;
        display: inline-block;
        Padding: 0 20px;
        margin: 0;
        width: 100%;
        box-sizing: border-box;

    }


    .sub-menu {
        display: block;
        position: relative !important;
        left: 0 !important;
        background: transparent;
        width: 100%;
        padding: 0 !important;
        box-shadow: none;
        top: auto;
    }

    .sub-menu .sub-menu {
        left: 0;
        right: 0;
        top: 0;
    }

    .csinvesting-toggle-menu {
        position: absolute;
        right: -7px;
        width: 40px;
        height: 30px;
        font-size: 15px;
        top: 7px;
        cursor: pointer;
        z-index: 999;
        display: block;
        color: #fff;
        transform: rotate(0deg);
        text-align: center;
    }

    .csinvesting-toggle-menu i {
        transition: transform 0.3s ease;
    }

    .csinvesting-toggle-menu.on i {
        transform: rotate(180deg);
    }

    .csinvesting-nav-select {
        display: inline-block;
        width: 100%;
        text-align: left;
        margin: 0;
    }
    .csinvesting-nav-select .sub-menu > li > .sub-menu {
    display: block;
    position: relative;
}

.csinvesting-nav-select .csinvesting-menu__list > li:hover > .sub-menu,
.csinvesting-nav-select .sub-menu > li:hover > .sub-menu {
    display: block;
}

}

 .csinvesting_modifyDetails{
    border-radius: 10px;
    background-color: #000!important;
 }
/*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;
}
.home-page.author-box-wrapper {
    padding: 40px 20px 30px;
    box-shadow: none;
  
    margin:auto;
}
 
.author-f-name .label, .author-description-name .label {
    font-weight: 600 !important;
    font-size: inherit;
    line-height: inherit;
    background: transparent;
    color: #222222;
    padding: 0px;
}
.profile-fields-table .data{
    color: #222222;
}
 
.author-f-name {
    display: flex;
    gap: 15px;
    font-size: 20px;
}
 .header-profile-details h2{
    color:#222;
 }
.author-description-name {
    margin-top: 20px;
    font-size: 20px;
}
.name_author_out a:hover,
.name_author_out a:hover p {
    color: #fff ;
    text-decoration-color: #fff ;
}

body .custom_author_info span a,
body .custom_author_info span b,
body .custom_author_info  a p,
body .custom_author_info span{
    color:#fff!important;
}
/* new css */
body .custom_author_info .name_author_out  a{
    text-decoration: none!important;
}
.profile-tab-content{
        display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    
    align-items: center;
}
.profile-header-container{
    width:100%;
}
#profile-content-about{
     width:100%;
}

.csinvesting-container{
        max-width: 770px;
    margin: auto;
}
.author-box-wrapper{
    max-width: 1280px;
    margin: auto;
}
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #000;
    border-radius: 10px;
    padding: 10px;
}
.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
.csinvesting-container-outer{
    max-width:1280px!important;
    width:100%!important;
    padding:20px 20px;
}
.csinvesting-container-box{
        padding:20px!important;
    }