.info-layout {
    max-width: 730px;
    width: 100%;
    margin: 10px auto 0;
}
.info-layout p {
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    margin-top: 10px;
    font-size: 1.2rem;
    color: #093d4c;
    line-height: 30px;
}
.ytp-chrome-top.ytp-show-cards-title, .ytp-gradient-top, .ytp-gradient-bottom {
	display: none !important;
}
.mt-m30-custom {
	margin-top:-30px !important;
}

.mt-m130z-custom {
	margin-top:-130px !important;
	z-index:10;
}

.mt-m760z-og-custom {
	margin-top:-760px !important;
	z-index:10;
}

button:visited,
a.button:visited,
input[type="button"]:visited,
input[type="submit"]:visited {
    color: inherit;
    background-color: inherit;
}

.badge-row {
  margin-top: -1rem;/* space between title and badges */
	margin-bottom: 2rem; /*space below*/
  gap: .2rem;/* space between badges */
  flex-wrap: wrap;/* if someone earns lots, they wrap */
	 justify-content: center;/* horizontal centering*/
}

/* Standardise badge sizing */
.badge-row img {
  height: 63px;               
  width: auto;                /* keep original aspect ratio */
}

.team{
	background-color:#ffffff00; !important
}

/*get rid of border around about us tiles*/
.wp-block-jetpack-layout-grid-column.team {
  /*border:     0 !important;*/
  box-shadow: none !important;
}

.wp-block-jetpack-layout-grid-column.team.is-vertically-aligned-center{
    align-self: start !important;
}

/*hide the tile mega menu on mobile, This is overkill but works*/

@media (max-width: 768px) {
    
    .megamenu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
	
	
/* Force menu button to show between 600px and 768px*/	

@media (min-width: 600px) and (max-width: 991.98px) {

  /* force hamburger icon to show */
  .fa-bars::before {
    content: "\f0c9" !important; 
  }
	
  /* force the button itself to be visible */

  .menu-toggle,
  .mobile-menu-button,
  .hamburger-button { 
     display: block !important; 
  }
}
	
/* Remove spacer between header and body on mobile */
	
@media (max-width: 768px) {
  header.entry-header::after {
    content: none !important; 
    /* or display: none !important; */
  }
}
	
/* fix the home page header changing colour when in mobile view*/

@media (max-width: 767px) {
 
  body.home #masthead {
    background-color: #27ae60 !important; 
  }
  
}
	
/* handle the cover padding below the menu bar for the mobile version of home page to be smaller */
	
@media (max-width: 767px) {
  
  /* This forces the outer cover's height */
  .short-mobile-cover {
    min-height: 10px !important; 
    height: 10px !important; /* This is a stronger rule */
    overflow: hidden !important; /* Ensures nothing spills out */
  }
  
  /* This hides the inner container that 
     holds the problem-paragraph */
  .short-mobile-cover .wp-block-cover__inner-container {
    display: none !important;
  }
  
}

/*
 * This creates a responsive container for tables.
 * Any table inside it will scroll horizontally on mobile.
 */
.table-responsive-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
}

/*
 * This creates a responsive container for tables.
 * Any table inside it will scroll horizontally on mobile.
 */
.table-responsive-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
}

/*
 * FINAL FIX: Force the two "Get it now" buttons
 * to be the exact same fixed size.
 */
table.compare #get-started5-btn,
table.compare #get-started6-btn {
    
    /* * Set a fixed width for both buttons.
     * This overrides the "width: 100%" and the un-even columns.
     * You can change 180px if you want them wider or narrower.
     */
    width: 180px !important;
    min-width: 180px !important; /* Prevents squishing */
    
    /* This ensures padding is counted correctly */
    box-sizing: border-box;

    /* * This overrides the 'width: 100%' style and allows
     * the fixed width to work.
     */
    display: inline-block;
}

/* Removing the image from Phonetools page header when in mobile view */
@media only screen and (max-width: 768px) {

    .wp-image-10881 {
        display: none !important;
    }
}