/*
Theme Name: Suzuki-Club Custom Theme
Theme URI: https://www.suzuki-club.eu/
Author: Suzuki-Club Team
Description: A custom WordPress theme built for a Europe-wide Suzuki enthusiasts community. Designed to support club news, vehicle discussions, member galleries, events, classifieds, and technical resources for Suzuki owners and fans of cars, 4x4s, and motorcycles. Focused on user engagement, community forums, and responsive design for all devices.
Version: 1.0

*/

body .campaign-compact-table li{
	list-style:unset!important;
}
body .campaign-compact-table ukl{
	padding-left:0px!important;
}
body .custom-logo {
   
    height: auto !important;
    max-width: 100% !important;
}

.suzuki-club-content-area {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 24px;
}
.suzuki-club-container p{
    font-size:16px!important;
}
.suzuki-club-container {
    max-width: 1500px!important;
    width: 100%;
    margin: auto;
    padding: 20px 20px 0px 20px!important;
}
.suzuki-club-page-content p a{
	color:#2927a5;
}
.suzuki-club-page-content li a {
    color:#2927a5;
}
.campaign-list-item_more-btns{
    display:none;
}
.suzuki-club-content-area h1 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
}

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

.suzuki-club-content-area h3 {
    font-size: 27px;
    font-weight: bold;
    line-height: 35px;
}

.suzuki-club-content-area h4 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}

.suzuki-club-content-area h5 {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}

.suzuki-club-content-area h6 {
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}

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

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

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

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

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

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

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

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

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

/* .suzuki-club-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
} */

/* FontAwesome arrow for top-level menu items */


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



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

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

}

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

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

.site-header {
    position: unset;
    transform: unset;
    background-color: aliceblue;
    height: 95px;
    max-width: unset;
}
.main-navigation .menu-toggle {
    top: 3rem;
    background: unset;
}
.site-header .logo {
    top: 3rem;
    width: unset;
}
.site-footer .site-info p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 0 !important;
}
div#site-info {
    width: 100%;
}
.site-footer ul {
    justify-content: center;
}


/* new css */

.mobile-menu {
    display: none;
}

li.menu-item-has-children:after {
    position: absolute;
    content: "\f107";
    font: normal normal normal 14px / 1 FontAwesome;
    top: 16px;
    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(--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: #c60c3114;
}

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

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

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: 10px 15px;
}

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 a {
    color: var(--primary-color);
    font-size: 16px;
    line-height: 26px;
}

ul.wp-menu ul.sub-menu li:hover a {
    color: var(--white-color) !important;
}
li.menu-item-has-children:hover ul.sub-menu {
    display: block;
}


/* End new css */
@media only screen and (max-width: 590px) {
	  .suzuki-club-content-area table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
@media only screen and (max-width: 991px) {

	
.mobile-menu {
    display: block;
}

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

ul.wp-menu {
    position: absolute;
    width: 100%;
    left: 0;
    background: #fff;
    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: 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);
}


    
#mobile-advanced ul{
    left:0px!important;
}

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

.site-header .logo {
    top: 4rem;
}
.main-navigation .menu-toggle {
    top: 4.4rem;
}


}

/*AUTHOR SECTION START*/
.main-title{
    text-align:left;
}
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
   background: #c60c31;
    border-radius: 10px;
    padding: 10px;
    
}
.author_imag img {
    width: 60px;
    min-width:60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
.name_author_out {
    display: flex;
}
.name_author_out span.lbl {
    margin-right: 5px;
}
.name_author_out h4 {
    margin: 0;
    color: #000;
    line-height: 24px;
    font-size: 18px;
    font-weight: normal;
}
.name_author_out p{
margin:0 !important;
}
 
 
/*AUTHOR SECTION And Page START*/
 
.main-title {
    text-align: left;
}
 
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
}
 
.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;
}
 
.name_author_out h4,
.name_author_out p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
 
.name_author_out a p {
    font-weight: 600;
    font-size: 16px;
}
 
.name_author_out a:hover p {
    color: #ea0101;
}
 .suzuki-clubt_modifyDetails span{
    color:#fff;
 }
  .suzuki-clubt_modifyDetails .custom_author_info a{
    color:#fff;
  }
.suzuki-clubt_modifyDetails {
    
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 20px;
}
 
.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
 
.author_imag {
    line-height: 0;
}
 
.name_author_out {
    display: flex;
}
 
.name_author_out span.lbl {
    margin-right: 5px;
}
 
.name_author_out a {
    color: inherit;
}
 
/*Author Page css*/
.header-profile-details h2 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}
 
.profile-header-container {
    display: flex;
    align-items: center;
    gap: 30px;
}
 
.header-avatar-container img {
    padding: 0;
    border: 0;
    width: 75px;
    height: 75px;
    object-fit: cover;
}
 
.header-profile-details h2 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}
 
.profile-fields-group.profile-fields-group-1 {
    border: 1px solid #eee;
    margin: 1.5rem 0 0;
    padding: 15px 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    letter-spacing: 1px;
}
 
.profile-fields-group.profile-fields-group-1 h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #000;
}
.home-page.author-box-wrapper {
    padding: 90px 20px 30px;
    box-shadow: none;
    max-width:1500px;
width:100%;
    margin:auto;
}
 
.author-f-name .label, .author-description-name .label {
    font-weight: 600 !important;
    font-size: inherit;
    line-height: inherit;
    background: transparent;
    color: #222222;
    padding: 0px;
}
.profile-fields-table .data{
    color: #222222;
}
 
.author-f-name {
    display: flex;
    gap: 15px;
    font-size: 20px;
}
 .header-profile-details h2{
    color:#222;
 }
.author-description-name {
    margin-top: 20px;
    font-size: 20px;
}
.name_author_out a:hover,
.name_author_out a:hover p {
    color: #fff ;
    text-decoration-color: #fff ;
}

.custom_author_info span a,
.custom_author_info span b,
.custom_author_info  a p,
.custom_author_info span{
    color:#fff!important;
}

.toplist-techcity__offer-cta-btn{
    background: #c60c31!important;
    color:#fff!important;
}
.suzuki-club-content-area dt{
	width:100%!important;
}
.suzuki-club-content-area dd{
	width:100%!important;
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
  .toplist-techcity__offer-logo:before{
    right:30px!important;
  }
}

@media screen and (min-width: 991px){
    .menu-item-has-children > a::after {
    content: "\f078";
    font-family: "FontAwesome";
    margin-left: 5px;
    color: #fff;
    position: relative;
    top: -4px;
    right: 0;
    font-size: 10px;
}


.suzuki-club-nav-menu li.menu-item-has-children:hover > a::after {
    transform: rotate(-180deg);
}
}
@media screen and (max-width: 1299px){
	.container #advanced_menu_toggle, #advanced_menu_hide {
    display: block!important;
}
nav.sub_menu {
display:none!important;
}
	.main_menu{
	display:none!important;	
	}
div#av_section_1, div[id="av_section_1 en_seitenimage"] {
    max-height: 180px;
    margin-top: 0px;
}
.responsive #top #wrap_all #header {
    position: relative;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    min-height: 0;
}
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
    background-color: #ffffff;
    color: #666666;
    border-color: #ebe8e2;
}
}