/*
Theme Name: Kinonik, a Creativeily Child
Theme URI: https://kinonik.org
Description: Creativeily child theme
Author: Kinonik
Author URI: https://kinonik.org
Template: creativeily
Version: 1.0.0
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

/* BEGIN typography styles */ 

@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); 

.alfa-slab-one-regular {
	font-weight: 400;
	font-family: "Alfa Slab One", serif;
	font-style: normal;
}

/* <weight>: Use a value from 100 to 900 */ 
/* <uniquifier>: Use a unique and descriptive class name */ 

.roboto-<uniquifier> {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings:
		"wdth" 100;
	font-weight: <weight>;
}

/* END typography styles */ 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

/* BEGIN global styles */ 

/* END global styles */ 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

/* BEGIN header styles */ 

.header img.custom-logo { 
	height: auto; 
	width: 300px; 
}

.mobile-bar { 
	background-color: white !important; 
}

#menu-main { 
	height: auto !important; 
	min-height: auto !important; 
	padding-bottom: 0 !important; 
	padding-right: 40px;
	right: 0;
	/* transform: rotate(-90deg); */ 
	transition: all 1.23s ease-in-out !important; 
	text-align: right;
	width: auto;
}

#menu-main a{ 
	font-weight: 400;
	font-family: "Alfa Slab One", serif;
	font-size: 27px !important; 
	font-style: normal;
} 

#section06 { bottom: 10em !important; }

#section06 span { 
	border-bottom-width: 3px !important; 
	border-left-width: 3px !important; 
} 

/* END header styles */ 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

/* BEGIN body styles */ 

body.home #secondary { display: none !important; }

.wrapmain, 
#main article { padding: 0 !important; }

.wrapmain { 
	margin: 0;
	min-width: 100%;
} 

#main .page { margin-bottom: 0; }

#main article { border: 0; }

#main .entry-content > p { display: none !important; }

.home.splash, 
.home.the-booth { 
	border: 3px dashed red; 
} 

.home.splash { 

}

.home.upcoming { 
	/* background-color: #676767; 
	height: 100vh;
	max-height: 100%;
	min-height: 200px;
	padding-bottom: 0 !important;
	padding-top: 0 !important; */ 
}

.home.upcoming.cols {
	/* margin-left: auto; 
	margin-right: auto; 
	max-width: 1440px; */ 
}

.home.upcoming.cols h4 { 
	font-weight: 400;
	font-family: "Alfa Slab One", serif;
	font-size: 27px !important; 
	font-style: normal;
}

.home.upcoming.cols h5, 
.home.upcoming.cols p {
	font-family: "Roboto", sans-serif;	
} 

.home.upcoming.cols h5 { font-size: 15px !important;  } 

.home.upcoming.cols p {
	font-family: "Roboto", sans-serif;	
	font-size: 17px !important; 
	padding: 0 20px; 
} 


.home.upcoming.cols a:not(.no-style) {
	background-color: black; 
	border-radius: 4px; 
	color: white !important; 
	font-family: "Roboto", sans-serif;	
	font-size: 18px !important; 
	font-weight: 600; 
	padding: 10px 15px; 
	text-align: center; 
	text-decoration: none; 
	transition: all 0.5s ease-in-out;
} 

.home.upcoming.cols a.no-style { 
	color: black; 
	font-weight: 600; 
}

.home.upcoming.cols a.no-border { padding: 0; }

.home.upcoming.cols a.no-border img { transition: transform 0.5s ease; } 

.home.upcoming.cols a.no-border:hover img { transform: scale(1.11); }

.home.upcoming.cols a:hover { 
	text-decoration: underline; 
}

.home.the-booth { 
	display: none; 
}

.home.who-what-how { 
	background-image: url(/wp-content/uploads/2025/10/bg-0e2b70.webp); 
	height: 100vh;
	/* max-height: 100%; */ 
	min-height: 200px;
}

.home.who-what-how h2, 
.home.who-what-how h3, 
.home.who-what-how h4, 
.home.who-what-how h5, 
.home.who-what-how p { 
	color: white !important; 
} 

.home.who-what-how h2, 
.home.who-what-how h3,  
.home.who-what-how h4, 
.collection h2, 
.collection h3,  
.collection h4, 
.about h2, 
.about h3,  
.about h4, 
.support-us .support h2, 
.support-us .support h3,  
.support-us .support h4, 
.contact-us .contact-us h2, 
.contact-us .contact-us h3,  
.booth.intro h2, 
.booth.intro h3, 
.booth.cta h2, 
.booth.cta h3, 
.booth.cta a { 
	font-weight: 400 !important; 
	font-family: "Alfa Slab One", serif !important; 	
	font-style: normal !important; 
	padding-left: 0; 
	padding-right: 0; 
}

.home.who-what-how h2, 
.collection h2, 
.about h2, 
.support-us .support h2, 
.contact-us .contact-us h2, 
.booth.intro h2 { 
	font-size: 35px !important; 
}

.home.who-what-how h3, 
.collection h3, 
.about h3, 
.support-us .support h3, 
.contact-us .contact-us h3 { 
	font-size: 28px !important; 
} 

.home.who-what-how h4, 
.collection h4, 
.about h4, 
.support-us .support h4, 
.contact-us .contact-us h4 { 
	font-size: 21px !important; 
} 

.home.who-what-how h5,  
.collection h5, 
.about h5, 
.support-us .support { 
	font-weight: 400;
	font-family: "Roboto", sans-serif;	
	font-size: 27px !important; 
	font-style: normal;
} 

.home.who-what-how p,
.collection p, 
.about p, 
.support-us .support p, 
.contact-us .contact-us p, 
.booth p, 
.booth li { 
	font-family: "Roboto", sans-serif !important; 
	font-size: 17px !important; 
} 

.home.who-what-how .partner.logo, 
.about.mission .partner.logo { 
	display: inline-block; 
}

.collection { 
	background-image: url(/wp-content/uploads/2025/10/bg-ffffff.webp); 
	/* height: 100vh; */ 
	height: auto !important; 
	/* max-height: 100%; */ 
	/* min-height: 100vh; */ 
}

.collection.micro-cinema { 
	background-image: url(/wp-content/uploads/2025/10/bg-0e2b70.webp); 
	height: 100vh;
	/* max-height: 100%; */ 
	min-height: 200px;
}

.collection.micro-cinema-credit { 
	background: none !important; 
	color: white !important; 
}

.collection.micro-cinema-credit a { 
	color: white !important; 
	font-weight: bold; 
}

.collection.mailchimp-form-row { 
	padding-bottom: 0 !important; 
	padding-top: 0 !important; 
}

.collection.donate-films { 

}

collection mailchimp-form-row

.collection h2, 
.collection h3, 
.collection h4, 
.collection h5, 
.collection p { 
	color: black !important; 
} 

.about-us article, 
.booth-campaign article, 
.contact-us article { 
	background-image: url(/wp-content/uploads/2025/10/bg-ffffff.webp) !important; 
	background-size: auto 100% !important; 
}

.about.mission { }

.about.mission, 
.booth.intro.third, 
.contact-us .contact-us.bottom { 
	background-color: rgba(118, 183, 223, 0.80); 
}

.about.mission h2, 
.about.mission h3, 
.about.mission h4, 
.about.mission h5, 
.about.mission p { 
	color: white !important; 
} 

.about.who-we-are { }

.about.who-we-are h2, 
.about.who-we-are h3, 
.about.who-we-are h4, 
.about.who-we-are h5, 
.about.who-we-are p { } 

.about.membership, 
.booth.cta { background-color: rgba(14, 43, 112, 0.80) !important; }

.about.membership h2, 
.about.membership h3, 
.about.membership h4, 
.about.membership h5, 
.about.membership p { 
	color: white !important; 
} 

.support-us article { 
	background-image: url(/wp-content/uploads/2025/10/bg-ffffff.webp) !important; 
	background-size: 100% auto !important; 
}

.support-us .support { background-color: rgba(14, 43, 112, 0.67); }

.support-us .support h2, 
.support-us .support h3, 
.support-us .support h4, 
.support-us .support h5, 
.support-us .support p { 
	color: white !important; 
} 

.support-us .support p > strong { 
	font-weight: 100;
	font-family: "Alfa Slab One", serif;
	font-size: 21px !important;
	font-style: normal;
}

.support-us .support p > a { 
	color: white !important; 
	font-weight: 700; 
	text-decoration: none; 
	transition: all 0.5s ease-in-out;
}

.support-us .support p > a:hover, 
.booth.cta a:hover { 
	color: white !important; 
	text-decoration: underline; 
}

.booth.intro.first { 
	background-color: white !important; 
	padding-top: 0 !important; 
}

.booth.cta { padding: 24px 0; }

.booth.cta a { 
	color: white !important; 	 
	font-size: 36px !important;
	font-weight: 400 !important; 
	font-family: "Alfa Slab One", serif !important; 	
	font-style: normal !important; 
	line-height: 35px; 
	padding-left: 0; 
	padding-right: 0; 
	text-decoration: none; 
	transition: all 0.5s ease-in-out;
}

.contact-us.top a { 
	color: #bb2828 !important; 
	text-decoration: none; 
	transition: all 0.5s ease-in-out;
}

.contact-us.top a:hover { 
	color: #bb2828 !important; 
	font-weight: 700; 
	text-decoration: underline; 
} 

.contact-us.bottom .wpcf7-list-item { margin-left: 0; }

.contact-us.bottom .wpcf7-list-item-label { display: none !important; }

.contact-us.bottom .wpcf7 input, 
.contact-us.bottom textarea { 
	border-color: black !important; 
}

.wpcf7 input.wpcf7-submit { width: auto !important; }

.mailchimp-form-row { 
	background-image: url(/wp-content/uploads/2026/01/mailchimp-form-bg.webp) !important; 
	background-position: bottom;
	background-size: 100% auto !important; 
}

/* END body styles */ 

#mc_embed_signup { background: rgba(255, 255, 255, 0) !important; }

#mc_embed_signup h2 { 
	color: white !important; 
	font-weight: 400 !important;
	font-family: "Alfa Slab One", serif !important;
	font-style: normal !important;
	text-align: center; 
} 

#mc_embed_signup label { 
	color: white; 
	font-family: "Roboto", sans-serif !important;
	font-size: 17px !important;
	font-weight: 700; 
}

#mc_embed_signup .asterisk { color: yellow !important; } 

#mc_embed_signup .indicates-required { 
	color: white; 
	font-family: "Roboto", sans-serif !important;
	font-size: 14px !important;
}

#mc_embed_signup .mc-field-group div.mce_inline_error { display: none !important; }

#mc_embed_signup #mce-success-response, 
#mc_embed_signup .response { 
	color: white !important;
	font-family: "Alfa Slab One", serif !important;
	font-size: 18px;
	font-style: oblique !important;
	font-weight: 400 !important;
	margin-top: 0; 
	text-align: center !important;
	width: 100%;
}

@media all and (min-width: 769px) { 
	#mc_embed_signup .mc-field-group { 
		display: inline-block !important;
		width: 33% !important;
	}
} 

@media all and (min-width: 1px) and (max-width: 768px) { 
	#mc_embed_signup .mc-field-group { 

	}
} 

#mc_embed_signup .button { 
	font-family: "Roboto", sans-serif !important;
	font-size: 18px !important !important;
	font-weight: 600 !important;
} 

.blanc_button > a { 
    background-color: rgba(255, 255, 255, 0.81);
    border-radius: 4px;
    color: black !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 10px 15px !important;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
} 

.blanc_button > a:hover { 
	background-color: white !important; 
} 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

/* BEGIN footer styles */ 

.site-footer > .footer-wrapmain { margin-top: 0; }

/* END footer styles */ 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */