.inner-menu-header {
	max-width: 95% !important;
	font-size: 14px !important;
}	

.inner-menu-header div nav li {
	font-size: clamp(13px, 1.28vw ,16px) !important;
}	

@media (max-width: 781px) {
	.inner-menu-header {
		max-width: 100% !important;	
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap !important;
		margin: 20px 0px 0px !important;
		padding-left: 7.5% !important;
		padding-right: 7.5% !important;
	}	
	
	.pcspacer {
		display: none;
	}
	
	.logo-block {
		flex-grow: 2;
		padding: 0px !important;
	}	

	.menu-right-box, .menu-right-box > div, .nav-block-left, .nav-block-left > div {
		flex-grow: 0;
		max-width: 0%;
	}	

	.social-block {
		display: none;
	}	
}

.logo-box {
	padding: 25px;
}	

.logo-box h1 {
	margin-top: 0% !important;
	padding: 12.5px !important;
	font-size: clamp(16px, 1.5vmax, 18px) !important;
}	

.wp-block-cover > div > div > div > h2 {
	margin-left: 0% !important;
	margin-right: auto !important;
	width: max-content;
	font-size: clamp(28px, 3vmax, 42px) !important;
	text-decoration: underline;
}

.post-nav-links {
   display: none;
}

.service-box {
	box-sizing: initial !important;
}

.service-info-box {
   align-items: stretch !important;
}

.service-info-box > div > div {
	height: 100%;
	min-height: 100% !important;
}

/*Makes the logo on exams and courses pages disappear when user uses mobile phone*/
@media screen and (max-width: 767px) {
  .page-id-79 .logo-esami,
  .page-id-48 .logo-esami,
	.page-id-1005 .logo-esami {
    display: none !important;
  }
}

/*Makes stuff disappear on phones*/
@media screen and (max-width: 767px) {
  .coso {
    display: none !important;
  }
}

.banner-image-cover {
	min-height: 250px !important;
	max-height: 600px !important;
	height: 60vh;
}

@media screen and (max-width: 783px) {
	.banner-image-cover {
		min-height: 250px !important;
		max-height: 600px !important;
		height: 15vh !important;
		margin-bottom: 10px !important;
	}
	
  .banner-image-cover img {
    display: block;
		object-position: 50% 50% !important;
  }
}

@media screen and (max-width: 767px) {
  .service-section {
    padding-top: 0 !important;
  }
}
	
/*floating button aziende*/
div.call-to-action-floating-button {
  position: fixed !important;
  right: 50px;
  bottom: 50px;
	z-index: 10;
}
	
.shadow-on-text h1: {
   text-shadow: 2px 2px 5px black; !important
}

/* Adds a border to the cems tutorial dropdown */
.tutorial-cems details summary {
  border: 3px solid #e6e6e6;
  padding: 0.5em;
  border-radius: 4px;
}

/* 2px tall separator with a 1px center line */
.thin-separator {
  position: relative;    /* so the ::before can be positioned */
  border: none;          /* remove default HR styling */
  height: 2px;           /* total thickness */
  background-color: #e6e6e6; /* fallback/background color */
  margin: 1em 0;         /* adjust vertical spacing as you like */
}

.thin-separator::before {
  content: "";
  position: absolute;
  top: 50%;              /* vertically center the pseudo‐element */
  left: 0;
  width: 100%;
  height: 1px;           /* the “thin” central line */
  background-color: #e6e6e6;
  transform: translateY(-50%); /* ensure perfect centering */
}

/* smol screen */
/*@media screen and (max-width: 767px) {
  h2.has-text-align-center:not(.section-heading) {
    max-inline-size: 50vw;
    text-align: left !important;
    margin-left: 0;
    margin-right: 0;
    white-space: normal;
    overflow-wrap: break-word;
  }
}*/

/* makes text overflow to the right in the tag this-overflows-right*/
/* wip */

/* hide any .disappear-if-smol class on small screens */
@media (max-width: 767px) {
  disappear-if-smol,
  .disappear-if-smol {
    display: none !important;
  }
}

@media only screen and (min-width: 781px) {
	.mobile-list-option {
		display: none !important;
	}
}

@media only screen and (max-width: 783px) {
	.top-bar {
		justify-content: center !important;
	}	
	
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.logo-block {
		order: 1;
		flex-basis: 100% !important;
	}
	
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.socials1 {
		order: 2;
		flex-basis: 50% !important;
		max-width: 48%;
	}
	
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.socials2 {
		order: 3;
		flex-basis: 50% !important;
		max-width: 48%;
	}
}