/*
Theme Name: issol
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: issol
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.4.1777981910
Updated: 2026-05-05 11:51:50

*/
@import url('https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
  /* Primary brand colors */
  --color-primary:              #0266ca;   /* links, search btn, su-button bg */
  --color-primary-vivid:        #224ef657;   /* blockquote bar, faq border, su-button span */
  --color-primary-vivid-alpha:  #0325a457; /* faq bg, links-group-404 ul bg */
  --color-primary-alpha:        #0266ca12; /* links-group-404 ul bg (alt) */

  /* Neutral / text */
  --color-black:                #000;      /* headings, footer text, borders */
  --color-text-dark:            #222;      /* header-name h2 */
  --color-text-charcoal:        #393939;   /* menu item hover */
  --color-text-body:            #0b0a0a;   /* search input text */

  /* White / near-white */
  --color-white:                #fff;      /* button text, sub-menu bg, su-button */
  --color-bg-toplist:           #ffffff6b; /* toplist offer semi-transparent bg */

  /* Light backgrounds / surfaces */
  --color-bg-light:             #f1f1f1;   /* dt bg alt, nav-links, search input */
  --color-bg-dt:                #d1d1d1;   /* dt (definition term) background */
  --color-bg-current:           #e3e3e3;   /* current_page_item mobile highlight */
  --color-bg-hover:             #eaeaea;   /* sub-menu bg, sf-menu li ul */
  --color-bg-hover-light:       #eeeeee;   /* wp-menu hover bg */

  /* Borders */
  --color-border-light:         #ddd;      /* search bar outer border, table th bg */
  --color-border-mid:           #bababa;   /* dl border, blockquote, current-page li */
  --color-border-table:         #b6acac;   /* table cell borders */
  --color-border-input:         #8d8d8d;   /* search-bar-404 input border */
  --color-border-generic:       #d1d1d1;   /* search content, sub-menu, footer-menu */
  --color-border-card:          #efefef;   /* toplist offer card border */
  --color-border-mobile-menu:   #ededed;   /* mobile menu top border */
  --color-border-submenu:       #aeaeae;   /* sub-menu hover border on desktop */
  --color-border-table-header:  #b6acac;   /* reuses table border (same value) */

  /* Accent */
  --color-accent-teal:          #2d949c;   /* sub-menu item hover bg */

  /* Shadows / overlays */
  --color-shadow:               rgba(0, 0, 0, 0.1); /* dl box-shadow */
}

/* ============================================================
   RESET
   ============================================================ */
*, *::before, *::after {
  box-sizing: border-box;
}
body {
    padding: 0;
    margin: 0;
    background: transparent;
    font-family: "Funnel Sans", sans-serif;
}

table {
    max-width: 1240px;
    width: 100%;
    margin: auto;
}


.profile-tab-content {
    margin-top: 15px;
	  padding:0 15px;
	  box-sizing:border-box;
}
.author-f-name .label, .author-description-name .label {
    font-weight: 700;
}
.profile-header-container {
    display: flex;
    align-items: center;
    gap: 15px;
}
.profile-fields-group.profile-fields-group-1 h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 29px;
}
.author-f-name {
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

span.lbl {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}

.author-description-name {
    margin-top: 20px;
    font-size: 20px;
    word-break: break-word;
}
.header-name-container h2
{
    font-weight: 700;
    font-size: 35px;
}
.data {
    font-size: 17px;
    line-height: 30px;
    margin-top: 0px;
}
div#profile-content-about {
    border: 1px solid #817f7f;
    padding: 15px;
    border-radius: 10px;
		margin:15px 0
}
.name_author_out {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 25px;
		margin-bottom:5px;
}
.date-author-cl {
    margin-bottom: 5px;
    color: #000;
}
.last_updated_date p
{
	margin:0;
	padding:0;
}
.custom_top_author {
    width: 100%;
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    box-sizing: border-box;
	  margin:10px 0;
}
img.avatar.avatar-120.photo {
    width: 80px;
    height: 80px;
    margin-top: 4px;
}
.name_author_out p {
    margin-bottom: -15px !important;
}
.name_author_out a {
    text-decoration: none;
    color: #000;
    margin-top: -17px;
}
.name_author_out a :hover
{
	text-decoration:underline;
}
.avatar
{
	background:none;
}
.profile-tab-content {
    margin-top: 15px;
	  padding:0 15px;
	  box-sizing:border-box;
}
.author-f-name .label, .author-description-name .label {
    font-weight: 700;
}
.profile-header-container {
    display: flex;
    align-items: center;
    gap: 15px;
}
.profile-fields-group.profile-fields-group-1 h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 29px;
}
.author-f-name {
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

span.lbl {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}

.author-description-name {
    margin-top: 20px;
    font-size: 20px;
    word-break: break-word;
}
.header-name-container h2
{
    font-weight: 700;
    font-size: 35px;
}
.data {
    font-size: 17px;
    line-height: 30px;
    margin-top: 0px;
}
div#profile-content-about {
    border: 1px solid #817f7f;
    padding: 15px;
    border-radius: 10px;
		margin:15px 0
}
.name_author_out {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 25px;
		margin-bottom:5px;
}
.date-author-cl {
    margin-bottom: 5px;
    color: #000;
}
.last_updated_date p
{
	margin:0;
	padding:0;
}
.custom_top_author {
    width: 100%;
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    box-sizing: border-box;
	  margin:10px 0;
}
img.avatar.avatar-120.photo {
    width: 80px;
    height: 80px;
    margin-top: 4px;
}
.name_author_out p {
    margin-bottom: -15px !important;
}
.name_author_out a {
    text-decoration: none;
    color: #000;
    margin-top: -17px;
}
.name_author_out a :hover
{
	text-decoration:underline;
}
.avatar
{
	background:none;
}

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

/* ------ */


.issol p a,
.issol li a {
    color: var(--color-primary);
}

header,
footer {
    width: 100%;
    background: var(--color-primary-vivid-alpha);
    margin: 0;
    padding: 20px 0;
}

header.header-section {
    padding: 10px 0;
}

.date-container span b {
    font-weight: 700;
}

pre {
    line-break: anywhere;
    white-space: break-spaces;
}

header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.issol {
    max-width: 1240px;
    width: 100%;
    margin: auto !important;
}

.container {
    max-width: 1240px;
    width: 100%;
    box-sizing: border-box;
    margin: auto;
    color: var(--color-black);
    margin-bottom: 0;
    padding: 0 12px;
}

.last_updated_date {
    margin-top: 4px;
}

.wpb_wrapper,
.vc_row.wpb_row {
    max-width: 1240px;
    width: 100%;
    margin: auto;
}

div#flv_layout {
    max-width: 1240px;
    width: 100%;
    margin: auto;
    padding: 0;
}

.main-menu-item-section>ul {
    max-width: 1100px;
    display: flex;
    gap: 3px 15px;
    flex-wrap: wrap;
    list-style: none;
    justify-content: flex-start;
}

.main-menu-item-section>ul li a {
    font-size: 18px;
    font-weight: 400;
    padding: 8px 18px;
    border: none;
    color: var(--color-white);
    text-decoration: none;
}


.issol h1 {
    font-size: 35px;
    line-height: 1;
    margin-bottom: 7px;
    font-weight: 600;
}

.issol h2 {
    font-size: 32px;
    line-height: 1;
    margin: 0;
    margin-bottom: 7px;
    font-weight: 500;
}

.issol h3 {
    font-size: 28px;
    line-height: 1;
    margin: 0;
    margin-bottom: 7px;
    font-weight: 400;
}

.issol h4 {
    font-size: 25px;
    line-height: 1;
    margin: 0;
    margin-bottom: 7px;
    font-weight: 400;
}

.issol h5 {
    font-size: 22px;
    line-height: 1;
    margin: 0;
    margin-bottom: 7px;
    font-weight: 400;
}

.issol h6 {
    font-size: 20px;
    line-height: 1;
    margin: 0;
    margin-bottom: 7px;
    text-transform: none;
    font-weight: 400;
}

.issol p {
    font-size: 18px;
    margin: 0;
    margin-bottom: 20px;
    line-height: 28px;
    font-weight: 400;
}

.issol ol {
    font-size: 18px;
    margin: 20px;
    list-style: decimal;
    padding: 0 10px;
    font-weight: 400;
}

.issol ul {
    font-size: 18px;
    padding-left: 29px;
    list-style: disc;
    font-weight: 400;
}

.issol ul li::marker {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.issol ul li {
    position: relative;
    padding-left: 0px;
}

table tr th {
    background: var(--color-border-light);
}


.issol li {
    line-height: 30px;
}


.issol table tr td {
    border: 1px solid var(--color-border-table);
    padding: 10px;
    font-size: 18px;
    font-weight: 400;
}

.issol table tr td b {
    font-weight: 700;
}

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

.table-auto {
    overflow-x: auto;
}

a.campaign-list-item_cta-btn {
    color: var(--color-white) !important;
    text-decoration: none;
}

.issol table tr td,
.issol table tr th {
    border: 1px solid var(--color-border-table);
    padding: 10px;
    font-size: 18px;
    text-transform: initial;
    color: var(--color-black);
    text-align: start;
}

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

.issol dl {
    background: var(--color-bg-light);
    padding: 30px;
    border-radius: 5px;
    margin: 0 0 20px 0;
    font-size: 18px;
    background: var(--color-white);
    border-radius: 6px;
    backdrop-filter: blur(7.7px);
    -webkit-backdrop-filter: blur(7.7px);
    border: 1px solid var(--color-border-mid);
}

.issol dt {
    border-radius: 5px;
    padding: 10px;
    font-weight: 400;
    background: var(--color-bg-dt);
}

.issol dd {
    margin-left: 15px;
    padding: 15px;
    font-weight: 400;
}

.issol blockquote {
    position: relative;
}

.issol blockquote p:after {
    content: "";
    background: var(--color-primary-vivid);
    height: 100%;
    width: 5px;
    position: absolute;
    top: 0;
    left: -35px;
    border: 1px solid var(--color-border-mid);
    border-radius: 5px;
}

.toplist-insidersports__offer-cta-btn {
    background: var(--color-black) !important;
}

.toplist-insidersports__offer {
    background: var(--color-bg-toplist) !important;
}

.issol img.aligncenter {
    margin: 15px auto;
    display: flex;
}

.main-menu-item-section ul {
    display: flex;
    justify-content: normal;
    align-items: left;
    gap: 26px;
    list-style: none;
    flex-wrap: wrap;
}

li.menu-item-has-children {
    position: relative;
}

ul.nav li ul.sub-menu {
    background: var(--color-text-charcoal); /* was #2f3025 — closest neutral dark */
    display: flex;
    flex-direction: column;
    position: absolute;
    padding: 14px;
    width: 200px;
    gap: 10px;
    top: 36px;
    border-radius: 3px;
    border: 1px solid var(--color-border-light);
    z-index: 9999;
    right: 0;
}

ul.nav li ul.sub-menu li {
    padding: 0px 0 0 0;
    white-space: normal;
    word-break: break-word;
}

.main-menu-item-section ul li a {
    text-decoration: none;
    font-size: 18px;
    color: var(--color-black);
    word-break: break-word;
}

.su-button-center {
    display: flex;
    justify-content: center;
    margin: 10px;
}

.su-button-center a span {
    position: static;
    background-color: #4c6ee8;
    color: var(--color-white) !important;
    border: 1px solid var(--color-border-mid) !important;
    border-radius: 5px !important;
    border-color: var(--color-white);
}

.su-button-center a span:hover {
    box-shadow: 2px 2px 0px 0px var(--color-black);
    transition: 0.6s ease-in-out;
}

a.su-button.su-button-style-flat {
    background: transparent !important;
}


li.menu-item-has-children:after {
    content: "\f107";
    top: 8px !important;
    right: 3px;
    position: absolute;
    font-family: "fontAwesome";
    font-size: 14px;
    color: var(--color-black);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-black);
}

button#togglebtn {
    padding: 0px 10px;
    font-size: 20px;
}

p.has-text-align-center {
    margin: 0;
    color: var(--color-black);
    font-weight: 400;
}

p.has-text-align-center a {
    text-decoration: none;
}


ul.nav li ul.sub-menu li a {
    width: auto;
    display: block;
    padding: 10px 20px;
}

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

footer p {
    text-align: center;
    color: var(--color-black);
    font-size: 18px;
}

.toplist-insidersports__offer {
    border-radius: 16px !important;
    border: 1px solid var(--color-border-card) !important;
    border-width: 1px !important;
}

.issol-author-container {
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    margin: 15px 0;
    background: transparent;
}

.author-img-con img {
    height: 65px;
    width: 65px;
    object-fit: contain;
}

.author-img-con {
    padding: 4px 4px 1px;
}

.author-img-con {
    position: relative;
    border: 2px dashed transparent;
    padding: 4px 4px 1px;
}

.date-container {
    height: 70px;
}

.date-author-cl span {
    font-size: 18px;
    color: var(--color-black);
    font-weight: 400;
}

span.posttim.posdate a {
    color: var(--color-black);
}

.last_updated_date p {
    font-size: 18px;
    color: var(--color-black);
}


section.main-content {
    padding: 60px 0;
    position: relative;
    z-index: 1;
}

.profile-header-container {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
    padding: 10px 12px;
    background: transparent;
    z-index: 999;
    position: relative;
    margin: 10px auto;
    width: 100%;
    border-radius: 6px;
    border: 1px solid var(--color-border-generic);
    box-sizing: border-box;
}

.header-avatar-container img {
    border-radius: 3px;
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.header-avatar-container {
    line-height: 0;
}

.header-name-container h2 {
    font-size: 28px;
    font-weight: 700;
    color: var(--color-text-dark);
}

.profile-fields-group {
    padding: 10px 12px;
    background: transparent;
    z-index: 999;
    position: relative;
    margin: 10px auto;
    width: 100%;
    border-radius: 6px;
    border: 1px solid var(--color-border-generic);
    box-sizing: border-box;
}

h2.group-title {
    font-size: 28px;
    border-bottom: 2px solid var(--color-black);
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.author-f-name,
.author-description-name {
    display: flex;
    gap: 10px;
}

.author-f-name .label,
.author-description-name .label {
    font-weight: 400;
    font-size: 18px;
}

.author-f-name .data,
.author-description-name .data {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}


.data p {
    font-size: 17px;
    margin: 0;
}

.site-logo-image a {
    color: var(--color-black);
    text-decoration: none;
    font-size: 18px;
}

.fa {
    display: none;
}

i.fa-solid.fa-bars,
i.fa-solid.fa-xmark {
    position: relative;
    top: 2px;
}

li.current>span.dropdown-toggle-icon:after {
    color: var(--color-white);
}

.footer-widgets {
    padding-top: 7px;
}

/* 404 page style */
section.page-section-404 {
    padding: 20px 0;
    width: 100%;
    max-width: 920px;
    margin: auto;
}

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

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

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

.links-group-404 a {
    color: var(--color-black);
    text-decoration: none;
    font-size: 18px;
}

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

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

.search-bar-404 form {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    border: 1px solid var(--color-border-light);
    border-radius: 4px;
}

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

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

.links-group-404 ul {
    line-height: 26px;
    padding: 20px 60px;
    background: var(--color-primary-alpha);
    border-radius: 5px;
}

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

.links-group-404 ul li {
    list-style: decimal;
}

.links-group-404 a:hover {
    color: blue;
}

.search-content {
    border: 1px solid var(--color-border-generic);
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 8px;
}

header.search-header>h1 {
    text-align: center;
}

.nav-links span,
.nav-links a {
    border: 1px solid var(--color-border-table);
    padding: 5px 10px;
    border-radius: 5px;
    background: var(--color-bg-light);
}

nav.navigation.pagination {
    display: flex;
    justify-content: center;
    padding: 25px 0;
}

.site-logo-image.site-name {
    width: 28%;
}

/* Footer menu */
ul#menu-footer-menu {
    border-bottom: 1px solid
}

ul#menu-footer-menu {
    display: flex;
    justify-content: center;
    gap: 12px 20px;
    list-style: none;
    flex-wrap: wrap;
    padding: 5px 10px;
    margin: 0;
}

ul#menu-footer-menu li a {
    text-decoration: none;
    color: var(--color-black);
     font-size: large;
     font-weight: 400;
}


ul#menu-footer-menu li:hover a {
    color: #000000ab;
}

div#block-7 {
    padding-top: 12px;
}

.main-menu-item-section>ul>li:hover>a {
    color: var(--color-text-charcoal);
}

li.current_page_item>a {
    border: 1px solid var(--color-border-mid);
    border-radius: 8px;
}

li.menu-item-has-children.current_page_item:after {
    color: var(--color-black);
}


.issol form {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    max-width: 991px;
    width: 100%;
}

.issol input,
.issol button {
    padding: 10px;
    font-size: 16px;
    border: 1px solid var(--color-border-generic);
    border-radius: 4px;
}

.issol input {
    flex: 1;
}


img.aligncenter.size-full {
    margin: 20px auto;
    border-radius: 6px;
    border: 0;
}
.ms_faq.ms_card > div {
    border: 1px solid var(--color-primary-vivid);
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 8px 8px 0 8px;
    background: var(--color-primary-vivid-alpha);
}
.accordionContent p {
    margin-bottom: 10px;
}
@media (max-width: 600px) {
    .issol form {
        flex-direction: column;
        align-items: stretch;
    }

    .issol input,
    .issol button {
        width: 100%;
    }
}

@media(min-width: 1180px) {
    .campaign-shortcode-table_offers-list {
        width: 97.4%;
    }


    .toggleMenu {
        display: none;
    }

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

    ul.sub-menu {
        position: absolute;
    }

    .issol table {
        display: inline-masonry;
    }

    .main-menu-item-section>ul {
        max-width: 1100px;
        display: flex;
        gap: 5px 3px;
        flex-wrap: wrap;
        justify-content: flex-end;
        color: var(--color-white);
    }

    ul.nav li ul.sub-menu {
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
    }

    .issol {
        padding: 10px 0;
    }

    li.menu-item-has-children:hover ul.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        gap: 0;
        padding: 2px;
        background: var(--color-white);
        border-radius: 0px;
        border: 1px solid var(--color-border-submenu);
    }

    .menu-toggle {
        display: none;
    }

    li.menu-item-has-children:hover:after {
        transform: rotate(180deg);
        transition: 0.5s;
    }

    ul.sub-menu li:hover a {
        border-radius: 8px;
    }

    img.custom-logo {
        height: 60px;
        max-width: 260px;
        width: 100%;
        object-fit: contain;
    }

}




@media(max-width: 1179px) {

    .toplist-insidersports__offer-cta-btn {
        width: 96% !important;
    }

    .main-menu-item-section>ul>li:hover>a {
        border: none !important;
    }

    .current_page_item {
        background: var(--color-bg-current);
    }


    .fa-angle-down:before {
        display: none;
    }

    .fa {
        display: none;
    }

    header.header-section {
        padding: 0px;
        width: auto;
    }

    ul.wp-menu li:hover,
    ul.wp-menu li:hover a {
        background: var(--color-bg-hover-light);
    }

    .issol table {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

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

    header,
    footer {
        padding: 10px 0;
    }

    .container {
        width: 100%;
    }

    .issol dl {
        padding: 30px 20px;
    }

    ul.wp-menu {
        position: absolute;
        left: 0;
        background: var(--color-white);
        top: 81px;
        z-index: 99999;
        display: none;
        width: 100%;
        overflow: hidden;
        border-top: 1px solid var(--color-border-mobile-menu);
    }

    .sub-menu {
        background-color: var(--color-bg-hover);
        display: none;
    }

    ul.sub-menu li:hover a {
        background: var(--color-accent-teal);
    }

    .main-menu-item-section li a:hover li {
        background-color: var(--color-black);
    }


    ul.sf-menu.wp-menu li {
        width: 100%;
        padding: 12px 12px 16px;
        gap: 0;
        border-bottom: 1px solid var(--color-bg-light);
    }

    ul.sf-menu.wp-menu li a {
        color: var(--color-white);
    }

    ul.nav li ul.sub-menu {
        position: relative;
        width: 100%;
        top: 2px;
        display: none;
        margin: auto;
        padding: 0;
    }

    header {
        position: relative;
    }

    span.dropdown-toggle-icon:after {
        content: "\f107";
        position: absolute;
        right: 5px;
        top: 10px;
        font-family: "fontAwesome";
        font-size: 22px;
        cursor: pointer;
        color: var(--color-black);
        padding: 4px 7px;
    }

    li.menu-item-has-children.active .dropdown-toggle-icon:after {
        transition: 0.5s;
        transform: rotate(180deg);
        top: 7px;
        padding: 7px 12px;
    }

    ul.nav.navbar-nav {
        padding: 0;
        margin: 0;
    }

    .main-menu-item-section ul.nav li {
        border-bottom: 1px solid var(--color-border-generic);
        padding: 10px;
    }

    img.logo {
        max-width: 230px;
        height: 80px;
        object-fit: contain;
        width: 100%;
        object-position: left center;
        display: block;
    }

    .campaign-list-item.brand_table_custom_cl {
        width: 90%;
    }

    .main-menu-item-section ul li a {
        padding: 3px 30px 3px 0px;
        width: 95%;
        display: inline-block;
    }

    ul.sub-menu li:hover,
    ul.sub-menu li:hover a {
        background: var(--color-accent-teal) !important;
    }

    ul.sub-menu li,
    ul.sub-menu li a {
        background: var(--color-white) !important;
    }

    .sf-menu li ul,
    .sf-menu li ul li {
        width: 88%;
        top: 5px;
        background: var(--color-bg-hover);
    }

    footer {
        padding: 18px 0;
    }

    ul.sub-menu li:hover,
    ul.sub-menu li:hover a {
        background: var(--color-bg-hover-light) !important;
    }

    .toggleMenu {
        position: absolute;
        right: 12px;
    }

    button.toggle-menu-button {
        padding: 9px 8px;
        border-radius: 6px;
        font-size: 20px;
        border: 1px solid transparent;
        background: transparent;
    }

    ul.sub-menu li.menu-item-has-children .dropdown-toggle-icon:after {
        transform: rotate(0deg);
    }

    ul.sub-menu li.menu-item-has-children.active .dropdown-toggle-icon:after {
        transform: rotate(180deg);
    }

    ul.sub-menu ul.sub-menu li.menu-item-has-children .dropdown-toggle-icon:after {
        transform: rotate(0deg);
    }

    ul.sub-menu ul.sub-menu li.menu-item-has-children.active .dropdown-toggle-icon:after {
        transform: rotate(180deg);
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .issol table {
        border-collapse: collapse;
        display: inline-table;
    }
}

@media (min-width: 1024px) {
    ul.sub-menu li.menu-item-has-children ul {
        position: absolute;
        left: -100%;
        top: 0;
    }

    ul.sub-menu li ul.sub-menu {
        display: none;
    }

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

    ul.sub-menu li.menu-item-has-children:after {
        top: 15px !important;
        position: absolute;
        right: 7px;
    }

    img.logo {
        height: 78px;
        max-width: 290px;
        width: 100%;
        object-fit: contain;
        display: block;
    }
}

@media(max-width:991px) {
    .toplist-insidersports__offer-actions {
        padding-left: 0 !important;
    }
    img.custom-logo {
        max-width: 250px;
        height: 60px;
        width: 100%;
        object-fit: contain;
    }

    .site-logo-image.site-name {
        width: 70%;
    }

    header .container {
        padding: 20px 0;
    }

    .issol h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .issol h2 {
        font-size: 27px;
        line-height: 32px;
    }

    .issol h3 {
        font-size: 25px;
        line-height: 31px;
    }

    .issol h4 {
        font-size: 22px;
        line-height: 30px;
    }

    .issol h5 {
        font-size: 20px;
        line-height: 29px;
    }

    .issol h6 {
        font-size: 18px;
        line-height: 28px;
    }

    .issol p {
        font-size: 17px;
        line-height: 27px;
    }
    .issol ol,.issol ul,.issol table tr th {
        font-size: 17px;
    }
}

@media (min-width: 991px) and (max-width: 1180px) {
    img.custom-logo {
        max-width: 250px;
        height: 60px;
        width: 100%;
        object-fit: contain;
    }
}

@media(max-width:991px) and (min-width: 375px) {
    .issol ol {
        padding-left: 20px;
    }
}


@media(max-width:550px) {
    .last_updated_date p,
    .date-author-cl span {
        font-size: 16px !important;
    }

    img.aligncenter.size-full {
        padding: 0;
    }
}

@media(max-width:1179px) {
    header .container {
        padding: 30px 12px;
    }

    .issol table tr td {
        white-space: nowrap;
    }
}

@media(max-width:624px) {
    .issol table {
        display: block;
    }
}