h1, h2, h3, h4, h5, h6{
    font-weight: bold;
}

.text-primary{
    color: #bb6fd9 !important;
}

/* header and sidebar settings */

.main-header{
    border:0;
    border-radius: 0;
}

body:not(.sidebar-mini-md) .content-wrapper, 
body:not(.sidebar-mini-md) .main-footer, 
body:not(.sidebar-mini-md) .main-header{
    margin-left: 0;
}

.wrapper .main-header .brand-image {
    margin-top: -.1rem;
    margin-right: 1rem;
    margin-left: .5rem;
    height: 33px;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, 
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{
    background-color: transparent;
    color: #bb6fd9;
    box-shadow: none;
}

.sidebar-social{
    padding: .5rem 1rem;
    font-size: 1.5rem;
}
.sidebar .sidebar-social a{
    margin: 5px;
}

.card{
    box-shadow: 0 0 1px rgb(0 0 0 / 10%), 0 1px 1px rgb(0 0 0 / 10%);
    border-radius: 0;
}

/* Error page */
.error-page>.headline{
    font-size: 70px;
    font-weight: bold;
}

/* Brand */
.layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link{
    transition: none;
}
.brand-link .brand-image{
    float: right;
    margin-right: 3rem;
    height: 33px;
}
.layout-navbar-fixed .wrapper .brand-close{
    float: left;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    width: 70px;
    top: 0;
    color: #343a40;
    text-align: center;
    font-size: 2.3rem;
    line-height: 2.2rem;
    padding: .6rem 1rem;
    border: 0;
    margin-top: -3px;
    z-index: 1036;
}

/* Login */
.login-logo img{
    height: 40px;
}

/* Select 2 */
.select2-selection__rendered {
    line-height: 35px !important;
    font-size: 1.25rem;
    color:#495057;
}
.select2-container .select2-selection--single {
    height: 40px !important;
    font-size: 1.25rem;
}
.select2-selection__arrow {
    height: 40px !important;
    font-size: 1.25rem;
}
.form-control.is-invalid + .select2 .select2-selection {
    border-color: #dc3545;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(1em + .375rem) calc(1em + .375rem);
}
.noselect{
    user-drag: none; 
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Toast */
.toast .toast-message p{
    margin: 0;
}


/* Form inline */

.form-inline,
.form-inline .input-group{
    width: 100%;
    max-width: 600px;
}

/* Post ringtone */
.post-ringtone {
    border-radius: 0;
}
.post-ringtone .post-player{
    cursor: pointer;
    margin-right: 15px;
    font-size: 4rem;
    line-height: 4rem;
    color: #bb6fd9;
}
.post-ringtone .post-player .pause{
    color: #6c757d;
}
.post-ringtone .post-image{
    width: 70px;
    min-width: 70px;
    margin-right: 15px;
}

.post-ringtone .post-title{
    font-size: 1rem;
}
.post-ringtone .post-title a{
    color: #212529;
}
.post-ringtone .post-title a:hover,
.post-ringtone .post-title a:focus{
    color: #212529;
}
.post-ringtone .post-info{
    font-size: 0.8rem;
    color: #888888;
}

.post-ringtone .post-tags{
    margin-top: 10px;
}
.post-ringtone .post-tags .badge{
    border: 1px solid #6c757d;
    padding: 4px 8px;
    margin: 3px 0;
    font-weight: normal;
}

.post-ringtone .card-footer{
    background-color: #ffffff;
    padding-top: 0;
}
.post-ringtone .card-footer .post-like,
.post-ringtone .card-footer .post-share{
    padding: 0;
    font-size: 24px;
    line-height: 24px;
    margin-right: 15px;
    color: #6c757d;
}
.post-ringtone .card-footer .post-like{
    transition: all .2s;
}
.post-ringtone .card-footer .post-liked{
    color: #ff0000;
}
.post-ringtone .card-footer .liked{
    animation: 1.5s like-heart-animation ease-in-out forwards;
}

.post-ringtone .card-footer .post-download{
    padding: .375rem 1rem;
    font-size: .9rem;
}

/* Post wallpaper */
.post-wallpaper{
    display: block;
    overflow: hidden;
}
.post-wallpaper .card-body{
    overflow: hidden;
    padding: 0;
}
.post-wallpaper img{
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out; 
}
.post-wallpaper img:hover{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.post-wallpaper .post-tags{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    text-align: center;
    opacity: 1;
    padding: 6px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.4)));
    background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
}
.post-wallpaper .post-tags a,
.post-wallpaper .post-tags a:hover,
.post-wallpaper .post-tags a:focus{
    color: #ffffff;
}

/* Post single */
.post-single,
.post-single .card-header,
.post-single .card-footer{
    background-color: #ffffff;
    border-radius: 0;
    border: 0;
}
.post-single .card-header{
    padding: 1.5rem 1.25rem .5rem 1.25rem;
}
.post-single .card-footer{
    padding: 1.5rem 1.25rem;
    background-color: #eeeeee;
}

.post-single .card-header .post-author{
    font-size: 1.2rem;
    font-weight: normal;
    color: #212529;
}
.post-single .card-header .post-author:hover,
.post-single .card-header .post-author:focus{
    color: #212529;
}

.post-single .card-header .post-author:before{
    content: "@";
}

.post-single .card-header .post-like,
.post-single .card-header .post-share{
    cursor: pointer;
    padding: 0;
    font-size: 24px;
    line-height: 24px;
    margin-right: 15px;
    color: #6c757d;
}
.post-single .card-header .post-like{
    transition: all .2s;
}
.post-single .card-header .post-liked{
    color: #ff0000;
}
.post-single .card-header .liked{
    animation: 1s like-heart-animation ease-in-out forwards;
}

.post-single .post-title{
    font-size: 1.75rem;
}
.post-single .post-title a{
    color: #212529;
}
.post-single .post-title a:hover,
.post-single .post-title a:focus{
    color: #212529;
}

.post-single .post-player{
    cursor: pointer;
    font-size: 5.5rem;
    line-height: 5.5rem;
    padding: 3rem 0;
    color: #bb6fd9;
}
.post-single .post-player .pause{
    color: #6c757d;
}
.post-single .post-image{
    display: block;
    margin: 0 auto;
    width: 250px;
    max-width: 100%;
}

.post-single .post-info {
    color: #888888;
}

.post-single .post-tags .badge{
    border: 1px solid #6c757d;
    padding: 8px 14px;
    margin: 3px 0;
    font-weight: normal;
    font-size: 1rem;
}

.post-single .card-footer .btn{
    margin: 5px;
}

/* Profile */
.box-profile .profile-username{
    font-size: 2rem;
}

/* Like animation */
@keyframes like-heart-animation {
    0%,
    to {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    15% {
      opacity: 0.9;
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
    30% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
    }
    45%,
    100% {
      opacity: 0.9;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
}

/* Upload */
.form-upload .card-title{
    text-align: center;
    margin: 0 0 5px;
    float: none;
    font-size: 30px;
    font-weight: bold;
}
.form-upload .card-subtitle{
    color: #5d6166;
    text-align: center;
    font-weight: normal;
    margin: 0;
}
.form-upload .file-upload {
    font-size: 1.125rem;
    position: relative;
    text-align: center;
    padding: 2rem;
    margin-top: 1rem;
    border: 1px dashed #bbbbbb;
    border-radius: .5rem;
    background-color: #ffffff;
    transition: background-color .25s ease-out;
}
.form-upload .file-upload:hover {
    background-color: #f4f6f9;
    border-color: #bbbbbb;
}
.form-upload .file-upload.is-invalid{
    border-color: #f00;
    background-color: #fff6f6;
}
.form-upload .file-upload .upload-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    outline: none;
    cursor: pointer;
}
.form-upload .file-upload img {
    width: 100px;
    margin-bottom: 1rem;
}

/* Wave form */

.ringtone-wrap .wave-container {
    display: block;
    width: 100%;
    height: 100px
}
@media only screen and (max-width: 680px){
    .ringtone-wrap .wave-container {
        height: 80px;
    }
}

.ringtone-wrap .wave-bg {
    -webkit-clip-path: url(#wave-mask);
    clip-path: url(#wave-mask);
    fill: #cacaca
}

.ringtone-wrap .wave-progress {
    -webkit-clip-path: url(#wave-mask);
    clip-path: url(#wave-mask);
    fill: #343a40;
}

.ringtone-wrap #line-progress {
    stroke-width: .5;
    fill: #343a40;
    stroke: #343a40
}

.ringtone-wrap #left,
.ringtone-wrap #right {
    fill: #343a40
}

.ringtone-wrap .draggable {
    cursor: move
}

.ringtone-wrap .controls {
    margin-top: 1rem;
}
.ringtone-wrap .controls .btn{
    min-width: 120px;
}

.ringtone-wrap .controls div {
    color: #616161
}

/* social share */
.social-share a i{
  color: #fff;
  background: #221B14;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0;
  font-size: 1.4rem;
  line-height: 2.5rem;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
.social-share a:hover {
    opacity: 0.8;
    text-align: center;
    text-decoration: none;
    color: white;
}
.social-share .fa-facebook-f { background: #3B5998; }
.social-share .fa-twitter { background: #55ACEE; }
.social-share .fa-linkedin-in { background: #007bb5; }
.social-share .fa-whatsapp { background: #25D366; }
.social-share .fa-at, .social-share .fa-envelope { background: #ff6600; }
.social-share .fa-google { background: #dd4b39; }
.social-share .fa-youtube { background: #bb0000; }
.social-share .fa-instagram { background: #cd486b; }
.social-share .fa-pinterest { background: #cb2027; }
.social-share .fa-snapchat-ghost { background: #fffc00; }
.social-share .fa-skype { background: #00aff0; }
.social-share .fa-android { background: #a4c639; }
.social-share .fa-dribbble { background: #ea4c89; }
.social-share .fa-vimeo-v { background: #45bbff; }
.social-share .fa-tumblr { background: #2c4762; }
.social-share .fa-vine { background: #00b489; }
.social-share .fa-foursquare { background: #45bbff; }
.social-share .fa-stumbleupon { background: #eb4924; }
.social-share .fa-flickr { background: #f40083; }
.social-share .fa-yahoo { background: #430297; }
.social-share .fa-reddit-alien { background: #ff5700; }
.social-share .fa-rss { background: #ff6600; }
.social-share .fa-medium-m { background: #000000; }
.social-share .fa-blogger { background: #f57d00; }
.social-share .fa-facebook-messenger { background: #3b5998; }
.social-share .fa-github { background: #000000; }
.social-share .fa-paypal { background: #003087; }
.social-share .fa-steam-symbol { background: #00adee; }
.social-share .fa-telegram-plane { background: #0088cc; }
.social-share .fa-xing { background: #026466; }
.social-share .fa-yelp { background: #af0606; }
.social-share .fa-tripadvisor { background: #00af87; }
.social-share .fa-etsy { background: #d5641c; }

/* Footer */
.main-footer{
    padding: .5rem;
}
.nav-footer a{
    display: block;
    text-align: center;
    font-size: .8rem;
    color: #6c757d;
}
.nav-footer a:hover,
.nav-footer a:focus{
    color: #6c757d;
}
.nav-footer a.active{
    color: #bb6fd9;
}
.nav-footer a i{
    display: block;
    font-size: 1.2rem;
    margin-bottom: 2px;
}

/* Responsive Ad Styles */
.ad-container,
.list-ad-container {
    width: 100%; /* Full width */
    max-width: 970px; /* Set a maximum width for the ad */
    height: auto; /* Height will adjust based on ad size */
    margin: 0 auto; /* Center the ad horizontally */
    display: block; /* Ensure the ad container is displayed */
}

/* Additional Styles to Ensure Responsive Behavior */
.adsbygoogle {
    display: block; /* Ensure ads are displayed as blocks */
}

/* Media Queries for Smaller Screens */
@media (max-width: 970px) {
    .ad-container,
    .list-ad-container {
        max-width: 100%; /* Allow full width on smaller screens */
    }
}