/*
Theme Name: 5and33
Author: 5and33
*/

:root {
    --primary-color :#d72333;
    --primary-yellow:#faac18;
    --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;
}

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

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-5and33 h2, .content-part-5and33 h3, .content-part-5and33 h2, .content-part-5and33 h6 {
    color: currentColor;
}
.content-part-5and33 a:link {
	color: var(--primary-color);
}
.toplist-casinobrobeans-sports__offer-cta-btn {
    background: var(--primary-color) !important;
}
.toplist-casinobrobeans-sports__offer-extra:before {
    background: var(--primary-color) !important;
}

.site-logo {
    margin-right: 25px;
    flex: 0 0 auto;
}
.site-logo a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.site-logo img {
    max-width: 100%;
    height: auto;
}

.content-part-5and33 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
}
body .su-button-center {
    margin-top:1rem;
}
body .su-button-center a {
    border-radius: 12px !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 .su-button-center a:hover span {
    top:0 !important;
}
.content-part-5and33 table tr td, .content-part-5and33 table tr th {
    border: 1px solid #000;
    padding: 10px;
	font-size: 16px;
}

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

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

.table-auto {    
	overflow-x: auto; 
	-webkit-overflow-scrolling: touch;
}
.profile-fields-table .label {
    font-weight: 600;
}


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

.content-part-silversantestudy a {
    color: #da5000;
}
.content-part-5and33 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-5and33 blockquote::before {
    content: open-quote;
    top: 0px;
    left: 20px;
}

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

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

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

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

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

.content-part-5and33 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: 15px;
    right: 7px;
    color: var(--white-color);
}
ul.wp-menu ul.sub-menu li:hover a{
	color: var(--white-color)!important;
}
.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(--white-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: 15px 0;
    position: relative;
    background: #000;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    z-index: 150;
}

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

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

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

ul.sub-menu {
    list-style: none;
    padding-left: 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;
}

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

ul.wp-menu ul.sub-menu li a {
    width: 100%;
    display: block;
    padding: 8px 12px;
    color: var(--black-color) !important;
	font-size:16px;
}
/* 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 {
    background: var(--primary-color);
    padding: 8px 20px;
}

/* 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(--white-color) !important;
	transition: all 0.5s;
} */
ul.wp-menu li:hover a{
	text-decoration:underline;
}
ul.wp-menu li a {
    color: var(--white-color);
    font-size: 18px;
    line-height: 26px;
    text-decoration: none;
    font-weight: 600;
}
ul.wp-menu ul.sub-menu li:hover {
    background: var(--primary-color);
}
/* ul.wp-menu ul.sub-menu li:hover a {
    color: var(--white-color) !important;
} */

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

.content-part-5and33 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 span.lbl {
    margin-right: 5px;
}
.name_author_out h4,
.name_author_out p {
    margin: 0;
    padding:0;
    font-weight: normal;
}

.modifyDetails {
    /* background: #F2F2F2; */
    /* border-radius: 10px; */
    padding: 10px 0;
    margin-bottom: 20px;
}

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

.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*/



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;
}
body .toplist-casino-listing-26__offer-rating:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' viewBox='0 0 24 23' fill='none'%3E%3Cpath d='M18.1109 22.1715C17.9244 22.1722 17.7404 22.1282 17.5742 22.0431L11.6242 18.9282L5.67422 22.0431C5.48102 22.1447 5.26316 22.19 5.04556 22.174C4.82783 22.158 4.61902 22.0812 4.44276 21.9523C4.26649 21.8235 4.12995 21.6479 4.04862 21.4452C3.96729 21.2427 3.94435 21.0214 3.98262 20.8064L5.14929 14.2382L0.342615 9.57146C0.192614 9.42181 0.0862187 9.23414 0.0348853 9.0286C-0.0165814 8.82306 -0.01098 8.60741 0.0508867 8.4048C0.118487 8.19745 0.24289 8.01321 0.409957 7.87298C0.577024 7.73274 0.779956 7.64216 0.995956 7.61146L7.64595 6.64313L10.5742 0.658131C10.6698 0.460877 10.8189 0.294528 11.0046 0.178131C11.1904 0.0617347 11.405 0 11.6242 0C11.8434 0 12.0581 0.0617347 12.2438 0.178131C12.4296 0.294528 12.5788 0.460877 12.6742 0.658131L15.6376 6.63146L22.2876 7.5998C22.5036 7.63049 22.7065 7.72109 22.8736 7.86132C23.0406 8.00154 23.1649 8.18578 23.2326 8.39313C23.2945 8.59574 23.3001 8.8114 23.2486 9.01693C23.1973 9.22248 23.0909 9.41014 22.9409 9.5598L18.1342 14.2264L19.3009 20.7948C19.3426 21.0135 19.3208 21.2396 19.2381 21.4463C19.1554 21.6531 19.0153 21.8318 18.8342 21.9615C18.623 22.1095 18.3686 22.1834 18.1109 22.1715Z' fill='%23d72333'/%3E%3C/svg%3E");
}
body .toplist-casino-listing-26__offer-cta-btn {
    background: var(--primary-color);
    color: #fff !important;
}
body .toplist-casino-listing-26__offer-cta-btn:hover {
    background: #000;
}
body .toplist-casino-listing-26__offer-brand:before {
    background: #d72333;
}

body .toplist-casino-listing-26__offer-bonus {
    color: #d72333;
}
@media screen and (min-width: 992px) and (max-width: 1100px) {
	
	/* body .toplist-casino-listing-26__offer {
		grid-template-columns: 220px 200px 90px auto 180px;
	} */
}


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

}
@media screen and (max-width: 991px) {
ul.sub-menu {
    border-radius: 0;
    box-shadow: none;
    background: #473f3b29;
}
.mobile-menu {
    display: block;
}

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

ul.wp-menu {
    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(--white-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 */
  color: var(--white-color);
}

/* When .active class is added */
span.toggle-menu.on i {
  transform: rotate(180deg);
}
pre, code {
    display: inline;
}
ul.sub-menu {	
    position: relative;
    width: 100%;
}

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(--white-color);
}

}

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

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

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

body .toplist-casino-listing-26__offer-logo img {
    width: initial;
    height: 100%;
} 
body .toplist-casino-listing-26__offer-logo {
    background: #101010;
}