/*
Theme Name: fortworden
Author: fortworden
*/

/*html :where(img){height:inherit;max-width:none;}*/

#actionbar{
    display: none;
}
:root {
    --primary-color :#486682;
    --primary-yellow:#7d94a9;
    --secondary-yellow:#ba8d31;
    --white-color:#ffffff;
    --black-color:#000000;
    --text-primary:var(--black-color);

}
*,*::after,&::before {
    box-sizing: border-box;
}
*:not(.simulator) {
    scrollbar-width: thin;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding:0;
    background-color: var(--white-color);
    background-image: none;
    color: #000000;
}

p, li, h1, h2, h3, h4, h5, h6,table, dl, span, body {
    text-align: left;
}
.container {
   width: 100%;
   max-width: 1170px;
   margin: auto;
   padding: 0 15px;
}
.dw-toplist-jbc__offer {
    background: #748ba033 !important;
}
.dw-toplist-jbc__offer-cta-btn {
    color: #fff !important;
    background: #121F2B !important;
}
h1, h2, h3, h4, h5, h6 {
     margin: 15px 0;
     font-weight: 700;
}

h1 {
    font-size: 35px;
    line-height: 45px;
}

h2 {
    font-size: 30px;
    line-height: 40px;
}

h3 {
    font-size: 25px;
    line-height: 35px;
}

h4 {
    font-size: 22px;
    line-height: 32px;
}

h5 {
    font-size: 20px;
    line-height: 30px;
}

h6 {
    font-size: 18px;
    line-height: 28px;
}
.content-part-fortworden h2, .content-part-fortworden h3, .content-part-fortworden h2, .content-part-fortworden h6 {
    color: currentColor;
}
a:link {
    color: var(--primary-color);
}

.site-logo {
    margin-left: 0px;
    flex: 0 0 auto;
}
.site-logo a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.site-logo img {
    max-width: 100%;
    height: auto;
}
body ul.wp-menu li.menu-item-has-children ul.sub-menu li ul.sub-menu {
    top: 0;
    left: 100%;
    position: absolute;
    right: auto !important;
}
.content-part-fortworden {
    font-size: 16px;
    line-height: 26px;
}
body .su-button-center {
    margin-top:1rem;
}
body .su-button-center a {
    border-radius: 12px !important;
}
body .campaign-shortcode-table .campaign-list-item_cta-btn  {
    background: var(--primary-color) !important;
}
body .su-button-center a {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
body .su-button-center span {
    background: transparent !important;
    border: 0 !important;
   
}
body .campaign-shortcode-table .campaign-list-item_cta-btn:hover,
body .campaign-shortcode-table .campaign-list-item_cta-btn:active,
body .campaign-shortcode-table .campaign-list-item_cta-btn:focus,
body .su-button-center a:hover,
body .su-button-center a:focus,
body .su-button-center a:active {
    background: var(--primary-color) !important;
}
body .su-button-center a:hover span {
    top:0 !important;
}
.content-part-fortworden table tr td, .content-part-fortworden table tr th {
    border: 1px solid #000;
    padding: 10px;
    font-size: 16px;
}

.content-part-fortworden table tr th {
    font-weight: 700;
    text-align: center;
}

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

.table-auto {    
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch;
}



.aligncenter {
    display: block;
    margin: 16px auto;
}
.content-part-fortworden blockquote {
    padding: 25px;
    background: rgba(0,0,0,0.08);
    border-left: 5px solid var(--primary-color);
    position: relative;
    margin: 20px auto;
    font-style: italic;
    quotes: "“" "”" "‘" "’";
}

.content-part-fortworden blockquote::before {
    content: open-quote;
    top: 0px;
    left: 20px;
}

.content-part-fortworden blockquote::before, .content-part-fortworden blockquote::after {
    position: absolute;
    font-size: 3em;
    color: var(--primary-color);
    font-family: serif;
    line-height: 1;
    z-index: 1;
}

.content-part-fortworden blockquote::after {
    content: close-quote;
    bottom: 0px;
    right: 20px;
}
 
.content-part-fortworden blockquote p {
    display: inline;
    color: #000;
    position: relative;
    z-index: 2;
}

.content-part-fortworden dl {
    margin: 20px;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

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

.content-part-fortworden dd {
    margin: 0 0 10px 20px;
    padding: 10px;
    border-left: 2px solid #ddd;
    background-color: var(--white-color);
}

.content-part-fortworden blockquote {
    font-size: 16px;
}

.mobile-menu {
    display: none;
}

li.menu-item-has-children:after {
    position: absolute;
    content: "\f107";
    font: normal normal normal 14px / 1 FontAwesome;
    top: 13px;
    right: 7px;
    color: var(--primary-color);
}
.logo-menu-part ul ,.logo-menu-part li{
    margin:0;
}

li.menu-item-has-children:last-child ul.sub-menu {
    right: 0 !important;
    left: unset;
}

li.menu-item-has-children:hover:after {
    color: var(--black-color);
    transition: all 0.5s;
}

li.menu-item-has-children ul li:after {
    top: 11px;
}

body ul.wp-menu li.menu-item-has-children ul.sub-menu li ul.sub-menu {
    display: none;
}

body ul.wp-menu li.menu-item-has-children ul.sub-menu li:hover ul.sub-menu {
    display: block;
}
header.header-section {
    padding: 20px 0;
    position: relative;
    background: #fff;
    box-shadow: 0 0 3px #333;
}

li.menu-item-has-children {
    position: relative;
    padding-right: 20px !important;
}

.campaign-list-item {
    background: var(--white-color);
}

.campaign-list-item_cta-btn {
    background: linear-gradient(to right, #00488b, #125e3d);
}

.campaign-list-item_cta-btn:hover {
    text-decoration: none;
    color: var(--white-color);
    background: linear-gradient(to right, #125e3d, #00488b);
}

body .dw-toplist-cr__offer-cta-btn{
    background:  var(--primary-color);
    box-shadow: 0 4px 0 #7d94a9;
    color: #fff;
}
body .dw-toplist-cr__offer-cta-btn:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.11567 9.69574C6.18246 9.6849 6.25006 9.6799 6.3177 9.68078H17.8343L17.5832 9.56398C17.3377 9.4478 17.1144 9.28968 16.9233 9.09677L13.6937 5.86722C13.2684 5.4612 13.1969 4.80802 13.5244 4.31961C13.9055 3.79915 14.6363 3.68615 15.1568 4.06725C15.1988 4.09805 15.2388 4.13163 15.2764 4.16777L21.1164 10.0078C21.5728 10.4637 21.5732 11.2032 21.1173 11.6596C21.117 11.6599 21.1167 11.6603 21.1164 11.6606L15.2764 17.5006C14.8196 17.9561 14.0801 17.9551 13.6245 17.4983C13.5887 17.4624 13.5552 17.4241 13.5244 17.3838C13.1969 16.8954 13.2684 16.2422 13.6937 15.8362L16.9174 12.6008C17.0888 12.4293 17.2858 12.2854 17.5014 12.1745L17.8518 12.0168H6.38197C5.7853 12.039 5.26181 11.6222 5.14972 11.0357C5.04646 10.3989 5.47892 9.79904 6.11567 9.69574Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
body .dw-toplist-cr__offer-cta-btn:hover {
    background: #1d71b8;
    box-shadow: 0 4px 0 #1d71b8;
    color: #fff;
}
.campaign-compact-table__offers-wrapper .campaign-compact-table__offer td {
    border: 0;
}

body .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: var(--white-color);
    text-decoration: none;
}

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

.campaign-list-item_key-features > p {
    margin-top: 0;
}

.toplist-newsbtc__offer-cta-btn, .toplist-htmq__offer-cta-btn, .dw-toplist-nb__offer-cta-btn, .dw-toplist-cp__offer-cta-btn, .dw-toplist-sp__offer-cta-btn, .dw-toplist-ct__offer-cta-btn, .toplist-99bitcoins__offer-cta-btn, .toplist-99bitcoins-poker__offer-cta-btn, .toplist-iwcasino__offer-cta-btn, .toplist-nokyc__offer-cta-btn, .toplist-sportscasting__offer-cta-btn, .toplist-casinoscout__offer-cta-btn {
    text-decoration: none;
}

ul.wp-menu {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 200px);
    justify-content: end;
} 

.logo-menu-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

ul.sub-menu {
    list-style: none;
    padding-right: 0;
    background: var(--white-color);
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    z-index: 9999;
    width: 200px;
    box-shadow: 0 0 5px #919191;
    border-radius: 7px;
	padding-left: 0;
}

ul.wp-menu ul.sub-menu li {
    padding: 0;
}

ul.wp-menu ul.sub-menu li a {
    width: 100%;
    display: block;
    padding: 8px 12px;
    color: var(--black-color) !important;
}
ul.wp-menu li.active {
  /* background: linear-gradient(to right, var(--primary-yellow), var(--secondary-yellow));*/
    border-radius: 5px;
}
ul.wp-menu li.active a {
    color: var(--white-color);
}
li.menu-item-has-children.active:after {
    color: var(--black-color);
}
ul.wp-menu li {
    padding: 5px 10px;
}

ul.wp-menu li:hover {
    /* background: linear-gradient(to right, var(--primary-yellow), var(--secondary-yellow));
     */border-radius: 5px;
    cursor: pointer;
    transition: all 0.5s;
}
ul.wp-menu li:hover a {
    color: var(--black-color) !important;
    transition: all 0.5s;
}
ul.wp-menu li a {
    color: #395a77;
    font-size: 17px;
    line-height: 26px;
    text-decoration: none;
}
li.menu-item b.caret {
    display: none;
}
ul.wp-menu ul.sub-menu li:hover a {
    color: var(--black-color) !important;
} 

.content-part-fortworden ul {
    list-style: disc;
    padding-left: 30px;
}

.content-part-fortworden ol {
    list-style: decimal;
    padding-left: 30px;
}

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

footer.footer-section {
    background: #000;
    padding: 15px 0;
    margin-top: 0px;
}

.copyright p {
    color: var(--white-color);
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
}

.copyright p a {
    color: var(--white-color);
    text-decoration: none;
}

ul#menu-footer-menu {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
ul#menu-footer-menu li a {
    font-size: 16px;
    color: var(--white-color);
    text-decoration: none;
    padding: 0 10px;
}

/*AUTHOR SECTION START*/

.main-title {
    text-align:left;
}
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}
.author_imag img {
    width: 60px;
    min-width:60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
/* .name_author_out {
    display: flex;
    align-items: center;
    margin: 0 0 8px;
} */
.name_author_out span.lbl {
    margin-right: 5px;
}
.name_author_out h4,
.name_author_out p {
    margin: 0;
    padding:0;
    font-weight: normal;
}

.modifyDetails {
    background: transparent;
    border-radius: 10px;
    padding: 10px 0;
    margin-bottom: 10px;
}

.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 0;
}

.author_imag {
    line-height: 0;
}

.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;
    font-weight: 700;
    color: var(--black-color);
}

.custom_author_info {
    color: var(--black-color);
}

.name_author_out a {
    color: inherit;
    text-decoration: underline;
}

.name_author_out a p {
    font-size: 16px;
    font-weight: 600;
}
.name_author_out h4, .name_author_out p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.profile-tab-content {
    padding: 30px 0;
}

.profile-header-container {
    display: flex;
    align-items: center;
    gap: 30px;
}

.profile-header-container .header-name-container h2 {
    margin: 0;
    font-weight: 700;
}

.profile-fields-group.profile-fields-group-1 {
    border: 1px solid #abb8c3;
    margin: 1.5rem 0 0;
    padding: 15px 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background: var(--white-color);
    border-radius: 8px;
}

.profile-fields-group.profile-fields-group-1 h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 700;
}

.author-f-name {
    display: flex;
    gap: 10px;
    font-size: 20px;
    margin-bottom: 5px;
}

.author-description-name {
    margin-top: 20px;
    font-size: 20px;
    word-break: break-word;
}

/*AUTHOR SECTION END*/


/*404-page-css-start*/

section.page-section-404 {
    padding: 45px 0;
    width: 100%;
    max-width: 920px;
    margin: auto;
}

section.page-section-404 h1 {
    font-size: 35px;
    line-height: 45px;
}

.search-bar-404 strong {
    padding-bottom: 10px;
    display: block;
    font-size: 16px;
    line-height: 26px;
}

.search-bar-404 form input, form#searchform input {
    width: 100%;
    padding: 12px 15px;
    background: var(--white-color);
    font-size: 16px;
    line-height: 26px;
    color: var(--black-color);
    border: none;
    border-radius: 4px 0px 0px 4px;
    outline: none;
    height: auto;
    border: 1px solid var(--black-color);
}

.search-bar-404 button, input#searchsubmit {
    width: 100% !important;
    color: var(--white-color) !important;
    background: var(--primary-color) !important;
    border: none;
    max-width: 130px;
    border-radius: 0 4px 4px 0px !important;
    padding: 10px !important;
    font-size: 16px !important;
    cursor: pointer;
}

.search-bar-404 form, form#searchform div {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.search-bar-404 form input::placeholder {
    color: var(--black-color);
}

.links-group-404 ul {
    padding-left: 20px;
    line-height: 26px;
}

.links-group-404 ul li a, .need-more-help-404 a, .links-group-404 a {
    color: var(--black-color);
    text-decoration: none;
}

.links-group-404 ul li a:hover, .need-more-help-404 a:hover, .links-group-404 a:hover {
    color: var(--primary-color);
}

.links-group-404 {
    font-size: 16px;
    line-height: 26px;
}

.search-bar-404 form {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.description-404 {
    font-size: 16px;
    line-height: 26px;
    padding: 10px 0;
}

.search-bar-404 {
    padding: 12px 0;
}

nav.navigation.pagination {
    display: inline-block;
    padding: 6px;
    margin: 20px 0;
}

.pagination {
    text-align: center;
}

.pagination .nav-links a, .pagination span.current {
    color: var(--black-color);
    text-decoration: none;
    border: 1px solid var(--black-color);
    padding: 5px 10px;
    margin: -3px;
}

/*404-page-css-end*/

body .dw-toplist-cr__offer-inner {
    background: #f1f1f1;
    gap: 6px 18px;
}

@media screen and (min-width: 992px) {

}
@media screen and (max-width: 991px) {
    
.mobile-menu {
    display: block;
}

.mobile-menu i {
    font-size: 25px;
    color: var(--primary-color);
}

ul.wp-menu {
    padding-right: 0;
    position: absolute;
    width: 100%;
    left: 0;
    background: var(--white-color);
    top: 100%;
    display: none;
    z-index: 999;
    margin: 0;
}

ul.wp-menu li {
    padding: 0;
    width: 100%;
}

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

li.menu-item-has-children:after {
    display: none;
}

ul.wp-menu li a {
    width: 100%;
    display: block;
    padding: 10px;
    color: var(--black-color);
}

span.toggle-menu {
  position: absolute;
  margin-top: 0;
  right: 12px;
  z-index: 9999;
  top: 15px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

span.toggle-menu i {
  font-size: 18px;
  transition: transform 0.4s ease; /* smooth rotation */
}

/* When .active class is added */
span.toggle-menu.on i {
  transform: rotate(180deg);
}

ul.sub-menu {
    position: static !important;
    width: 100%;
    overflow: visible !important;
    background: #eee;
    border-radius: 0;
}
ul.sub-menu ul.sub-menu {
    padding-left: 15px;
}
li.menu-item-has-children.active span.toggle-menu {
    color: var(--black-color);
}

li.menu-item-has-children {
    padding-right: 0px !important;
}

li.menu-item-has-children:hover span.toggle-menu {
    color: var(--black-color);
}

}

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

.content-part-fortworden table {
    display: block;  
    overflow-x: auto;     
    white-space: nowrap;
}

}
.content-part-fortworden b, strong
{
    font-weight:bold;
}