/*
Theme Name: Ninja Family
Text Domain: Ninja Family
Version: 1.0
Description: Ninja Fam Theme
Tags: ninja, bujinkan, martial arts
Author: NinjaFam
*/

@font-face {
    font-family: 'aAssassinNinja';
    src: url('../fonts/assassin/aAssassinNinja.woff2') format('woff2'),
        url('../fonts/assassin/aAssassinNinja.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'aAssassinNinja';
    src: url('../fonts/assassin/aAssassinNinja.woff2') format('woff2'),
        url('../fonts/assassin/aAssassinNinja.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rayman2';
    src: url('../fonts/rayman/Rayman2Regular-VGR7B.ttf') format('ttf'),
         url('../fonts/rayman/Rayman2Regular-VGR7B.ttf') format('ttf'),
         url('../fonts/rayman/Rayman2Regular-VGR7B.ttf') format('truetype');
    font-weight: normal; /* 400 for regular */
    font-style: normal;
    font-display: swap;
}

/* Rayman2 Bold */
@font-face {
    font-family: 'Rayman2';
    src: url('../fonts/rayman/Rayman2Bold-qZnm5.ttf') format('ttf'),
         url('../fonts/rayman/Rayman2Bold-qZnm5.ttf') format('ttf'),
         url('../fonts/rayman/Rayman2Bold-qZnm5.ttf') format('truetype');
    font-weight: bold; /* 700 for bold */
    font-style: normal;
    font-display: swap;
}

h1 {
    color: #000000;
    font-family: 'Rayman2', sans-serif;
    text-decoration: none !important;
}

#hp-desc {
	display: none !important;
	visibility: hidden !important;
}

.main-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
	margin: 0;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 0.4%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 0.4%);  
}


#logo {
    width: 180px;
}

.menu-item {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 18px;
    margin-left: 0px;
    margin-right: 0px;
}

.menu-item:hover {
    font-size: 18px;
}


.menu-item > a:hover {
    color: #505050;
    text-decoration: none !important;
}

/* Custom Post Styling */
.front-page-content, .custom-post-container {
    max-width: 85vw;
    margin: 0 auto;
    padding: 20px;
    border-radius: 5px;
    background: transparent; /* Remove background to show body image */
}

.post-wrapper {
    background-repeat: repeat;  /* This will tile the texture */
    background-size: cover;    /* Or 'contain', depending on your preference */
    background-attachment: fixed;
    min-height: 100vh;
    margin: 0;
    min-height: 600px; /* Avoid content cutoff */
    max-width: 100%;
    margin: 20px auto;
    padding: 20px;
    color: #000000;
    /* border: 1px solid #ddd; */
}

.post-header h1 {
    font-size: 2em;
    color: #000000;
}

p {
    padding: 0px 90px 0px 90px;
}

.post-meta, .post-content {
    color: #000000;
}

.custom-section {
    padding: 10px;
    background-color: rgba(240, 240, 240, 0.8); /* Semi-transparent gray */
    margin-top: 20px;
}


/* Ensure other elements are transparent */
.navbar, .page-title, .footer {
    background: transparent !important; /* Remove any opaque backgrounds */
}


.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-left: 5vw;
}

.sbi_load_btn, .sbi_follow_btn {
    display: none;
    visibility: hidden;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    flex: 1 -1 64%;
    height: 77%;
    object-fit: cover;
    width: 109vw !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
	max-width: 59% !important;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	flex: 1 -1 0% !important;
}


@media (max-width: 768px) {
	
	.main-wrapper .page-title > h1.heading {
		padding: 45px 0px 40px 0px;
	}
	
	h1 {
		font-size: 35px !important;
	}
	
	.wpcf7-form-control.wpcf7-submit.has-spinner {
		margin-left: 0vw !important;
		font-family: 'Rayman2', sans-serif;
	}
	
	.wpcf7 form {
		margin-left: -88px;
		padding: 6.5% !important;
	}
	
   .wpcf7 input, .wpcf7 textarea {
		width: 83vw !important;
	}

  .front-page-content, .custom-post-container {
        padding: 0px;
    }

	#logo {
    	width: 130px;
	}

    .front-page-content, .custom-post-container {
        max-width: 100% !important;
    }   
	
	label{
		font-family: 'aAssassinNinja', sans-serif;
	}

	
}