/*
Theme Name: DelBarber Custom Theme
Theme URI: https://delbarber.com/
Author: DelBarber Team
Author URI: https://delbarber.com/
Description: DelBarber Custom Theme is a modern, responsive WordPress theme designed for music blogs, artist portfolios, and creative communities. It features clean layouts, customizable sections, multilingual support, SEO optimization, and integration with audio players, galleries, and event listings to highlight albums, performances, and artistic projects.
Version: 1.0
Text Domain: delbarber
Tags: music, artist, portfolio, blog, responsive, custom-theme
*/


* {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

  font-family: "Helvetica Neue", "Helvetica", "Liberation Sans", "Arial", sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 15px 0;

}

.S30522c978 img {
    object-fit: contain !important;
}

a.H7fd2ac79d {
    color: #fff !important;
    background: #886996 !important;
}
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;

}



p {

  font-size: 18px;

  margin-bottom: 12px;

  margin-top: 5px;

  line-height: 26px;

  font-weight: normal;

  font-family: normal;

}



a {

  color: #169bc5;

  text-decoration: none;

}

.accordionButton h3 {
    font-weight: 800 !important;
}

.container {

  max-width: 1400px;

  margin: 0 auto;

  padding: 0 15px;

}


.toplist-sweepstakes__offer-title {
    display: none;
}
.delbarber-content-part-area {

  font-size: 16px;

  line-height: 26px;

  padding-top: 20px;

  font-weight: normal;

  margin-bottom: 30px;

}



.delbarber-content-part-area table tr td {

  border: 1px solid #000;

  padding: 10px;

  font-size: 16px;

}
.delbarber-content-part-area table tr th{
  border: 1px solid #000;
  padding: 10px;

  font-size: 16px;
}


.delbarber-content-part-area table {

  margin: 25px 0;

  border-collapse: collapse;

  width: 100%;

}



.table-auto {

  overflow-x: auto;

}



.aligncenter,

#column-wrap img {

  display: block;

  margin: auto;

}



.delbarber-content-part-area dl {

  margin: 20px;

  padding: 0;

  font-family: Arial, sans-serif;

  border: 1px solid #ddd;

  border-radius: 5px;

  background-color: #f9f9f9;

}



.delbarber-content-part-area dt {

  font-weight: bold;

  margin: 10px 0 5px;

  padding: 10px;

  background-color: #eee;

  border-bottom: 1px solid #ddd;

}



.delbarber-content-part-area dd {

  margin: 0 0 10px 20px;

  padding: 10px;

  border-left: 2px solid #ddd;

  background-color: #fff;

}



.delbarber-content-part-area p+div {

  margin-bottom: 10px;

}



.delbarber-content-part-area blockquote {

  padding: 45px 40px 45px;

  background: #ebebeb;

  border-left: 5px solid #000000;

  position: relative;

  margin: 20px auto;

}



.delbarber-content-part-area blockquote:before {

  position: absolute;

  content: open-quote;

  font-size: 3em;

  margin-left: 10px;

  margin-top: 10px;

  left: 0;

  top: 1rem;

}



.delbarber-content-part-area blockquote:after {

  position: absolute;

  content: close-quote;

  font-size: 3em;

  bottom: 0;

  right: 0;

  margin-right: 0.4em;

  margin-bottom: 0em;

}



.delbarber-content-part-area blockquote p {

  display: inline;

  color: #000;

}



.mobile-menu {

  display: none;

}



li.menu-item-has-children::after {

	position: absolute;

	content: "\f107";

	font: normal normal normal 18px / 1 FontAwesome;

	top: 5px;

	right: 5px;

	color: #fff;

}



body li.menu-item-has-children .sub-menu li.menu-item-has-children::after{

  color: #000;

}



.img-responsive img {

  width: 100%;

  display: block;

  margin: auto;

}



li.menu-item-has-children {

  position: relative;

}



.delbarber-content-part-area ul {

  list-style-type: disc;

  padding-left: 30px;

}



.delbarber-content-part-area ol {

  padding-left: 30px;

  list-style: decimal;

}



.delbarber-content-part-area ul li {

  list-style: disc;

}



.delbarber-content-part-area li {

  font-size: 18px;

  margin-bottom: 6px;

  line-height: 24px;

}



.delbarber-content-part-area ol li::marker,

.delbarber-content-part-area ul li::marker {

  font-weight: 600;

}



.delbarber-content-part-area .campaign-compact-table__offer-key-features ul {

  padding-left: 0;

}



.delbarber-content-part-area .campaign-compact-table__offer-key-features ul li {

  list-style: none;

}



/* su-button css */

.delbarber-content-part-area .su-button {

  border-color: transparent !important;

  background: #000000 !important;

  color: #fff !important;

  border-radius: 8px !important;

  border: 0 !important;

  margin: 10px 0;

}



.delbarber-content-part-area .su-button span {

  font-size: 16px !important;

  padding: 0px 16px !important;

  color: #fff !important;

  border-color: transparent !important;

  border: 0;

  border-radius: 8px !important;

  font-weight: 700;

  text-transform: uppercase;

}



.delbarber-content-part-area .su-button:hover {

  background: #2e4147 !important;

}



.delbarber-content-part-area .su-button:hover span {

  top: 0;

}



/* su-button css */

.campaign-list-item {

  background: #fff;

}



.campaign-compact-table__offers-wrapper .campaign-compact-table__offer td {

  border: 0;

}



.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: #f4e6ca;

}



.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: #fff;

}



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

}



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

  margin: 0;

  padding-left: 0;

  display: flex;

  flex-wrap: wrap;

}



.logo-menu-part {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.site-logo {

	width: 300px;

	margin-right: 20px;

}



.logo-present{

  width: 65px;

}



.site-logo img {

  max-width: 100%;

  height: auto;

}



ul.sub-menu {

	list-style: none;

	padding: 10px 0;

	position: absolute;

	left: 0;

	display: none;

	z-index: 9999;

	width: 200px;

	background-color: #fff;

	margin-left: 0;

}



body li.menu-item-has-children .sub-menu li.menu-item-has-children > .sub-menu {

  left: 100%;

  top: 0;

  display: none;

}



ul.wp-menu li .sub-menu a {

  color: #000;

  text-decoration: none;

  font-weight: 400;

  font-style: normal;

}



ul.wp-menu ul.sub-menu li {

  padding-right: 0;

}



body ul.sub-menu li a {

  width: 100%;

  display: block;

  padding: 5px;

  color: #fff;

  border: none;

}



ul.wp-menu li .sub-menu a:hover {

  color: #169bc5;

}



ul.wp-menu {

  margin: 0;

}



ul.wp-menu li {

  padding-right: 25px;

  margin-top: unset;

  line-height: inherit;

  padding-left: 10px;

}



ul.wp-menu li a {

  color: #fff;

  text-decoration: none;

  font-weight: 400;

  font-style: normal;

}



ul.wp-menu li a {

  font-size: 18px;

}





ul.wp-menu li a:hover,

ul.wp-menu li.current_page_item a {

  color : #FFF;

}



.site-logo a {

  font-size: 22px;

  color: #fff;

}



.site-logo a:hover {

  color: #FFF;

}



footer.footer {

  color: #fff;

  padding: 10px 0;

  background: #0d1519;

  margin-top: 0;

}



footer.footer p {

  margin: 0;

  color: #fff;

  font-family: inherit;

}



.text-center {

  text-align: center;

}



.site-logo img {

  max-width: 100%;

  height: auto;

  display: block;

  width: 100%;

}



.content-area {

  margin-top: 1.25rem;

}



.img-responsive {

  max-width: 100%;

  height: auto;

}



/*AUTHOR SECTION START*/



/****************** Author Section ****/

.author-info--last-updated b {

  color: #fff;

  font-size: 16px;

  line-height: 18px;

  margin-top: 4px;

}



.author-info--name b {

  color: inherit;

  font-size: 16px;

  font-weight: 700;

  line-height: 21px;

  text-transform: capitalize;

}



.author-info--name a {

  color: #fff;

  font-weight: 400;

}



.author-info--name a:hover {

  text-decoration: underline;

  color: #000;

}



.author-info {

  color: #fff;

  margin-right: 10px;

  max-width: 100%;

}



.post-info-container .author-avatar--link img {

  border-radius: 40px;

  display: block;

  object-fit: cover;

  height: 48px;

  width: 48px;

}



.author-info--container {

  display: flex;

  align-items: center;

}



.post-info-container {

  display: flex;

  flex-wrap: wrap;

  background: #169bc5;

  border-radius: 12px;

  padding: 15px;

  margin-bottom: 20px;

}



.author-avatar--link {

  margin: 0 10px 0px 0;

}



.author-info--name--container {

  align-items: center;

  display: flex;

}



.author-info--badge {

  display: flex;

  margin-left: 10px;

}



/*AUTHOR SECTION END*/



.visible-xs,

tr.visible-xs,

th.visible-xs,

td.visible-xs {

  display: none !important;

  width: 100%;

}



.dropdown-toggle::after {

  content: unset;

}



#navigation {

  position: unset;

}



#content_teaser {

  height: 100px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.mobile-menu i::before {

  color: #fff;

}



/*** main author page ***/

.profile-tab-content {

  padding: 30px 0;

}



.main-header {

  max-width: 100%;

  padding: 15px 0;

  background: #ffffff;

  box-shadow: rgba(149, 157, 165, 0.2) 0px 6px 24px;

}



.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 {

  width: calc(100% - 30px - 75px);

}



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

}



.profile-fields-group.profile-fields-group-1 h3 {

  margin-top: 0;

  margin-bottom: 0;

}



.author-f-name {

  display: flex;

  gap: 15px;

  font-size: 20px;

}



.author-f-name .label,

.author-description-name .label {

  font-weight: 600;

}



.author-description-name {

  margin-top: 20px;

  font-size: 20px;

}



.profile-fields-table {

  margin-top: 10px;

}



.header_view, .header_view .download {

	display: flex;

	flex-direction: column;

}



.header_view a, .header_view span {

	font-size: 16px;

	color: black;

	margin-bottom: 18px;

	font-weight: 500;

}



.header_view a:hover, .header_view span:hover {

	color: #169bc5;

}





.header-section {

	max-width: 100%;

	padding: 15px 0;

	box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 10px;

	background-color: #000;

}



/* .page-wrapper {

	margin: 35px 0;

} */



div.main-container {

	padding-left: 0;

}





#main {

	padding: 20px 0px;

}

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

ul#menu-footer-menu a {
    color: #fff;
}

/* common media */



/* custom css code start*/

.container {
    max-width: 1280px;
}
.delbarber-content-part-area {
padding-top: 0px;
margin-bottom: 0px;
}
.delbarber-content-part-area h1 {
    margin-top: 0px;
}
.header-section .logo-present {
    width: 100%;
}
.header-section .site-logo img {
    max-width: 250px;
    height: auto;
    display: block;
    width: auto;
}
footer.footer {
	background: #140F16;
}
.header-section {
    background-color: #140F16;
}
.site-logo a {
    display: inline-block;
}
ul.wp-menu li.current-menu-item a {
    background: #886996;
}
ul.wp-menu li a:hover {
    background: #886996;
}
ul.wp-menu li a {
   padding: 10px 20px;
   border-radius: 50px;  
}
ul.wp-menu li {
    padding-right: 5px;
    padding-left: 5px;
}
.delbarber-content-part-area a {
    color: #886996;
}


@media screen and (max-width: 991px) {
ul.wp-menu li {
    padding-right: 0px;
    padding-left: 0px;
	  margin: 15px 0px;
}
ul.wp-menu li a:hover {
    background: transparent;
}
ul.wp-menu {
		top: 99%;
		background-color: #140F16;
	  padding:10px 15px;
}
ul.wp-menu li a:hover, ul.wp-menu li.current_page_item a {
  color: #fff;
}
ul.wp-menu li a {
		padding: 0px;
		color: #fff;
}
ul.wp-menu li.current_page_item a {
padding: 10px 20px;		
}
ul.wp-menu li a {
    padding: 10px 0px;
    border-radius: 50px;
    width: auto;
    display: inline-block;
}
ul.wp-menu li.current-menu-item a:hover {
    background: #886996;
}
}

/* custom css code end*/

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

  ul.wp-menu {

    width: calc(100% - 220px - 20px);

    margin-left: auto;

    justify-content: flex-end;

  }



  /* Prevent Submenu Cutoff at Right Edge */

  .wp-menu>li:last-child .sub-menu {

    left: auto;

    right: 0;

  }



  .wp-menu>li:last-child .sub-menu .sub-menu {

    left: auto;

    right: 100%;

  }



  body li ul.sub-menu > .sub-menu li.menu-item-has-children:hover {

    display: block !important;

  }



  li.menu-item-has-children:hover ul.sub-menu {

    display: block;

  }



  body li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > .sub-menu {

    display: block;

  }



  body .cmp_announcements {

    margin-left: auto;

    margin-right: auto;

  }



  .cmp_announcements article {

    text-align: left;

  }

}



@media (max-width:1200px) {

  ul.wp-menu {

    width: 100%;

  }

}



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

  .site-logo a {

    word-wrap: break-word;

  }



  h1.entry-title,

  h1 {

    font-size: 32px;

    line-height: 40px;

  }



  h2 {

    font-size: 28px;

    line-height: 36px;

  }



  h3 {

    font-size: 22px;

    line-height: 30px;

  }



  h4 {

    font-size: 20px;

    line-height: 28px;

  }



  h5 {

    font-size: 18px;

    line-height: 26px;

  }



  h6 {

    font-size: 16px;

    line-height: 22px;

  }



  .table-auto {

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

  }



  .delbarber-content-part-area table {

    display: block;

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

  }



  .header-section {

    padding: 10px 0;

    position: relative;

  }



  .delbarber-content-part-area {

    padding-top: 10px;

  }



  .mobile-menu {

    display: block;

  }



  .mobile-menu i {

    font-size: 25px;

  }



  ul.wp-menu {

    position: absolute;

    width: 100%;

    left: 0;

    background: #f7f7f7;

    top: 100%;

    display: none;

    z-index: 999;

  }



  ul.wp-menu li,

  ul.wp-menu ul.sub-menu li {

    padding-right: 10px;

    width: 100%;

  }



  li.menu-item-has-children:hover ul.sub-menu {

    display: none;

  }



  li.menu-item-has-children:after,

  .dropdown-toggle::after {

    display: none;

  }



  ul.wp-menu li a {

    width: 100%;

    display: block;

    padding: 10px;

    color: #000;

    word-break: break-word;

    white-space: normal;

    font-size: 16px;

    line-height: 22px;

  }



  ul.wp-menu li.menu-item-has-children>a {

    padding-right: 32px;

  }



  span.toggle-menu {

    float: right;

    margin-top: 0;

    position: absolute;

    top: 12px;

    right: 13px;

    z-index: 99;

    width: 20px;

    height: 20px;

    text-align: center;

    transition: transform 0.3s ease;

  }



  span.toggle-menu.on {

    transform: rotate(180deg);

  }



  ul.sub-menu {

    position: relative;

    width: 100%;

  }



  .delbarber-content-part-area table tr td {

    white-space: nowrap;

  }



  .delbarber-content-part-area .su-button {

    margin: 15px 0;

  }



  .Content_Zone .Type_SocialButtons {

    width: 100% !important;

  }



  .site-logo a {

    font-size: 18px;

  }





  .delbarber-content-part-area .su-button span {

    padding: 8px 16px !important;

    line-height: 1.5 !important;

  }



  footer.footer {

    padding: 10px 15px;

  }



  ul.wp-menu li a:hover, ul.wp-menu li.current_page_item a {

    color: #169bc5;

  }



  body li.menu-item-has-children .sub-menu li.menu-item-has-children > .sub-menu{

    left: unset;

  }

}



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

  html {

    margin-top: 0 !important;

  }

}





@media (max-width: 767px) {

  .visible-xs {

    display: block !important;

  }

}

@media only screen and (min-width: 579px) and (max-width: 991px)  {
.delbarber-content-part-area table {
  display: table !important;
}
}



/*AUTHOR SECTION START*/
.main-title{
    text-align:left;
}
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
   background: unset;
    border-radius: 10px;
    padding: 0px;
    
}
.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;
}
 
.modifyDetails {
    background: unset;
    border-radius: 20px;
    padding: 0px;
    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: 30px 0;
    box-shadow: none;
}
 
.author-f-name .label, .author-description-name .label {
    font-weight: 600 !important;
    font-size: inherit;
    line-height: inherit;
    background: transparent;
    color: inherit;
    padding: 0px;
}
 
.author-f-name {
    display: flex;
    gap: 15px;
    font-size: 20px;
}
 
.author-description-name {
    margin-top: 20px;
    font-size: 20px;
}
.name_author_out a:hover,
.name_author_out a:hover p {
    color: #000 ;
    text-decoration-color: #000 ;
}
 
/*AUTHOR SECTION And Page END*/