/*
 Theme Name:   TAGBAR Theme
 Description:  TAGBAR Theme
 Author:       MBS Digital
 Author URI:   https://www.mbs-team.de/digital
 Template:     jupiterx
 Version:      1.0
 Text Domain:  jupiterx-child
*/


:root {
	--mainColor: #AEB2F2;
    --secondaryColor: #4953F2;
    --thirdColor: #1E1E1E;
    --mainFontColor: #F0F0F0;
    --secondFontColor: var(--mainFontColor);;
    --backgroundColor: #0E0E0E !important;

}


/* Start Custom Fonts CSS  BricolageGrotesque */
@font-face {
	font-family: 'BricolageGrotesque';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('/wp-content/uploads/2024/03/BricolageGrotesque-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'BricolageGrotesque';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('/wp-content/uploads/2024/03/BricolageGrotesque-Medium.woff2') format('woff2');
}
/* End Custom Fonts CSS BricolageGrotesque */
/* Start Custom Fonts CSS Inter */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('/wp-content/uploads/2024/03/Inter-Medium.woff2') format('woff2');
}
/* End Custom Fonts CSS Inter */


.mainContent .elementor-container.elementor-column-gap-no {
    max-width: 1140px !important;
}

/*FORMS ALLGEMEIN*/

form[id="select_user_to_edit_form"] {
    display: none;
}

.wppb-description-delimiter {
    display: none;
}

.alert.wppb-success {
    padding: 0px;
}

#pmpro_account-profile, #wpua-thumbnail-existing, #wpua-undo-button-existing, .description {
    display: none !important;
}

.subscriptionInformation #pmpro_account .pmpro_box {
    border-top: 0px !important;
}

.elementor hr {
display:none !important;
}


.elementor-button .elementor-align-icon-right {
	float: none!important;
}


.box {
    cursor: pointer;
}

.content {
    display: none;
}

.url, .email, .vcard, .event, .text {
    display: none;
}



.formWidth471 {
    width: 47%;
    margin-right: 5%;
    display: inline-block !important;
}

.formWidth472 {
    /* width: 47%; */
    display: inline-block !important;
	margin-right: 50px;
}

.formWidth601 {
    width: 60%;
    margin-right: 5%;
    display: inline-block !important;
}

.formWidth351 {
    width: 34%;
    display: inline-block !important;
}
.qrlisting{
    display:none;
}
.qrlisting.show{
    display:block;
}
/* QR-Listing */
.qrcampaingitem{
    cursor:pointer;
}
.listingItem {
    background-color: var(--mainFontColor);;
    padding: 40px;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);
    overflow: hidden;
    position: relative;
}

.listingItemContent {
    display: inline-block;
}

.listingItem h4 {
    margin: 0;
}

.listingItemDescription, .listingItemTyp, .listingItemShortURL, .listingItemCampaign, .listingItemDate {
    display: inline-block !important;
}

.listingItemDescription {
    width: 30%;
}


/*
.listingItemImage {
    width: 15%;
	width: unset;
    float: left;
    line-height: 153px;
}
*/
.qrliste.active .listingItemImage {
    margin-left: 5%;
}

.listingItemScanns {
    width: 10%;
}


.qrliste .listingItemContent.checkboxspalte{
    display:none;
    width:5%;
    float:left;
}

.qrliste.active .listingItemContent.checkboxspalte{
    display:block;
}

.checkboxspalte {
    background: #e4e4e4;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    cursor: pointer;
}






.listingTable {
    display: none;
}

.listingItemInformations{
	padding: 15px;
	overflow: hidden;
}

.listingTable.active {
    display: block;
}

.listingItemName {
	overflow: hidden !important;
}

.listingItemDescription {
	width: unset !important;
}

.listingItemContent.checkboxspalte.activated {
    background: var(--mainColor);
}

/*PRIMARY*/

.primary .label {
    margin-top: 20px;
}

.primary {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  font-weight: normal !important;
}

.primary a:hover {
    color: var(--secondaryColor)!important;
}

.primary h1, .primary h2, .primary h3, .primary h4 {
	/*color: var(--mainFontColor) !important;*/
    color: var(--mainFontColor) !important;
}


.primary button, .primary input[type="submit"], .primary .elementor-button.elementor-size-sm, .primary a.pmpro_btn.pmpro_btn-select, .primary a.pmpro_btn.disabled, .primary input[type="button"] {
    background-color: var(--mainColor);
    font-weight: normal;
    cursor: pointer;
	font-size: 15px;
    /* height: 65px; */
    border: 0px;
	/* line-height: 65px; */
	border-radius: 10px !important;
}

/*
.archiveqr, #archivecampaign {
	margin: 0 40px;	
}
*/

.primary button:hover, .primary input[type="submit"]:hover, .primary .elementor-button.elementor-size-sm:hover , .primary input[type="button"]:hover {
    background-color: var(--secondaryColor) !important;
    transition: 0.5s !important;
}

.primary .elementor-button.elementor-size-sm span {
    color: var(--thirdColor);
}

.primary input, .primary select {
    width: 100%;
    max-width: 100% ;
    /* height: 65px; */
    padding: 0px 20px 0px 20px;
    color: var(--mainFontColor);;
    appearance: none;
    -webkit-appearance: none;
	background-color: var(--thirdColor);
	padding: 11px ;
	border-color: transparent ;
	border-radius: 10px ;
	font-size: 12px ;
	height: unset ;
}

.primary textarea {
    width: 100%;
    max-width: 100% !important;
    height: 130px;
    border: 0px;
    border-radius: 5px;
    padding: 20px 20px 20px 20px;
    color: var(--mainFontColor);
    appearance: none;
    -webkit-appearance: none;
}


.primary input:focus, .primary select:focus, textarea:focus {
    outline: none;
}

.primary label {
    color: var(--mainFontColor) !important;
    display: block;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: normal !important;
}

.primary ul {
    list-style-type: none;
    padding: 0;
}

.primary li {
    margin-bottom: 20px;
	color: var(--mainFontColor);;
}

.primary {
    color: var(--mainFontColor) !important;
}

.primary a {
    color: var(--mainColor) !important;
}

/*––––––––––––––––––––––––––––––––––––––––––*/

/*SECONDARY*/

.secondary input {
    width: 100%;
    max-width: 100% !important;
    /* height: 65px; */
    background: var(--thirdColor);
    border: 0px;
    border-radius: 5px;
    padding: 0px 20px 0px 20px;
    border-radius: 20px !important;
}

.secondary label {
    color: var(--thirdColor) !important;
    display: block;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: normal !important;
}


.secondary select {
    /* height: 65px; */
    border: 0px;
    color: var(--secondFontColor);
    width: 100%;
	
	padding: 11px !important;
	border-color: transparent !important;
	border-radius: 10px !important;
	font-size: 12px !important;
	height: unset !important;
}

.secondary button, .secondary input[type="submit"], .secondary .elementor-button.elementor-size-sm, .secondary a.pmpro_btn.pmpro_btn-select, .secondary a.pmpro_btn.disabled {
    background-color: var(--thirdColor);
    color: var(--mainColor) !important;
    font-weight: normal;
    cursor: pointer;
    /* height: 65px; */
    border: 0px;
    border-radius: 5px;
    padding: 0px 20px 0px 20px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
    width: 100%;
	/* line-height: 65px !important; */
}

.secondary  .login-remember {
    display: none;
}

.secondary .login-register-lost-password, .secondary .login-register-lost-password a {
    color: var(--thirdColor);
    text-align: center;
    text-decoration: underline;
}

.secondary  p {
    margin-bottom: 40px;
}

.secondary input:focus, .secondary select:focus {
    outline: none;
}

.secondary h1, .secondary h2, .secondary h3, .secondary h4, .secondary p {
    color: var(--thirdColor) !important;
}

.secondary a {
    color: var(--thirdColor) !important;
    text-decoration: underline var(--thirdColor) !important;
}

.secondary .pmpro_message.pmpro_alert {
    background-color: transparent !important;
    border: none !important;
    color: var(--thirdColor) !important;
    font-size: 16px;
    text-align: center;
}
.lastscanrow{
    clear:both;
    float:left;
    width:100%;
}
.lastscanrow:nth-child(even){
    background: rgba(255, 255, 255, 0.15);
}
.lastscanrow div{
    float:left;
    width:33.33%;
}
.primary input.qrcheckbox{
    width:25px;
    height:25px;
    padding:0px;
    cursor:pointer;
    background:url(images/checkbox_unchecked.svg) no-repeat;
    background-size: cover;

}
.checkall{
    cursor: pointer;
}
.primary input.qrcheckbox:checked{
    background:url(images/checkbox_checked.svg) no-repeat;
    background-size: cover;
}

.primary .checkboxspalte input.qrcheckbox {
    position: absolute;
    top: 42.5%;
    left: 25%;
}

.checkall .elementor-widget-wrap {
    text-align: center;
}

.checkall.allchecked .elementor-column-wrap.elementor-element-populated {
    background-color: var(--mainColor) !important;
}

.checkall .elementor-column-wrap.elementor-element-populated {
    transition: none !important;
    transition-duration: 0s !important;
}

.listingIcon .elementor-icon {
    cursor: pointer;
}

/*––––––––––––––––––––––––––––––––––––––––––*/


.menuWidth {
    background-image: var(--backgroundColor) !important ;
}

.headerFooterMain {
    background: var(--backgroundColor) !important;
}

#systems, #browsers, #fullscans {
    margin-top: 40px !important;
}

.tortendiagramm .elementor-widget-container {
    text-align: center !important;
}

.elementor-column.menuWidth{
    width: 300px !important;
    z-index: 1000;
    position: fixed;
    height: 100%;
   display:none;
}

.columnHeaderFooter {
    min-height: 100vh !important;
}

.elementor-column.menuWidth.active{
    display: flex;
}

.menuSection i {
    width: 85px;
    font-size: 24px;
    padding-left: 40px;
}

.menuSection span {
    padding-right: 40px;
}

.elementor-widget:not(:last-child) {
    margin-bottom: 0px !important;
}

.menuSection a:hover {
    background: rgba(255, 255, 255, 0.10);
    transition: 0.5s !important;
}

.menuSection .elementor-image a:hover {
    background: none;
}


.menuSection .current_page_item a {
    background: var(--thirdColor);
}

.menuSection .current_page_item a span, .menuSection .current_page_item a i {
    color: var(--mainColor);
}

.footer {
    position: absolute !important;
    bottom: 0 !important;
}


body.active {
    overflow-x: hidden;
}


.width50 {
    width: 50% !important;
}

.width45 {
    width: 45% !important;
}

.width5 {
    width: 5% !important;
}

.widthAuto {
    width: auto !important;
}


@media screen and (max-width:767px){
    .menu_mobile .elementor-menu-toggle {
        display:none !important;
    }

     .menu_mobile .elementor-nav-menu--main{
         display:block !important;
        }

        .formWidth471, .formWidth472, .formWidth601, .formWidth351, .mobile100 {
            width: 100%;
            margin-right: 0;
        }

    }


@media (max-width: 1025px) {
    .contentWidth .elementor-column-wrap.elementor-element-populated {
        margin: 0px !important;
    }

    .elementor-column.contentWidth.active {
        left: 300px;
     }
}

@media (min-width: 1025px) {
    .elementor-column.menuWidth {
        display: flex;


    }
}

/*
 *Redesign für TAGBAR 2.0
 */ 

.body{
    text-rendering: optimizeLegibility !important;
}

.primary button:hover, .primary input[type="submit"]:hover, .primary .elementor-button.elementor-size-sm:hover, .primary input[type="button"]:hover {
    background-color: var(--secondaryColor) !important;
    transition: 0.5s !important;
}

.listingItemButtons, .listingItem {
	display: flex;
	align-items: center;
}

.editqr, .archiveqr, #editcampaign a, .archivecampaign {
	color: var(--mainFontColor) !important;
	background-color: rgba(255, 255, 255, 0) !important;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0) !important;
}

#downloadcampaign a {
	color: var(--mainFontColor) !important;
}

input[type="submit"], input[type="button"]{
  font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
  font-weight: var( --e-global-typography-accent-font-weight );
  font-size: 15px !important;
  color: var(--mainFontColor);
  fill: var(--mainFontColor);
  text-align: center;
}

h1{
	font-family: "BricolageGrotesque", Sans-serif !important;
}

h2, h3, h4 {
	font-family: sans-serif;
}

.listingItem {
	justify-content: space-between;
	background-color: var(--thirdColor);
	border-radius: 35px;
}

.listingItem h1 {
	font-size: 28px;
	font-weight: bold;
}

.listingItem h4, .listingItem h3 {
	font-size: 12px;
}

.listingItem h3 {
	color: var(--mainColor) !important;
}



.listingItemButtons Button, {
	color: var(--mainFontColor) !important;
	font-family: 'Inter' !important;
	font-weight: normal;
	padding: 10px 24px;
	border-radius: 10px;
	
	display: flex;
    align-items: center;
    justify-content: center;
    height: 40px; /* Beispielhöhe */
	margin-left: 20px;
    border: none;
    cursor: pointer;
}

.listingItemInformation {
    display: flex;
	line-height: 18px;
}

.listingItemInformation h4 {
	white-space: nowrap;
}

.listingItemDescriptions {
	margin-right: 20px;
}

.listingItemInformations {
	padding: 0px !important;
}

.elementor-search-form--skin-minimal:focus-within {
  outline-color: rgba(0, 0, 0, 0);
}


/* Erstellungsformular Anpassungen */

.elementor-707 .elementor-element.elementor-element-5690d6f:not(.elementor-motion-effects-element-type-background) {
  background-color: rgba(0, 0, 0, 0) !important;
}

.url {
    display: flex !important;
    justify-content: space-between;
}

.url > div {
    flex: 0 0 70%; /* The first div will take 70% of the container's width */
    margin-right: 10px; /* Add some space between the divs */
}

.url > div:last-child {
    flex: 0 0 30%; /* The last div will take 30% of the container's width */
    margin-right: 0; /* Remove the margin from the last div */
}

.label {
    display: block; /* Ensure the label is displayed as a block element */
    margin-bottom: 5px; /* Add some space between the label and the input */
	
}

.url input[type="text"], input[type="number"] {
    width: 100%; /* Make the inputs take up the full width of their parent div */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

.fiftyfifty {
	width: 48%;
}

.ffleft {
	margin-right: 4%;
}

.qrsvg {
	padding: 40px;
	background-color: var(--backgroundColor);
	border-radius: 20px;
}


.elementor-707 .elementor-widget-wrap {
	background-color: unset !important;
}

.elementor-widget-my-mbs-qrcodeform h3{
	font-family: "BricolageGrotesque", Sans-serif !important;
}
.createButton input{
	margin-left: 5px !important;
}


#user_preference {
	width: 270px;
    margin-bottom: 20px;
}

.disabled-button {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}

/* ////////////////////////////// */

.page-codes #filter-form.expanded {
	width: 60%;
	padding: 25px;
	background: var(--thirdColor);
	border-radius: 35px
}

.page-codes #filter-form.expanded select, .page-codes #filter-form.expanded input {
	background-color: #0E0E0E;
}

.qrcode-form {
	padding: 40px;
	background: var(--thirdColor);
	border-radius: 35px
}

.qrcode-form select, .qrcode-form input[type="text"] {
	background-color: #0E0E0E !important;
}

.listingItem {
	gap: 20px;
}
.qrlisting.show {
    width: 100%;
}
.qrlisting.show > *:first-child {
    margin-top: 30px;
}
.qrlisting.show > *:not(:last-child) {
    margin-bottom: 10px;
}

            .page-id-135 .archiveqr {
                display: none;
            }
            .page-id-135 .archivecampaign {
                display: none;
            }
            .page-id-135 .download {
                margin-left: 40px;
            }

            .page-id-135 .listingItemButtons {
                flex-wrap: wrap;
            }
            .page-id-135 .listingItemButtons i {
                display: none;
            }

            .page-id-135 .listingItemButtons button:last-child {
                margin-right: 0;
            }
            .page-id-135 .listingItemButtons button:hover {
                color: #fff;
            }