/* Off canvas close button fix */
.wp-block-navigation__responsive-container.is-menu-open {
	padding:20px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	-ms-flex-item-align: start !important;
	align-self: flex-start !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container li {
	-ms-flex-item-align: start !important;
	align-self: flex-start !important;
}
/* Comments start */
.wp-block-comments #reply-title {
	font-size: 24px;
	font-weight: 600;
}

.wp-block-comments p.logged-in-as,
.wp-block-comments p.comment-notes,
.wp-block-comments label {
	font-size:14px;
}
.wp-block-comments .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]), 
.wp-block-comments .wp-block-post-comments-form textarea {
	padding: 10px 15px;
	font-size: 15px;
}
.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
	margin-top:3px;
}
.wp-block-post-comments-form input[type=submit] {
	font-family: var(--wp--preset--font-family--fontprimary);
	font-weight: 400;
}
/* Comments end */


@media only screen and (max-width: 768px) {
	/* navigation-004 start */
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .wp-block-column:last-of-type {
		display: none !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .wp-block-column:first-of-type {
		flex-basis: 40% !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .wp-block-column:nth-of-type(2) {
		flex-basis: 60% !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .wp-block-column:nth-of-type(2) .wp-block-navigation__container{
		justify-content: end !important;
	}
	/* navigation-004 end */
	/* features-005 start */
	.superbthemes-features-005 .wp-block-columns .wp-block-column{
		max-width: 48% !important;
		width: 100% !important;
	}
	/* features-005 end */

	/* footer-001 start */
	.superbthemes-footer-001 {
		text-align: center;
	}
	.superbthemes-footer-001 ul {
		justify-content: center!important;
	}
	/* footer-001 end */
}

@media only screen and (max-width: 600px) { 
	/* navigation-004 start */
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .wp-block-column:nth-of-type(2) {
		flex-basis: 20% !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .wp-block-column:first-of-type {
		flex-basis: 80% !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .wp-block-column:nth-of-type(2) nav {
		justify-content: end !important;
		display:flex !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-headline {
		font-size:72px !important;
	}
	.wp-block-navigation__responsive-container *, .wp-block-navigation__responsive-container {
		/*background: var(--wp--preset--color--base) !important;*/
		color: var(--wp--preset--color--mono-1) !important;
	}
	/* navigation-004 end */
	/* features-005 start */
	.superbthemes-features-005 .wp-block-columns .wp-block-column{
		max-width: 100% !important;
	}
	.superbthemes-features-005 .wp-block-columns .wp-block-column .wp-block-group {
		justify-content: center !important;
		flex-direction: column !important;
		flex-wrap: wrap !important;
		align-items: center !important;
	}
/* features-005 end */
}



.blog-two-columns .wp-block-post-featured-image {
	min-width:40% !important;
}
@media only screen and (max-width: 750px) {
	.blog-two-columns .wp-block-post-featured-image {
		min-width:100% !important;
	}
	.blog-two-columns .has-post-thumbnail .wp-block-group{
		-ms-flex-wrap:wrap !important;
		flex-wrap:wrap !important;
	}
}




/* Black style nav fix */
@media only screen and (max-width: 599px) { 
	.wp-block-navigation__responsive-close,	
	.wp-block-navigation__container li a {
		font-size:18px;
		color:black !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		align-self: center !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container li {
		align-self: center !important;
	}
}


.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container li,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content * {
    -ms-flex-item-align: center !important;
        align-self: center !important;
}

.wp-block-navigation__submenu-container {
	padding: 0;
}

.test-padding {
	padding: 0;
}

/* Common styles (if needed) */
.img-responsive {
    max-width: 100%;
    height: auto;
}

/* Courses styles - 6 courses in 2 rows of 3 */
.courses-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-items: center;
    width: 100%;
    margin-bottom: 30px;
}

.course-item {
    width: 100%;
    max-width: 180px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.course-figure {
    margin: 0;
    border: 2px solid #003366;
    border-radius: 8px;
    display: flex;
    width: 100%;
    overflow: hidden;
    min-height: 170px; /* Ensure consistent height even without image */
    background-color: #f5f5f5; /* Light gray background for empty figures */
}

.course-figure a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 170px;
}

.course-figure a img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
}

/* Add a placeholder for missing images */
.course-figure a:empty::before {
    content: "No Image";
    color: #999;
    font-style: italic;
    font-size: 14px;
}

.course-figure:hover {
    border-color: #0055a4;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.course-title-container {
    text-align: center;
    margin-top: 8px;
}

.course-title-container h4 {
    padding: 0;
    margin: 0;
}

.course-title-container h4 a {
    font-size: 14px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    color: #003366;
}

/* Activities styles - 5 activities in 1 row of 5 */
.activities-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    justify-items: center;
    width: 100%;
    margin-bottom: 30px;
}

.activity-item {
    width: 100%;
    max-width: 180px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.activity-figure {
    margin: 0;
    border: 2px solid #663300;
    border-radius: 8px;
    display: flex;
    width: 100%;
    overflow: hidden;
    min-height: 170px; /* Ensure consistent height even without image */
    background-color: #f5f5f5; /* Light gray background for empty figures */
}

.activity-figure a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 170px;
}

.activity-figure a img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
}

/* Add a placeholder for missing images */
.activity-figure a:empty::before {
    content: "No Image";
    color: #999;
    font-style: italic;
    font-size: 14px;
}

.activity-figure:hover {
    border-color: #995500;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.activity-title-container {
    text-align: center;
    margin-top: 8px;
}

.activity-title-container h4 {
    padding: 0;
    margin: 0;
}

.activity-title-container h4 a {
    font-size: 14px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    color: #663300;
}
.form-title {
    margin: 0;
    font-size: 20px;
    text-decoration: underline;
}

.contact-form-container {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    p label {
        color: black;
	span {
	    color: red;
	}
    }
    p span input {
        height:25px;
    }
}

.contact-form-inputs {
    display: flex;
    justify-content: center;
    width: 50%;
    p span input {
        width: 90%;
    }
}

.contact-form-textarea {
    label {
        color: black;
    }
    p span textarea {
        width: 100%;
    }
}

.contact-form-btn {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: white;
    background-color: #fe984f;
    border-radius: 8px;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.06), 2px 3px 0 rgba(0, 0, 0, 0.05);
    border: none;
    padding: 15px;
}

.cta-contact-button {
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: white;
    background-color: #fe984f;
    border-radius: 8px;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.06), 2px 3px 0 rgba(0, 0, 0, 0.05);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    a {
        color: black;
    }
}

.test-button-block {
    display: block;
}

@media (max-width: 1024px) { /* Targets screens up to 1024px wide – covers most tablets and mobiles */
    .test-button-block {
        display: none;
    }
}