/*
Theme Name:   Twenty Twenty Four Child
Template:     twentytwentyfour
Version:      1.0.1
*/

strong {
	font-weight: 700!important;
}
.no-margin p {
	margin-block-start: 0!important;
}

ol li.no-number {
  list-style-type: none;
}

.wp-block-navigation ul, .wp-block-navigation ul li {
		padding-right: 15px;
	}
	
h1, h2, h3 {
        font-family: var(--wp--preset--font-family--self-modern) !important;
}

.wp-block-site-title {
	color: blue !important;
}

@media only screen and (min-width: 900px) {
.page-id-120 .entry-content {
    background-image: url('https://professorgirlfriend.com/wp-content/uploads/Professor-GF-bubble-letters-7.png');
    background-repeat: no-repeat;
   background-size: contain;
    background-position: center center;
    background-size: 60%;
}
	
	h1:hover, .wp-block-site-title:hover {
    font-family: bulbis !important;
}
	
.wp-block-site-logo img {
    transition: transform 0.3s ease-in-out;
}

.wp-block-site-logo:hover img {
    transform: rotate(15deg) scale(1.2); /* Increases size by 10% */
}
	.wp-container-core-group-is-layout-f1189ed3 {
		gap: 10px;
	}
}
/* Change mobile menu breakpoint */

@media (max-width: 899px) {
    /* Show hamburger toggle */
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex !important;
    }
  
    /* Hide desktop menu; added class top-nav via FSE to prevent footer nav from vanishing*/
    .top-nav.wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
      display: none !important;
    }
  
    /* Show mobile menu when toggled */
    .wp-block-navigation__responsive-container.is-menu-open {
      display: block !important;
    }
  
    /* Show menu container inside mobile nav */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
      display: flex !important;
      flex-direction: column;
    }
  }

  @media only screen and (min-width: 900px) and (max-width: 1280px) {
    .wp-block-site-title, .wp-block-navigation-item {
        font-size: 18px !important;
    }
    }

@media only screen and (max-width: 900px) {
	
	.page-id-27 ol, .page-id-27 ol li {
		font-size: inherit !important;
	}
}