#block-diater-theme-languagedropbox {
  z-index: 300;
}

.block--sticky {
  position: sticky !important;
  top: 170px;
}

.block-system-breadcrumb-block {
  /* background: var(--bulma-text-100); */
  padding: 0.5em 2em;
  line-height: 2;
  margin-bottom: 2rem !important;

  @media (max-width: 768px) {
    margin-bottom: 2rem;
  }

  .breadcrumb {
    margin-block-start: 0;
    margin-block-end: 0;
  }
}

.social-buttons-block img {
  width: 24px;
}

#paragraphs-component-id-678 {
  box-shadow: inset -1px -300px #fff;
}

div#block-maguire-theme-pagetitle:has(h1.visually-hidden),
div#block-maguire-theme-pagetitle:has(h1:empty) {
  padding: 0 !important;
  margin: 0 !important;
}

#block-maguire-theme-addheader .field {
  position: relative;

  @media (max-width: 768px) {
    overflow: hidden;
    padding-bottom: 1.1em;
  }
}

.profile {
  display: flex;
  justify-content: space-evenly;
  padding: 2em 0;
  flex-flow: row wrap;
  gap: 1em;
  & > div {
    min-width: 350px;
    margin: 0 !important;
  }
}

.main-content-region .block-system-breadcrumb-block {
  display: none;
}

.level-homepage {
  h2 {
    height: 130px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;
  }

  img {
    height: 50px;
    width: auto;
  }

  .level, .level-item {
    align-items: start;

    @media (max-width: 768px) {
        align-items: center;
    }
  }

  .level-item {
    margin-bottom: 2em;
  }
}


.captcha.captcha-type-challenge--recaptcha {
    margin-block: 2rem;
}

/* klaro */

.klaro .cookie-modal {
	
	padding: 0 2em;
	
	.cm-modal.cm-klaro {
    	width: calc(100% - 4em);
	}
	
	@media (min-width: 400px) {
	 .cookie-modal-notice {
			
			margin: 0 auto;
			max-width: 1200px;
			padding: 1em 2em 2em;
			
			#id-cookie-title {
				font-size: var(--bulma-size-3);
				margin-bottom: 1em;
			}
		}
	}
	button {
		background-color: #fff !important;
		color: var(--bulma-link) !important;
		border: 2px solid var(--bulma-link) !important;
		border-radius: 20px !important;
		font-weight: 600 !important;	
		transition: 300ms;
		&:hover {
			color: #fff !important;
			background-color: var(--bulma-link) !important;
		}
		
	}
	
   .cn-ok {
	   flex-direction: row-reverse;
       justify-content: flex-end;
	   gap: 1em;
	   .cn-buttons {
		    display: flex;
		    flex-direction: row-reverse;
		    gap: 1em;
	   }
	}
	
	@media (max-width: 650px) {
		
		.cn-ok {
       		flex-direction: row-reverse;
			align-items: flex-start;
			gap: 1em;
			flex-direction: column-reverse;
		}

		button {
		    min-height: 60px !important;
    		min-width: 160px;	
		}
		
		.cm-footer-buttons {
			justify-content: space-between!important;
			width: 100%;
			flex-flow: column-reverse!important;
			gap: 1em;

			button {
			   width: 100%!important;
			}
		}
	}
	
    @media (max-width: 500px) {
		.cn-ok, .cn-buttons {
			width: 100%;	
			margin: 0!important;
			flex-direction: column-reverse!important;
			flex-wrap: wrap;
            gap: 1em;
            width: 100%;
				
		    button {
				min-width: 100%;
				margin: 0!important;
			}
		}
		
	}
	
	.cm-header button {
		min-width: 40px!important;	
		min-height: 40px !important;	
	}
	

}

html:has(#cookieScreen) {
  overflow: hidden;	
}