/*Modify Root CSS*/
.wp-site-blocks > * { margin-block-start:0 !important}
:root {--wp--preset--font-size--small: clamp(0.95rem, 0.95rem + ((1vw - 0.2rem) * 0.684), 1.2rem) !important}
.wp-block-button .wp-block-button__link {--wp--preset--color--secondary:#33c0d6;}	

/*.margin-block-start-20 {margin-block-start:20px !important}*/
.contact-form .is-style-animated .grunion-field-wrap .animated-label__label {
	width:90% !important}

/* Mobile Size */
@media (max-width: 768px) {
.reverse {flex-direction: column-reverse;}
	.button-width {width: 100% !important}
.menu-gap {gap:1rem !important}
.align-center {text-align:center !important}
.hide-mobile {display:none !important} 
		
		/* Mobile Size Banners */
	    .mobile-banner {
        background-size: cover;
        background-position: center;
    }
	    .mobile-banner img.wp-block-cover__image-background {        display: none;}
	.home-bg	{
	        background-image: url('https://tysonjay.sg/wp-content/uploads/2024/09/unleash-potential-home-banner-mobile.jpg') !important; }
	.coaching-bg {background-image:url('https://tysonjay.sg/wp-content/uploads/2024/09/career-coaching-services-banner-mobile.jpg')}
}


.menu-shadow {
-webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.1);
}
.rank-math-breadcrumb p {
  font-size: 0.85rem;
}

.small {font-size:0.85rem !important}
ul {padding-inline-start:20px !important}
p.no-underline a {
    text-decoration: none !important;
		font-size:1rem !important;
}
h3.no-underline a {
    text-decoration: none !important;
}

.no-inline-start {padding-inline-start:0px !important}

/* Apply this CSS to equalize the height of columns in the specific block */

.box {
	border-radius:10px;
}
.box-center {justify-content:center !important}

/* Disable text selection */
body {
    -webkit-user-select: none;  /* Safari */
    -moz-user-select: none;     /* Firefox */
    -ms-user-select: none;      /* Internet Explorer/Edge */
    user-select: none;          /* Non-prefixed version, currently supported by Chrome, Opera, etc. */
}
.wp-block-button__link.wp-element-button:hover {
  background-color: #33c0d6 !important; color: #ffffff !important; border-color: #33c0d6 !important;
}
#my-promo-btn .wp-block-button__link:hover {
  background-color: #9b51e0 !important;
  border-color: #9b51e0 !important;
  color: #ffffff !important;
}
.white {color:#ffffff;}

.wp-story-container {
    transform: scale(1.2); /* Increase or decrease value as needed */
    transform-origin: center;
}

/* Apply border-radius to the iframe */
iframe[title="VideoPress Video Player"] {
    border-radius: 10px !important;
    overflow: hidden;
}

/* Ensure the parent container also respects the rounded corners */
iframe[title="VideoPress Video Player"] {
    display: block;
    max-width: 100%;
}

/* Container setup */
.image-overlay {
  position: relative;
  display: inline-block;
}

/* Apply colour overlay */
.image-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(51, 192, 214, 0.3); /* Light teal with 30% opacity */
  z-index: 2;
  pointer-events: none; /* allows clicks to pass through if needed */
}

/* Ensure image stays behind the overlay */
.image-overlay img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}