/***********
LOGIN / JOIN PROMPT
***********/

#modal-myjb-prompt{
   z-index:2000000002;
}




/***********
FEDERATED LOGIN
***********/
.federated-login {
   display:flex;
   flex-direction:column;
   gap:13px;
}

.federated-login .social-btn,
.federated-login .social-btn:active:focus {
   color: white;
   padding-top:.3125em;
   padding-bottom:.3125em;
   display:flex;
   align-items: center;
   justify-content:flex-start;
}

.bg-spotify {
   background-color: #1abc54!important;
}
.color-spotify {
   color: #1abc54!important;
}
.federated-login .spotify,
.federated-login .spotify:hover,
.federated-login .spotify:active:focus {
   background-color: #1abc54;
}
.federated-login .spotify .jb-btn-icon i {
   color: #1abc54!important;
   margin-bottom:-3px;
}
.bg-facebook {
   background-color: #0866ff!important;
}
.color-facebook {
   color: #0866ff!important;
}
.federated-login .facebook,
.federated-login .facebook:hover,
.federated-login .facebook:active:focus {
   background-color: #0866ff;
}
.federated-login .facebook .jb-btn-icon i {
   color: #0866ff!important;
   margin-bottom:-2px;
}
.bg-google {
   background-color: #4285F4!important;;
}
.color-google {
   color: #4285F4!important;;
}
.federated-login .google,
.federated-login .google:hover,
.federated-login .google:active:focus  {
   background-color: #4285F4;
}
.federated-login .google .jb-btn-icon i {
   color: #4285F4!important;
   margin-bottom:-2px;
}

.federated-login .social-btn .jb-btn-icon {
   width:30px;
   height:30px;
   min-width:30px;
   border-radius:3px;
   margin-right:5px;
   padding:0;
   display:flex;
   align-items:center;
   justify-content: center;
   background-color:white;
}


.federated-login .google img{
   border-radius:3px;
   padding:5px;
   width:100%;
   height:auto;
   background-color:white;
}

@media (min-width: 992px) AND (max-width: 1199px) {
   .federated-login .social-btn {
      font-size:15px;
   }
}


.federated-login .jb-btn-text i {
   opacity:.7;
   margin-left:3px;
   font-size:85%;
   margin-top:-.125em;
}


.federated-login .jb-btn-icon i{
   font-size:14px;
}

.federated-login .spotify .jb-btn-icon i::before,
.federated-login .spotify:hover .jb-btn-icon i::before{
   filter: invert(53%) sepia(49%) saturate(653%) hue-rotate(89deg) brightness(98%) contrast(103%);
}
.federated-login .facebook .jb-btn-icon i::before,
.federated-login .facebook:hover .jb-btn-icon i::before{
   filter: invert(25%) sepia(78%) saturate(3138%) hue-rotate(213deg) brightness(100%) contrast(101%);
}
.federated-login .google .jb-btn-icon i::before,
.federated-login .google:hover .jb-btn-icon i::before{
   filter: invert(61%) sepia(62%) saturate(6269%) hue-rotate(203deg) brightness(102%) contrast(91%);
}




.federated-login .social-btn .jb-btn-icon{
   display:flex;
   justify-content:center;
   align-items:center;
   line-height:1;
}




/***********
CONNECTED SITES BUTTONS
***********/


.jb-my-jambase-identity-provider-connections{
   display:flex;
   flex-direction:column;
   gap:13px;
}


.jb-my-jambase-identity-provider-connections .connected-site{
   display:flex;
   align-items: center;
   gap:12px;
   width:100%;
   padding:10px;
}

.connected-sites-btn-not-connected{

}

.jb-my-jambase-identity-provider-connections .col-icon{
   background-color:white;
   text-align:center;
   border-radius:4px;
   padding:5px;
   width:24px;
   height:24px;
   display:flex;
   align-items:center;
   justify-content:center;
}
.jb-my-jambase-identity-provider-connections .col-icon img{
   width:20px;
   height:20px;
   padding:0;
}
.jb-my-jambase-identity-provider-connections .col-icon .jb-btn-icon i{
   font-size:1.25em;
   margin-bottom:0!important;
   width:.8125em;
   margin-left:0;
}
.jb-my-jambase-identity-provider-connections .col-content-tools{
   display:flex;
   align-items: center;
   gap:10px;
   justify-content: space-between;
   width:100%;
}
.jb-my-jambase-identity-provider-connections .col-content{
   flex: 1 1;
   text-align:left;
}
.jb-my-jambase-identity-provider-connections .post-title{
   text-transform:none;
   color:white;
}
.jb-my-jambase-identity-provider-connections .post-title i{
   color:white;
   opacity:.6;
   margin-left:3px;
   font-size:85%;
}
.jb-my-jambase-identity-provider-connections .col-tools{
   text-align:right;
   display:flex;
   gap:10px;
}
.jb-my-jambase-identity-provider-connections .connected-sites-btn-not-connected .col-tools .btn{
   width:100%;
   display:flex;
   justify-content: center;
}


@media (max-width: 411px){


   .jb-my-jambase-identity-provider-connections .col-tools .jb-btn-text + .jb-btn-icon{
      display:none;
   }

   .jb-my-jambase-identity-provider-connections .col-tools .btn-wider-sm{
      padding-left: 0.5em!important;
      padding-right: 0.5em!important;
   }
}


@media (min-width: 768px){

   .jb-my-jambase-identity-provider-connections .col-icon{
      width:40px;
      height:40px;
   }
   .jb-my-jambase-identity-provider-connections .col-icon img{
      width:30px;
      height:30px;
   }
   .jb-my-jambase-identity-provider-connections .col-icon .jb-btn-icon i{
      font-size:2.25em;
   }
}




/***********
DIVIDER
***********/

.divider-with-text {
   position: relative;
   text-align: center;
   margin: 13px 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.divider-with-text::before,
.divider-with-text::after {
   content: "";
   flex-grow: 1;
   background: #E6EDF6;
   height: 1px;
   position: relative;
   top: 50%;
}

.divider-with-text span {
   padding: 0 10px;
   background: #fff;
   border: none;
   background-color: transparent;
   color:var(--jb-blueberry-80);
   z-index: 1;
}



/***********
FLOATING PANEL
***********/

.jb-my-jambase-floating-panel{
   max-width:640px;
   margin:0 auto;
}

@media (min-width: 992px) {
   .jb-my-jambase-form label.control-label{
      font-size:14px;
   }
}


.modal-myjb-prompt-v2 .modal-dialog{
   margin:0;
}


.modal-myjb-prompt-v2 .modal-dialog,
.jb-my-jambase-floating-panel-narrow{
   max-width:360px;
}

.jb-my-jambase-floating-panel-narrow .jb-floating-panel-body{
   max-width:360px;
   margin:0 auto;
}


@media (max-width: 767px) {

   /*
   .modal.modal-align-y-center.modal-myjb-prompt-v2 .modal-dialog{
      top:0;
      transform: translateX(-50%);
      max-width:none;
      width:100%;
   }
   */

   .jb-my-jambase-floating-panel-narrow{
      max-width:none;
   }
   .jb-my-jambase-floating-panel-narrow .jb-floating-panel-body{
      max-width:360px;
   }


}

.jb-my-jambase-floating-panel [data-lastpass-icon-root]{
   display:none;
}

#modal-myjb-prompt .jb-my-jambase-floating-panel .close{
   opacity: 1;
   background-color: rgba(0,0,0,.2);
   top: 5px;
   right: 5px;
   padding: 3px 6px;
   border-radius: 5px;
   position: absolute;
}



.jb-my-jambase-floating-panel hr{
   border-color: #E6EDF6;
   margin-top:15px;
   margin-bottom:15px;
}


.jb-my-jambase-floating-panel .hr-before-list{
   margin-top:12px;
   margin-bottom:0;
}

.jb-my-jambase-floating-panel .excerpt > strong{
   display:inline-block;
   margin-top:3px;
}

/***********
FORMS
***********/

.jb-my-jambase-form .form-group{
   margin-bottom:17px;
}


/*
 * MY JAMBASE :: FORM : CHECKBOXES AND RADIO BUTTONS
 */


.jb-my-jambase-checkradio-wrap{
   display:flex;
   align-items:center;
   gap:13px;
}
.jb-my-jambase-onboarding-checkradio{
   display:flex;
   align-items:flex-start;
   gap:7px;
}
.jb-my-jambase-onboarding-checkradio input{
   margin:5px 0 0;
}
.jb-my-jambase-onboarding-checkradio label{
   font-weight:400;
   margin:0;
}


.jb-my-jambase-onboarding-checkradio label[for]:hover{
   cursor:pointer;
}

.jb-my-jambase-onboarding-checkradio label strong{
   font-weight:600;
}
.jb-my-jambase-onboarding-checkradio label small{
   margin-left:4px;
}

.jb-my-jambase-onboarding-checkradio+.jb-my-jambase-onboarding-checkradio{
   margin-top:13px;
}

.jb-my-jambase-onboarding-checkradio-inline .jb-my-jambase-onboarding-checkradio+.jb-my-jambase-onboarding-checkradio{
   margin-top:0;
}

/*
 * MY JAMBASE :: FORM : INPUT VALIDATION
 */

.input-validation-wrap{
   margin:7px 0 0;
   display:flex;
   flex-direction:column;
   gap:3px;
}

.input-validation-wrap p{
   margin:0;
   display:flex;
   gap:6px;
}

.input-validation-wrap p + p{
}

.input-validation-wrap p i{
   flex:0 0;
   opacity:.8;
   margin-top:3px;
}


.input-validation-wrap .error{
   color:#cc0033;
}


/*
 * MY JAMBASE :: FORM : PASSWORD
 */


.jb-my-jambase-form #jb-my-jambase-username-and-not-you-wrap,
.jb-my-jambase-form .password-and-forgot-wrap{
   margin-bottom:6px;
   display:flex;
   justify-content:space-between;
   align-items:center;
}

.jb-my-jambase-form #jb-my-jambase-username-and-not-you-wrap label,
.jb-my-jambase-form .password-and-forgot-wrap label{
   margin-bottom:0!important;
}


/*
 * MY JAMBASE :: FORM : CAPSLOCK
 */

.jb-my-jambase-form .alert-capslock {
   display: none;
   margin-left:5px;
   border:1px solid rgba(0,0,0,.1);
   padding:2px 4px;
}


/*
 * MY JAMBASE :: FORM : EMAIL FIELD
 */

.jb-my-jambase-form .email-field-wrap {
   flex:1 1;
   width: 100%;
   max-width: 100%;
}

.jb-my-jambase-form .email-field-wrap input {
   transition: background-color .5s;
}



/*
 * MY JAMBASE :: FORM : SUBMIT BUTTON
 */
.jb-my-jambase-form *[type="submit"] {
   transition: all ease-in-out .5s;
}


/*
 * MY JAMBASE :: FORM : INTERSTITIAL FORM
 */


#jb-my-jb-interstitial-fields-wrap-inner{
   display:flex;
   gap:10px;
   align-items:center;
}

/*
 * MY JAMBASE :: FORM : FEEDBACK
 */

.jb-my-jambase-form-feedback{
   margin-bottom:15px;
}

.jb-my-jambase-form-feedback-wrap .jb-my-jambase-system-feedback:last-child{
   margin-bottom:25px;
}

.jb-my-jambase-form-feedback ul.jb-my-jambase-form-feedback-messages{
   list-style:none;
   padding-left:0;
}

.jb-my-jambase-form-feedback ul.jb-my-jambase-form-feedback-messages > li{
   line-height: 1.2;
   font-size:90%;
}

.jb-my-jambase-form-feedback ul.jb-my-jambase-form-feedback-messages > li + li{
   margin-top:.5em;
}





/***********
ARTISTS SCAN RESULTS FORM
***********/

#jb-my-jambase-artists-scan-results-form .select-all-none-wrap{
   margin-left: auto;
}
#jb-my-jambase-artists-scan-results-form .select-all-none-wrap a{
   text-decoration:underline;
   color:#2196F3;
}

#jb-my-jambase-artists-scan-results-form .select-all-none-wrap a[disabled]{
   color:gray;
   text-decoration:none;
}

#jb-my-jambase-artists-scan-results-form .select-all-none-wrap a[disabled]:hover{
   cursor:default;
}

/***********
CROPPER
***********/
.jb-my-jambase-form .jb-custom-image-dotted-box{
   padding: 30px 15px;
   background-color:rgba(0,0,0,.05);
   border:1px dotted rgba(0,0,0,0.25);
   text-align:center;
   width: 100%;
}


.jb-my-jambase-form #jb-cropper-dropzone-wrap{
   align-items: center;
   justify-content: center;
   width: 100%;
   margin-top:10px;
}

.jb-my-jambase-form #jb-cropper-dropzone.dropzone-hover{
   background-color: #dff0d8;
}
.jb-my-jambase-form #jb-cropper-dropzone.dropzone-hover * { pointer-events: none; }

.jb-my-jambase-form #jb-cropper-dropzone p{
   margin:0;
}

.jb-my-jambase-form #jb-cropper-preview-wrap {
   position: relative;
   padding-bottom: 100%;
   overflow: hidden;
}

.jb-my-jambase-form #jb-cropper-preview {
   position: absolute;
   max-width: 100%!important;
   height: 900px;
   width: 1600px;
   overflow:hidden;
}

.jb-my-jambase-form #jb-cropper-preview img{
   width: 100%;
   height: auto;
}

.jb-my-jambase-form #jb-cropper-image-rotation-controls{
   display:flex;
   width:100%;
   justify-content:flex-end;
   margin-top:7px;
   gap: 7px;
}


/***********
ARTISTS SCAN RESULTS
***********/
ul.list-concerts.jb-list-v3.list-bands-v3-scan-results  > li.jbshow{
   justify-content:flex-start;
}


ul.list-concerts.jb-list-v3.list-bands-v3-scan-results label,
ul.list-concerts.jb-list-v3.list-bands-v3-scan-results input{
   margin:0;
   padding:0;
}

ul.list-concerts.jb-list-v3.list-bands-v3-scan-results input[type="checkbox"]{
   transform: scale(1.334); /* Adjust the number to increase or decrease the size */
   margin-right:3px;
}

ul.list-concerts.jb-list-v3.list-bands-v3-scan-results label{
   font-weight: 400;
   flex: 1 1;
   display: flex;
   gap: 10px;
   align-items: center;
}

ul.list-concerts.jb-list-v3.list-bands-v3-scan-results label {
   font-weight: 400;
   flex: 1 1;
   display: flex;
   gap: 10px;
   align-items: center;
   flex-direction: row;
   width: 100%;
}

ul.list-concerts.jb-list-v3.list-bands-v3-scan-results label[for]:hover{
   cursor:pointer;
}

ul.list-concerts.jb-list-v3.list-bands-v3-scan-results .col-image{
   width:20%;
   min-width:65px;
   max-width:120px;
}

ul.list-concerts.jb-list-v3.list-bands-v3-scan-results .col-content-tools{
   display:flex;
   gap:13px;
   align-items:center;
   justify-content:space-between;
   width:100%;
}

ul.list-concerts.jb-list-v3.list-bands-v3-scan-results > li .col-tools{
   flex:0 0 auto;
   width:auto;
}

ul.list-concerts.jb-list-v3.list-bands-v3-scan-results > li .col-content{
   flex:1 1 auto;
   width:auto;
}

ul.list-concerts.jb-list-v3.list-bands-v3-scan-results .post-title{
   font-weight:400;
}


/*
 * MY JAMBASE :: FORM : SUBMIT WRAP
 */

.jb-my-jambase-form-submit-wrap{
   border-top: 1px solid var(--jb-neutral-accent);
   display:flex;
   gap:15px;
   align-items:center;
   justify-content: flex-end;
   padding:15px 0 0;
   width:100%;
   margin:0;
}

.jb-my-jambase-form-selectors-wrap.bottom-border,
.jb-my-jambase-form-submit-wrap.bottom-border{
   border-bottom:1px solid #E6EDF6;
   padding-bottom:15px;
   margin:0;
}


.jb-my-jambase-form-submit-wrap.no-top{
   border-top:none;
   padding-top:0;
}

.jb-my-jambase-form-submit-wrap.adhere-bottom{
   padding:15px 13px;
   position:fixed;
   bottom:0;
   left:50%;
   transform: translateX(-50%);
   box-shadow: 1px 1px 15px rgb(0 0 0 / 25%);
   max-width:640px;
   min-width:260px;
   z-index:2;
   background-color: var(--jb-blueberry-10);
   border-top: 1px solid var(--jb-blueberry-10);
}

@media (min-width: 768px){

   .jb-my-jambase-form-submit-wrap-not-affixed222{
      position:static;
      transform: none;
      background-color: transparent;
      box-shadow:none;
      padding:13px 0 0;
   }

}




/*
 * SYSTEM FEEDBACK / TOAST
 */
#jb-my-jambase-system-feedback-wrap-outer {
   position: fixed;
   top: 0; /* Adjust as needed for top center positioning */
   left: 50%;
   transform: translateX(-50%);
   opacity: 0; /* Start with an invisible state */
   transition: opacity 0.5s ease-in-out; /* Transition for the fade effect */
   width: 290px;
   z-index: 3000000;
   background-color: rgba(255,255,255,.92);
   border: 1px solid rgba(0,0,0,.1);
   box-shadow: 0 0 15px rgba(0,0,0,.2);
}

/* ...on active or show */
#jb-my-jambase-system-feedback-wrap-outer.jb-my-jambase-system-feedback-visible {
   opacity: 1;
}


#jb-my-jambase-system-feedback-wrap{
   display:flex;
   justify-content:space-between;
   align-items:flex-start;
}
#jb-my-jambase-system-feedback-wrap .close-button{
   background: none;
   border: none;
   color: #013662;
   padding: 5px 10px;
}
#jb-my-jambase-system-feedback-messages{
   list-style:none;
   margin:0;
   padding:10px;
}
#jb-my-jambase-system-feedback-wrap .jb-my-jambase-system-feedback-message{
   display:flex;
   gap:8px;
   align-items:flex-start;
   font-size: 90%;
}
#jb-my-jambase-system-feedback-wrap .jb-my-jambase-system-feedback-message + li{
   margin-top:7px;
}
#jb-my-jambase-system-feedback-wrap .jb-my-jambase-system-feedback-message i{
   flex: 0 0;
   margin-top:.125em;
   color: #013662;
}
#jb-my-jambase-system-feedback-wrap .jb-my-jambase-system-feedback-message span{
   flex: 1 1;
   color: #013662;
}

body.admin-bar:not(.wp-admin) .pac-container{
   margin-top: -32px;
}

@media screen and (max-width: 782px){
   body.admin-bar:not(.wp-admin) .pac-container{
      margin-top: -46px;
   }
}