/*
Theme Name: Child Thrive Theme
Theme URI: http://thrivethemes.com/
Version: 1.0
Author: <a href="http://www.thrivethemes.com">Thrive Themes</a>
Description: Fully customizable, front end theme and template editing for WordPress has arrived! 
Template: thrive-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, custom-everything
*/

.grecaptcha-badge {visibility:hidden!important;}



#thrive-footer > div {

padding: 50px 20px 0;

}



.tcb-with-icon.tcb-flip .tcb-button-icon {

padding-left: 5px;

}



.thrive-display-testimonials .slick-slider .tcb-carousel-arrow {

position: absolute;

top: initial;

bottom: -50px;

left: 50%;

}



.thrive-display-testimonials .slick-slider .tcb-carousel-arrow.slick-prev {

transform: translateX(calc(-50% - 30px));

}



.thrive-display-testimonials .slick-slider .tcb-carousel-arrow.slick-next {

transform: translateX(calc(-50% + 30px));

}



.fxblist > div {

width: 100%;

max-width: 100%;

}



.fxbrokers {

display: flex;

gap: 30px;

width: 100%;

flex-direction: column;

}



.fxbrokers-item {

background:

linear-gradient(

180deg,

rgba(29,131,21,0.05) 0%,

rgba(29,131,21,0.10) 100%

),

#0c1115;

border: 1px solid #1d8315;

border-radius: 10px;

padding: 10px 15px;

position: relative;

}



.fxbrokers-item > div:first-child {

width: 100%;

display: flex;

justify-content: space-between;

}



.fxbrokers ul.fxbrokers-tab {

width: 100%;

display: flex;

gap: 30px;

list-style: none;

margin: 0 !important;

padding: 0 30px 0 0;

align-items: center;

justify-content: flex-start;

cursor: pointer;

}



.fxbrokers ul.fxbrokers-tab p {

padding: 0;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(2) label,

.fxbrokers ul.fxbrokers-tab li:nth-child(3) p {

font-size: 14px;

padding: 0;

}



.fxbrokers ul.fxbrokers-tab li {

font-size: 13px;

margin: 0;

padding: 0;

text-align: left;

}



.fxbrokers ul.fxbrokers-tab li:first-child {

min-width: 120px;

max-width: 120px;

padding: 10px;

}



.fxbrokers ul.fxbrokers-tab li:first-child img {

max-height: 50px;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(2) > a {

font-size: 13px;

display: block;

font-weight: 500;

white-space: nowrap;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(4) p span {

white-space: break-spaces;

}



.fxbrokers .open-live-act {

display: flex;

align-items: center;

gap: 10px;

}



.fxbrokers .open-live-act a.acc-btn {

white-space: nowrap;

color: #fff;

background: #29bc1e !important;

border: 1px solid #29bc1e;

padding: 5px 15px;

font-size: 12px;

font-weight: 500;

text-decoration: none;

border-radius: 30px;

}



.fxbrokers .open-live-act a.acc-btn:hover {

background: #0c1115 !important;

}



.fxbrokers .open-live-act i {

font-size: 14px;

}



.fxbrokers ul.fxbrokers-tab span {

display: block;

font-size: 14px;

}



.fxbrokers-content {

display: none;

transition: 0.3s ease-out;

margin: 10px auto;

}



.fxbrokers-content.open {

display: block !important;

}



.fxl-rating code {

display: flex;

justify-content: center;

}



.fxl-rating span.star {

font-size: 20px;

line-height: 1em;

color: #fff;

}



.rating {

direction: rtl;

font-size: 2rem;

display: inline-flex;

gap: 5px;

}



.rating input[type="radio"] {

display: none;

}



.rating label {

cursor: pointer;

color: #ccc;

}



.rating label:hover,

.rating label:hover ~ label {

color: #facc15;

}



.rating input[type="radio"]:checked ~ label {

color: #ffc107;

}



.broker-details-wrapper {

display: grid;

grid-template-columns: 1fr 1fr;

}



.broker-row {

display: flex;

background: #12191f;

border-radius: 10px;

padding: 5px 10px;

align-items: center;

border: 1px solid #1d8315;

margin: 5px;

}



.broker-row p {

padding: 0;

font-size: 14px;

color: rgb(231 228 232);

}



.broker-row label {

font-size: 15px;

line-height: normal;

font-weight: 500;

color: #29bc1e;

width: 150px;

min-width: 150px;

}



.fxbrokers ul.fxbrokers-tab li.avgspread {

white-space: nowrap;

}



.single-broker-details-wrapper {

display: flex;

flex-direction: column;

}



.single-broker-details-wrapper .broker-label {

min-width: 200px;

font-size: 16px;

font-weight: 500;

line-height: 1.6;

}



.single-broker-details-wrapper .broker-value {

font-size: 15px;

font-weight: 400;

line-height: 1.6;

}



#rating-form textarea {

box-sizing: border-box;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(2) {

min-width: 200px;

max-width: 200px;

justify-content: space-between;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(3) {

width: 40%;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(4) {

width: 30%;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(3) > p:nth-child(1),

.fxbrokers ul.fxbrokers-tab li:nth-child(3) > p:nth-child(2) {

min-width: 100px;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(2),

.fxbrokers ul.fxbrokers-tab li:nth-child(3) {

display: flex;

gap: 30px;

align-items: center;

text-align: left;

}



.thrv-search-form.has-suggestions {

overflow: visible;

border-radius: 30px 30px 0 0 !important;

}



input#broker-search {

display: block;

margin: 0 auto 30px;

border-radius: 30px;

padding: 10px 30px;

max-width: 400px;

width: 100%;

font-size: 16px;

}



input#broker-search:focus-visible {

border: 1px solid rgb(29 131 21);

outline: none;

}



div.nsl-container[data-align="left"] {

text-align: center;

}



.thrv-login-element.tcb-login-v2 {

width: 100%;

max-width: 500px;

min-width: initial;

}



.thrv-login-element.tcb-login-v2 input,

.thrv-login-element.tcb-login-v2 .tar-login-submit a {

border-radius: 50px !important;

}



.thrv-login-element.tcb-login-v2 .tar-login-submit a {

display: flex;

max-width: 250px;

margin: 0 auto;

}



.thrv-login-element.tcb-login-v2 form a.tve-dynamic-link {

font-size: 14px;

}



#google-login .nsl-container .nsl-container-buttons a {

display: flex;

align-items: center;

gap: 5px;

padding: 3px 10px 3px 0px;

border-radius: 50px;

font-size: 14px;

justify-content: center;

box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .25);

color: RGBA(0, 0, 0, 0.54);

}



.thrv-login-element .tve-login-form-input input:focus-visible {

outline: none;

}



#review .review-title {

font-weight: 500;

}



#review ul.tab-titles {

padding: 15px;

margin-top: 15px;

}



#review ul.tab-titles li {

padding: 0;

}



#review .review-desc {

box-sizing: border-box;

}



#review .review-pros-cons p {

padding: 15px 30px 15px 30px;

}



.thrv_wrapper.tve-user-profile {

border-radius: 15px;

}



.tcb-login-form-wrapper[data-state="logged_in"] > div {

display: flex;

align-items: center;

justify-content: space-between;

}



.tcb-login-form-wrapper[data-state="logged_in"] .thrv-form-title {

margin: 0 !important;

display: flex;

}



.tcb-login-form-wrapper[data-state="logged_in"] .tar-login-elem-link > p {

border: 1px solid #29bc1e;

border-radius: 30px;

padding: 5px 20px;

}



.dashboard-reviews .user-review-list {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 30px;

list-style: none;

margin: 0 !important;

}



.dashboard-reviews .user-review-list li {

border: 1px solid #29bc1e;

border-radius: 15px;

padding: 15px 20px;

margin: 0 !important;

}



#review .review-tabs > ul,

#review #review-tab-author {

display: none;

}



#review #review-tab-users {

display: block;

}



.thrv-comments > #comments {

padding: 0;

margin: 0;

}



#commentform .wp-review-comment-rating .review-star .review-result-wrapper > span > i {

color: #a1a1a1;

}



.comment-author.vcard {

display: flex;

align-items: center;

}



.comment-author.vcard .fn {

margin: 0;

}



.commenttext h4 {

padding: 0;

margin-top: 15px;

}



.tcm-comment-header .tcm-author-content .tcm-comment-author-name > strong {

margin: 0;

}



#thrive-comments #tcm-login-up {

color: #26af1c;

border: 1px solid;

padding: 10px 20px;

border-radius: 30px;

}



#wp-auth-check-wrap #wp-auth-check {

width: 100%;

max-width: 500px;

}



#comments .comment-respond {

max-width: 500px;

margin: 50px auto 0;

border: 1px solid #e7e7e7;

border-radius: 15px;

}



#comments .comment-respond input,

#comments .comment-respond textarea {

border-radius: 10px;

}



#comments.comments-area ol.commentlist,

#comments.comments-area ol.comment-list {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 30px;

}



#comments.comments-area ol li {

border: 1px solid #e7e7e7;

border-radius: 15px;

padding: 30px;

}



#comments.comments-area ol li > article {

border: none;

padding: 0;

}



.wp_review_comments_template #comments .avatar,

.comment-author .thrive-comment-author-picture .avatar {

max-width: 50px;

border: 5px solid #e7e7e7 !important;

}



#comments.comments-area ol li > article > footer.comment-meta {

display: flex;

align-items: center;

}



.thrv-comments > #comments > .comment-respond {

padding: 30px;

margin-top: 0;

}



.thrv-comments > #comments {

margin-bottom: 50px;

}



#comments.comments-area ol li > article > footer.comment-meta .comment-metadata {

margin: 0;

}



#comments.comments-area ol li > article > .comment-content h4 {

margin-top: 15px;

padding-bottom: 5px;

}



#comments.comments-area ol li > article a.comment-reply-login {

background: transparent;

color: rgb(31, 165, 230);

border: 1px solid;

border-radius: 30px;

text-decoration: none;

}



.comments-area .comment-metadata > a {

pointer-events: none;

}



.wp_review_comments_template #comments {

display: flex;

float: none;

padding: 0;

flex-direction: column;

}



div.nsl-container .nsl-button-google[data-skin="light"],

.tve-user-profile a.tve-form-button-submit {

border-radius: 30px !important;

}



.tve-user-profile .tve-form-button {

text-align: center;

}



.tve-user-profile a.tve-form-button-submit {

max-width: 200px;

justify-content: center;

gap: 10px;

}



.tve-user-profile a.tve-form-button-submit > * {

display: contents;

}



.tve-user-profile a.tve-form-button-submit .tcb-button-text {

font-size: 12px;

}



.tve-m-trigger .thrv_icon svg {

font-size: 20px;

}



#review {

border-radius: 10px;

overflow: hidden;

}



.thrv-login-element .tcb-login-form-wrapper form {

max-width: 500px;

margin: 0 auto 20px !important;

padding: 20px 30px 0;

border: 1px solid #29bc1e;

border-radius: 15px;

}



.dashboard-reviews .tve_shortcode_rendered > p {

text-align: center;

}



#broker-filters {

margin-bottom: 50px;

}



#broker-filters > div {

display: flex;

flex-wrap: wrap;

gap: 5px;

justify-content: center;

margin-bottom: 20px;

}



#broker-filters select {

background: url(/wp-content/uploads/2025/05/select-drop.png) no-repeat;

background-size: 10px;

background-position: calc(100% - 13px) 13px;

appearance: none;

padding: 5px 35px 5px 15px;

font-size: 14px;

font-weight: 500;

line-height: 1.5;

border: 1px solid #57cb4f;

border-radius: 30px;

height: fit-content;

}



#broker-filters select:focus-visible {

outline: none;

}



#broker-filters option {

font-size: 12px;

}



#broker-filters button,

#broker-filters button[type="submit"]:hover {

background: #0c1115;

color: #29bc1e;

border: 1px solid #29bc1e;

font-size: 14px;

line-height: 1.5;

padding: 5px 20px;

border-radius: 30px;

}



#broker-filters button:hover,

#broker-filters button[type="submit"],

#broker-filters .filter-group.open .dropdown-trigger {

background: #29bc1e;

color: #fff;

}



#broker-filters .star-rating-filter {

border: 1px solid #cccdcc;

border-radius: 30px;

padding: 5px 20px;

}



.checkbox-dropdown {

display: inline-block;

}



.checkbox-dropdown .dropdown-trigger {

padding: 6px 15px;

border: 1px solid #ccc;

background: #fafbfc;

cursor: pointer;

border-radius: 3px;

font-size: 95%;

margin-bottom: 5px;

}



.dropdown-options {

display: block;

overflow: hidden;

height: 0;

position: absolute;

left: 0;

right: 0;

width: calc(100% - 20px);

padding: 0;

background-color: #0c1115;

border-radius: 15px;

box-sizing: border-box;

z-index: 0;

}



.filter-group.open .dropdown-options {

transition: height 0.3s ease, padding 0.3s ease;

text-align: center;

}



.checkbox-dropdown label {

display: inline-flex;

gap: 5px;

font-size: 13px;

line-height: 1.1;

padding: 0;

margin: 5px 10px;

cursor: pointer;

align-items: flex-start;

text-align: left;

}



.filter-group {

margin-bottom: 0px;

transition: margin-bottom 0.3s ease;

display: inline-block;

}



.filter-group label.field-label {

font-weight: bold;

font-size: 97%;

display: block;

margin-bottom: 2px;

}



.fxbrokers ul.fxbrokers-tab span.star-display-rating {

line-height: 1;

}



.star-rating-filter {

font-size: 14px;

}



.stars-row {

user-select: none;

}



.stars-row .star {

color: #ccc;

font-size: 1.4em;

margin-right: 3px;

cursor: pointer;

transition: color 0.2s;

}



.stars-row .star.on {

color: #ffb400;

}



.star-display-rating {

vertical-align: middle;

font-size: 1.1em;

}



.fxbrokers-tab img {

max-height: 40px;

max-width: 90px;

width: auto;

height: auto;

}



#broker-filters button.dropdown-trigger:after {

display: inline-block;

content: "";

width: 7px;

height: 7px;

border-right: 1px solid;

border-bottom: 1px solid;

transform: rotate(45deg);

position: relative;

top: -3px;

margin-left: 5px;

}



.search-filters > h6 {

text-align: center;

}



.wp-review-summary {

margin: 0 !important;

padding-right: 100px;

border: none !important;

background: transparent !important;

}



.wp-review-summary-right > div:first-child {

position: absolute;

right: 25px;

}



.thrv_widget_menu.thrv_wrapper[class*="tve-menu-template-"] ul.tve_w_menu > li > a {

font-family: Sora !important;

font-weight: 400 !important;

}



.tcm-comments-list {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 30px;

}



.comment-form-reply-title-wrapper {

display: flex;

flex-wrap: wrap;

justify-content: space-between;

align-items: center;

padding-right: 15px !important;

}



.comment-form-reply-title-wrapper small a {

margin: 0 !important;

text-transform: capitalize;

}



.broker-suggest-wrapper {

width: 100%;

position: absolute;

/*top: 80px !important;*/

left: 0;

z-index: 10000;

background: #ffffff;

box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px;

border-radius: 0 0 15px 15px;

overflow: hidden;

flex-direction: column;

gap: 0px;

}

[data-css="tve-u-17ce6b08791"] {
    z-index: -1;
}


.broker-suggest-item {

padding: 10px 15px;

border-bottom: 1px solid #ccc;

}



.broker-suggest-rating {

font-size: 14px;

height: fit-content;

padding: 8px 5px !important;

}



.broker-suggest-row,

.broker-suggest-meta {

display: flex;

flex-wrap: wrap;

gap: 30px;

line-height: 1.2;

margin-top: 5px;

align-items: center;

}



.broker-suggest-meta {

margin-top: 10px;

}



.broker-search-btn {

display: block;

margin: 15px auto;

text-align: center;

background-color: var(--tcb-skin-color-0);

color: rgb(255, 255, 255);

border: 1px solid;

padding: 5px 20px;

border-radius: 30px;

text-decoration: none !important;

font-size: 16px;

}



.broker-search-btn:hover {

color: var(--tcb-skin-color-0) !important;

background-color: rgb(255, 255, 255);

}



.thrv-search-form .thrv-sf-input > input {

box-shadow: none !important;

}



.broker-suggest-logo-title {

display: flex;

align-items: center;

}



.broker-suggest-logo-title a {

max-width: 130px;

display: inline-block;

}



#thrive-comments .tcm-lazy-comments .tcm-powered-by {

display: none;

}



div.nsl-container .nsl-button-google[data-skin="light"]:hover {

box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .4);

}



.wp-review-summary-right {

align-items: flex-end !important;

}



.thrv-search-form {

position: relative;

}



.dashboard-reviews .user-reviews-list {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 30px;

}



.dashboard-reviews .user-reviews-list > div {

margin-bottom: 0 !important;

}



.broker-suggest-meta .broker-open-account {

font-size: 12px;

color: #fff;

border-radius: 50px;

border: 1px solid var(--tcb-skin-color-0);

background-color: var(--tcb-skin-color-0);

padding: 10px 20px !important;

}



.fxbrokers ul.fxbrokers-tab li:first-child > a {

box-shadow: none !important;

}



.loginbtn {

padding: 6px 20px !important;

border: 1px solid var(--tcb-skin-color-0);

border-radius: 50px;

background: var(--tcb-skin-color-0);

}



.loginbtn:hover {

color: var(--tcb-skin-color-0);

background: transparent;

}



.single-forex-broker .thrv_wrapper.thrv-comments {

padding: 0 !important;

margin: 0 !important;

}



.single-forex-broker #respond {

padding: 30px !important;

}



:root {

--wp-dark-mode-text--tcb-color-0: #fff;

}



.custom-close-icon {

display: none;

}



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

.thrv_header .thrv_widget_menu.thrv_wrapper ul.tve_w_menu li > a {

font-size: 14px;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(2) {

min-width: 130px;

max-width: 130px;

}



.fxbrokers ul.fxbrokers-tab,

.fxbrokers ul.fxbrokers-tab li:nth-child(2),

.fxbrokers ul.fxbrokers-tab li:nth-child(3) {

gap: 20px;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(2) {

flex-direction: column;

gap: 5px;

align-items: flex-start;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(3) p {

font-size: 13px;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(3) > p:nth-child(1),

.fxbrokers ul.fxbrokers-tab li:nth-child(3) > p:nth-child(2) {

min-width: 80px;

}

}



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

.thrv_header .thrv_widget_menu.thrv_wrapper ul.tve_w_menu {

flex-direction: column;

}



.thrv_header .thrv_widget_menu.thrv_wrapper ul.tve_w_menu li {

width: initial !important;

}



#thrive-header .thrv_widget_menu[class*="tve-custom-menu-switch-icon-"].tve-mobile-dropdown .tve-ham-wrap.tve-m-expanded {

height: 100vh;

top: 0 !important;

left: 0 !important;

max-height: 100vh !important;

position: fixed;

justify-content: center;

}



.thrv_widget_menu.thrv_wrapper[class*="tve-custom-menu-switch-icon-"].tve-mobile-dropdown .tve-m-trigger {

position: relative;

z-index: 99;

}



.fxbrokers ul.fxbrokers-tab {

flex-wrap: wrap;

gap: 15px;

justify-content: center;

position: relative;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(3) {

gap: 15px;

}



.fxbrokers ul.fxbrokers-tab li {

text-align: left;

}



.comment-author.vcard {

flex-wrap: wrap;

}



.fxbrokers ul.fxbrokers-tab li:nth-child(2) > a {

display: flex;

gap: 5px;

line-height: 1.2em;

}



.fxaccountsec .thrv_wrapper.thrv-columns > div > div {

margin-bottom: 24px;

}



.fxbrokers-item > div:first-child {

flex-direction: column;

gap: 20px;

}



.fxbrokers .open-live-act a.acc-btn {

width: 100%;

text-align: center;

	
}



.fxbrokers ul.fxbrokers-tab li:nth-child(3) > p:nth-child(1),

.fxbrokers ul.fxbrokers-tab li:nth-child(3) > p:nth-child(2) {

min-width: 100px;

}

}



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

.broker-details-wrapper,

.tcm-comments-list {

grid-template-columns: 1fr;

}



.broker-row label {

width: 100%;

}



.txt-center > * {

text-align: center !important;

}

}



.tw-group.tw-flex.tw-items-center {

padding: 20px !important;

}



.tw-bg-white .tw-text-base {

color: #000 !important

}



.tw-bg-white .tw-text-sm {

color: #000 !important

}





label.tw-block {

color: #fff;

padding-right: 5px;

}



.tw-absolute {

background-color: green !important;

}



.tw-absolute a:hover {

background-color: #000 !important;

}





.broker-review-section .tw-flex.tw-items-center span,

.thefxbook-panel .thefxbook-footer-link a,

.comment-form a{

color: green;

}



.broker-review-section a {

color: green !important;

cursor: pointer;

}



.thefxbook-panel .nsl-button {

margin-top: 20px;

}



.tradingview-widget-copyright {

display: none;

}



textarea, input, select, .tw-bg-white p, .select2-container .select2-selection--single .select2-selection__rendered,

.select2-dropdown .select2-results__option,

.select2-container.-acf .select2-selection,

.select2-results__options,

.select2-selection__choice {

color: var(--tve-color, rgba(255, 255, 255, 0.6)) !important;

background: rgb(15, 15, 15) !important;

}

.broker-suggest-meta {

display: flex;

justify-content: space-between;

}

.theme-section {

z-index: 2 !important;

}



#content, [data-css="tve-u-17ce6b0877f"] {

z-index: 1 !important

}



a:not(.tcb-button-link) svg.tcb-icon {

color: #fff;

}



.acf-field .acf-notice.-error {

background: #d94f4f !important;

}



.tcb-menu-item-container.tcb--row, .broker-suggest-meta {

color: #000 !important

}
/* Fixes tailored to the CSS you shared — prevents horizontal overflow on mobile.
   Paste into Appearance → Customize → Additional CSS (or your child theme stylesheet).
*/

/* 1) General safety */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2) Make media and embeds responsive */
img, picture, svg, video, iframe, embed, object {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 3) Prevent long strings or code from forcing horizontal width */
body,
.entry-content, .post, p, pre, code,
.fxbrokers ul.fxbrokers-tab li,
#review .review-pros-cons,
.wp-review-summary {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 4) Allow flex children to shrink (the main cause for fxbrokers overflow) */
.fxbrokers ul.fxbrokers-tab,
.fxbrokers ul.fxbrokers-tab li,
.fxbrokers-item,
.broker-row,
.broker-details-wrapper > *,
.tcm-comments-list > * {
  min-width: 0 !important;      /* allow shrinking inside flex/grid */
  flex-shrink: 1 !important;
  -webkit-flex-shrink: 1 !important;
}

/* Make list items flexible by default so fixed pixel/min widths don't add up */
.fxbrokers ul.fxbrokers-tab li {
  flex: 1 1 auto !important;
  max-width: 100% !important;
}

/* 5) Override fixed widths that add up (targeted to selectors in your code) */
.fxbrokers ul.fxbrokers-tab li:first-child,
.fxbrokers ul.fxbrokers-tab li:nth-child(2),
.fxbrokers ul.fxbrokers-tab li:nth-child(3),
.fxbrokers ul.fxbrokers-tab li:nth-child(4) {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box;
}

/* 6) Fix dropdowns, suggestion containers and absolute-positioned lists */
.broker-suggest-wrapper,
.dropdown-options,
.broker-suggest-item {
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}

/* 7) Reduce large paddings that cause hidden overflow on small screens */
@media (max-width: 1023px) {
  .wp-review-summary { padding-right: 0 !important; }
  .wp-review-summary-right > div:first-child {
    position: static !important;
    right: auto !important;
  }

  /* reduce fxbrokers gap so it doesn't push items out */
  .fxbrokers ul.fxbrokers-tab { gap: 12px !important; padding-right: 0 !important; }
}

@media (max-width: 767px) {
  /* collapse tab layout to vertical flow on small screens to avoid width accumulation */
  .fxbrokers ul.fxbrokers-tab {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding-right: 0 !important;
  }

  .fxbrokers ul.fxbrokers-tab li {
    width: 100% !important;
    flex: 0 0 auto !important;
    max-width: 100% !important;
  }

  /* grid -> single column where appropriate */
  .broker-details-wrapper,
  .tcm-comments-list,
  #comments.comments-area ol.commentlist,
  #comments.comments-area ol.comment-list,
  .dashboard-reviews .user-review-list,
  .dashboard-reviews .user-reviews-list {
    grid-template-columns: 1fr !important;
  }

  /* Make search and auth controls safe on small screens */
  input#broker-search,
  .thrv-login-element.tcb-login-v2,
  #wp-auth-check-wrap #wp-auth-check {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* reduce any leftover right padding for review areas */
  #review .review-pros-cons p { padding-right: 15px !important; padding-left: 15px !important; }
}

/* 8) Ensure the carousel arrows and testimonial wrapper don't cause overflow */
.thrive-display-testimonials .slick-slider,
.thrive-display-testimonials {
  overflow-x: visible;
  max-width: 100%;
  box-sizing: border-box;
}

/* Prevent transforms from forcing extra page width by keeping arrows inside their container */
.thrive-display-testimonials .slick-slider .tcb-carousel-arrow {
  left: 50%;
  transform: translateX(-50%) !important;
  bottom: -50px;
  box-sizing: border-box;
  max-width: 100%;
}

/* If you need the original offset variation on larger screens, reintroduce it there */
@media (min-width: 1024px) {
  .thrive-display-testimonials .slick-slider .tcb-carousel-arrow.slick-prev {
    transform: translateX(calc(-50% - 30px)) !important;
  }
  .thrive-display-testimonials .slick-slider .tcb-carousel-arrow.slick-next {
    transform: translateX(calc(-50% + 30px)) !important;
  }
}

/* 9) Catch any 100vw-based elements (common cause) */
[class*="100vw"], [style*="100vw"], .element-100vw, .site-full-width {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  box-sizing: border-box !important;
}

/* 10) Optional conservative bandaid: enable only if overflow persists after testing.
   Uncomment to hide any remaining horizontal scrollbar. Use as last resort.
html, body {
  overflow-x: hidden !important;
}
@media (max-width: 768px) {

  /* HARD RESET text breaking */
  .acf-value,
  .field-value,
  .broker-field *,
  .broker-item * {
    min-width: 0 !important;
    max-width: 100% !important;

    /* THIS IS THE KEY FIX */
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }

}
@media (max-width: 768px) {

  .acf-value span,
  .acf-value p,
  .field-value span,
  .field-value p {
    display: block !important;
    width: 100% !important;
    word-break: normal !important;
    white-space: normal !important;
  }

}
.broker-row p {
width: -webkit-fill-available;
}
@media (min-width: 1024px) {
  /* 1. Ensure the outer container allows the button to sit on the far right */
  .fxbrokers-cont {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 20px !important; /* Reduced gap slightly for more breathing room */
    width: 100% !important;
  }

  /* 2. Fix the Internal Data Columns */
  .fxbrokers .broker-main-info ul.fxbrokers-tab {
    display: grid !important;
    /* Defined columns: Logo | Name | Stats (Min Dep/Lev/Comm) | Spreads List */
    grid-template-columns: 100px 180px 1fr 1.5fr !important;
    align-items: center !important;
    gap: 25px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  /* 3. Handle the 'Stats' Column (Max Leverage, Min Deposit, Commission) */
  /* This ensures the middle items stack or align properly without stretching */
  .fxbrokers .broker-main-info ul.fxbrokers-tab > li:nth-child(3) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    justify-content: flex-start !important;
  }

  /* 4. Fix the Spread Column (the 4th LI) */
  /* Allowing it more space and fixing the wrapping seen in the screenshot */
  .fxbrokers .broker-main-info ul.fxbrokers-tab > li:nth-child(4) {
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
  }

  /* 5. Action Button Area */
  .fxbrokers-cont > div:last-child {
    min-width: 170px !important;
    text-align: right !important;
  }

  /* 6. Clean up text formatting for spreads to prevent overflow */
  .fxbrokers .broker-main-info ul.fxbrokers-tab > li.avgspread span {
    display: block !important;
    margin-bottom: 2px !important;
  }
}
#broker-filters {
  position: relative; /* safe, minimal — won't change layout */
}

/* Desktop: show the two-line note on the right of the filters */


/*In depth review search css*/

/* Fix broker suggest wrapper responsiveness */
.broker-suggest-wrapper {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.broker-suggest-item {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 15px !important;
}

/* Fix row layout */
.broker-suggest-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
}

/* Fix logo and title section */
.broker-suggest-logo-title {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 80px) !important;
}

.broker-suggest-logo-title img {
    flex-shrink: 0 !important;
    width: 40px !important;
    height: 40px !important;
    margin-right: 10px !important;
}

.broker-suggest-logo-title a {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    display: inline-block !important;
}

/* Fix rating badge */
.broker-suggest-rating {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

/* Fix meta section */
.broker-suggest-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 10px !important;
}

.broker-suggest-meta .broker-open-account {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

/* Fix search button */
.broker-search-btn {
    max-width: calc(100% - 30px) !important;
    box-sizing: border-box !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
	.broker-suggest-wrapper {
		
	top: 60px !important;
	}
    .broker-suggest-row {
        gap: 8px !important;
    }
    
    .broker-suggest-logo-title {
        max-width: calc(100% - 70px) !important;
    }
    
    .broker-suggest-logo-title a {
        font-size: 14px !important;
    }
    
    .broker-suggest-rating {
        font-size: 12px !important;
        padding: 4px 6px !important;
    }
    
    .broker-suggest-meta {
        gap: 8px !important;
    }
    
    .broker-suggest-meta .broker-open-account {
        font-size: 11px !important;
        padding: 8px 15px !important;
    }
    
    .broker-suggest-meta div {
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
	.broker-suggest-wrapper {
		
	top: 60px !important;
	}
    .broker-suggest-item {
        padding: 8px 10px !important;
    }
    
    .broker-suggest-logo-title {
        max-width: 100% !important;
        margin-bottom: 5px !important;
    }
    
    .broker-suggest-row {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    .broker-suggest-rating {
        align-self: flex-start !important;
    }
    
    .broker-suggest-meta {
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
    }
    
    .broker-suggest-meta .broker-open-account {
        width: 100% !important;
        text-align: center !important;
    }
}

/* Fix button overflow on mobile */
.broker-suggest-meta .broker-open-account {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

@media (max-width: 480px) {
    .broker-suggest-meta .broker-open-account {
        width: auto !important;
        max-width: 100% !important;
        padding: 8px 15px !important;
        font-size: 11px !important;
        display: inline-block !important;
    }
    
    .broker-suggest-meta {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 380px) {
	
	.broker-suggest-wrapper {
		
	top: 60px !important;
	}
    .broker-suggest-meta .broker-open-account {
        font-size: 10px !important;
        padding: 8px 12px !important;
    }
}

.open-live-act a.acc-btn {
	font-size: 14px !important;
	padding: 5px 10px !important;
}

/* Header Style*/

#thrive-header, div.thrv_header  {
	background-color: rgb(12, 17, 21) !important;
	z-index: 9999999 !important
	
}

.tcb-icon {
/*     transform: rotate(var(--tcb-icon-rotation-angle, 0deg)); */
    width: 55px !important;
/*     height: 15px !important; */
}




/* Mobile-first grid layout for filters */
@media screen and (max-width: 768px) {
  #broker-filters > div:first-child {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  /* Force all filter groups to be uniform - each takes exactly 1 grid cell */
  #broker-filters .filter-group.checkbox-dropdown {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    grid-column: span 1 !important;
    box-sizing: border-box !important;
  }

  #broker-filters .dropdown-trigger {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px !important;
    text-align: left !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    display: block !important;
  }

  /* Force dropdown options container */
  #broker-filters .dropdown-options {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Stack the bottom controls vertically on mobile */
  #broker-filters > div:last-child {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  #broker-filters .star-rating-filter {
    width: 100% !important;
  }

  #broker-filters button[type="submit"],
  #broker-filters button[type="button"] {
    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
  }
}
.thefxbook-social-login {
    
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    justify-content: center !important;
}