/*
Theme Name: Afrikicks Base Template
Theme URI: https://tandem.nyc/
Author: Tandem NYC
Author URI: https://tandem.nyc/
Description: Starter template for Afrikicks projects.
Tags: block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, one-column, template-editing, threaded-comments, translation-ready, wide-blocks
Requires at least: 6.2
Tested up to: 6.3.1
Requires PHP: 5.6
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: afrikicks
*/


/* Defaults
---------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Space+Grotesk:wght@300..700&display=swap');

*,
*::before,
*::after {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

::selection { 
	background: var(--wp--preset--color--yellow); 
	background-blend-mode: multiply;
}

#wpadminbar {
	position: absolute !important;
}

.hidden { 
	display: none !important;
}

html {
	scroll-behavior: smooth;
}

.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.is-style-hidden-desktop { 
	display: none !important; 
}

main {
	flex-grow: 1;
}

a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-element-button {
	transition: all 0.1s ease-in-out;
}

a,
a:not(.wp-element-button) {
	text-decoration: underline;
	text-underline-offset: 2px;
}

a:focus,
a:hover {
	text-decoration: none;
}

header.site-header {
	position: sticky;
	z-index: 999;
	top: 0;
	/* min-height: 60px; */
}


header.site-header .header-nav-row .wp-block-button a {
	word-break: keep-all !important;
 }


.wp-block-site-logo:hover { 
	opacity: 0.8; 
}



header.site-header a {
	text-decoration: none;
	text-underline-offset: 3px;
}

header.site-header .current-menu-item a
{
	text-decoration: underline;
	text-decoration-thickness: 1.5px; 
}

.wp-block-navigation-item__content:focus .wp-block-navigation-item__label,
.wp-block-navigation-item__content:hover .wp-block-navigation-item__label
{
	text-decoration: underline;
	text-decoration-thickness: 1.5px; 
}

footer.site-footer a { 
	text-decoration: none;
}

footer.site-footer .wp-block-button__link {
	box-shadow: -4px 4px 0px var(--wp--preset--color--primary-green); 
	transition: all 0.1s ease-in-out;
}

footer.site-footer .wp-block-button__link:hover {
	box-shadow: none; 
	opacity: 0.85; 
}


footer.site-footer a:not(.wp-element-button):hover,
footer.site-footer a:not(.wp-element-button):focus
{ 
	text-decoration: underline;
}

/* Slider Styling */

.wp-block-jetpack-slideshow_pagination.swiper-pagination { 
	justify-content: center !important;
	margin-top: var(--wp--preset--spacing--small);
		transition: all 0.5s ease-out; 
}

.wp-block-jetpack-slideshow_pagination.swiper-pagination .swiper-pagination-bullet { 
	width: 10% !important; 
	height: 4px !important; 
	border-radius: 0px !important;
	transition: all 0.5s ease-out; 
	
}

.wp-block-jetpack-slideshow_pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { 
	background-color: var(--wp--preset--color--yellow); 
}

a.swiper-button-white { 
opacity: 1 !important;
width: 42px !important; 
height: 42px !important
}

a.swiper-button-white:hover { 
background-color: var(--wp--preset--color--yellow) !important;
}

/* Button styling */


.wp-block-button.is-style-external a, .wp-block-button.is-style-outline a{ 
	line-height: 1.2;
}


/* .wp-block-button:not(.is-style-outline):not(.is-style-external).is-style-primary a:hover {
  background-color: var(--wp--preset--color--accent-green);
} */


.wp-block-button:not(.is-style-outline):not(.is-style-external) a:hover {
	box-shadow: 0px 0px 0 var(--wp--preset--color--dark);
		opacity: 0.85; 
}

.wp-block-button.is-style-outline a { 
	background-color: transparent;
	padding: 0; 
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: 900; 
	border: none !important; 
	box-shadow: none !important; 
}

.wp-block-button.is-style-outline:hover a.wp-element-button { 
	text-decoration: none;
}

.wp-block-button.is-style-external { 
	display: inline-flex;
	gap: 4px; 
	align-items: baseline;
}

.wp-block-button.is-style-external a { 
	background-color: transparent;
}

.wp-block-button.is-style-external::after{ 
	font: var(--fa-font-solid);
	content: " \f08e";
	font-size: 0.9em;	
} 

.wp-block-read-more.is-style-external { 
	/* display: inline-flex; */
	vertical-align: baseline;
}

.wp-block-read-more.is-style-external::after{ 
	font: var(--fa-font-solid);
	content: "\f08e";
	font-size: 0.9em;
	text-decoration: none; 
	display: inline-block;
	margin-left: 4px; 
	/* margin-left: 1px;  */
}

footer .is-style-external { 
	display: inline-flex;
	gap: 4px; 
	align-items: center;
}


footer .is-style-external::after{ 
	font: var(--fa-font-solid);
	content: " \f08e";
	font-size: 0.75em;	
} 


b,
strong,
th {
	font-weight: var(--wp--custom--font-weight--bold);
}

/* .alignfull > .alignwide:first-child, */
.wp-block-cover__inner-container.has-global-padding {
	padding-right: var(--wp--style--root--padding-right);
	padding-left: var(--wp--style--root--padding-left);
}

/* Section Scroll 
--------------------------------------------- */
#about-us, #our-work, #get-involved { 
 scroll-margin-top: var(--wp--preset--spacing--xxx-large);
}




/* Gallery
--------------------------------------------- */
.tiled-gallery__gallery .tiled-gallery__item { 
	box-shadow: var(--wp--preset--shadow--module-green) !important; 
	transition: all 0.1s ease-in-out; 
}

.tiled-gallery__gallery .tiled-gallery__item:hover { 
	box-shadow: none !important; 
}

.tiled-gallery__gallery .tiled-gallery__row { 
	gap: var(--wp--preset--spacing--40);
}


/* Video
--------------------------------------------- */
.wp-block-embed.is-type-video, .wp-block-jetpack-videopress.jetpack-videopress-player { 
box-shadow: var(--wp--preset--shadow--module-green);
	transition: all 0.2s ease-out; 
}

.wp-block-embed.is-type-video:hover, .wp-block-jetpack-videopress.jetpack-videopress-player:hover { 
box-shadow: none;
}


/* Forms
--------------------------------------------- */

input,
select,
textarea {
	border-radius: 0px;
	font-size: var(--wp--preset--font-size--small);
	padding: 10px 20px;
	width: 100%;
}

input:focus,
textarea:focus {
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
	appearance: none;
}

:focus-visible {
    outline: var(--wp--preset--color--yellow) auto 1px;
}

:focus {
    outline: var(--wp--preset--color--yellow) auto;
}

/* Blocks
---------------------------------------------------------------------------- */

/* Queries 
------------------------ */ 


.wp-block-post-template-is-layout-flow > * {
    margin-block-start: 0;
    margin-block-end: 0;
}


.is-flex-query .wp-block-post-template .wp-block-post:not(:last-of-type) {
	margin-bottom: 0;
}

.is-flex-query ul>li>div{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}



.is-flex-query .space-between { 
	margin-top: auto;
}

/*Small Fixes*/
.is-cta-module { 
	min-height: 400px; 
}

.wp-block-group.is-style-shadow { 
	-moz-box-shadow: -1px 1px 0px 0px, -2px 2px 0px 0px, -3px 3px 0px 0px, -4px 4px 0px 0px, -5px 5px 0px 0px, -6px 6px 0px 0px;
  -webkit-box-shadow: -1px 1px 0px 0px, -2px 2px 0px 0px, -3px 3px 0px 0px, -4px 4px 0px 0px, -5px 5px 0px 0px, -6px 6px 0px 0px;
  box-shadow: -1px 1px 0px 0px, -2px 2px 0px 0px, -3px 3px 0px 0px, -4px 4px 0px 0px, -5px 5px 0px 0px, -6px 6px 0px 0px;
}


.wp-block-image.is-style-red-shadow {
	box-shadow: var(--wp--preset--shadow--module-red); 
}

.wp-block-image.is-style-green-shadow {
	box-shadow: var(--wp--preset--shadow--module-green); 
}



/* Code
--------------------------------------------- */

*:not(.wp-block-code) > code {
	background-color: var(--wp--preset--color--neutral);
	font-size: var(--wp--preset--font-size--small);
	padding: 5px 8px;
}

/* Group
--------------------------------------------- */

/* .wp-block-group.is-style-shadow-light {
	box-shadow: var(--wp--preset--shadow--light);
}

.wp-block-group.is-style-shadow-solid {
	box-shadow: var(--wp--preset--shadow--shadow);
} */

  /* Image
--------------------------------------------- */

.wp-block-image.is-style-shadow-light img {
	box-shadow: var(--wp--preset--shadow--light);
}

.wp-block-image.is-style-shadow-solid img {
	box-shadow: var(--wp--preset--shadow--solid);
}

.wp-block-image.is-style-multiply img { 
	mix-blend-mode: multiply;
	filter: grayscale();
	min-height: 100%; 
	object-fit: cover;
}

.wp-block-cover.is-style-multiply img { 
	mix-blend-mode: multiply;
}

.wp-block-columns .wp-block-column figure.is-style-default, 
.wp-block-columns .wp-block-column figure.is-style-default > img { 
height: 100%; }

/* List
--------------------------------------------- */

.is-style-no-disc {
	list-style-type: none;
	padding-left: 0;
}

/* Navigation
--------------------------------------------- */

/* .wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--custom--spacing--gap);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: var(--wp--custom--spacing--gap);
} */

/* Navigation Mobile
--------------------------------------------- */

.wp-block-navigation__responsive-close,
.wp-block-navigation__responsive-dialog,
.wp-block-navigation__responsive-container-content {
	height: 98%;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul.wp-block-navigation__container {
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--x-large);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content *, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-button a{
	font-size: var(--wp--preset--font-size--max-22);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content a:not(.wp-element-button):first-child:focus{
	text-decoration: none;
}


/* Quote
--------------------------------------------- */

.wp-block-quote.is-style-shadow-light {
	box-shadow: var(--wp--preset--shadow--light);
}

.wp-block-quote.is-style-shadow-solid {
	box-shadow: var(--wp--preset--shadow--solid);
}

/* Forms
--------------------------------------------- */

input[type=checkbox] {
	accent-color: var(--wp--preset--color--red);
  }

 .wp-block-jetpack-input { 
	background-color: transparent; 
	color: var(--wp--preset--color--white);
}

.wp-block-jetpack-input:focus, .wp-block-jetpack-input:active, .wp-block-jetpack-input:focus-visible  { 
	background-color: var(--wp--preset--color--yellow) !important; 
	color: var(--wp--preset--color--dark);
}

.wp-block-jetpack-contact-form {
	gap: var(--wp--preset--spacing--40) !important;
}


/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (max-width: 780px) {
	
	/* Columns
	--------------------------------------------- */

	.is-style-columns-reverse {
		flex-direction: column-reverse;
	}

	.is-cta-module .wp-block-cover { 
		height: 250px;
	}

}

@media only screen and (max-width: 599px) {

	h1 { 
		font-size: var(--wp--preset--font-size--max-48) !important;
	}
	
	h2 { 
		font-size: var(--wp--preset--font-size--max-32) !important;
	}
	
	h3 { 
		font-size: var(--wp--preset--font-size--max-32) !important;
	}

		header.site-header nav {
		order: 3;
	}

	header.site-header .header-nav-row nav { 
		margin-left: 0px;
	}	
	/* Utility
	--------------------------------------------- */

	.is-style-hidden-mobile {
		display: none !important;
	}

	.is-style-hidden-desktop { 
		display: block !important; 
	}


	footer.site-footer .sub-menu >p:not(:first-child) { 
		display: none; 
	}

footer.site-footer .wp-block-group.alignwide { 
	flex-direction: column; 
	align-items: start; 
}

footer.site-footer .align-center-mobile, footer.site-footer .align-center-mobile > * { 
	align-items: center; 
}

footer.site-footer .wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link { 

	font-size: initial;
}
	
	.tiled-gallery__row { 
	flex-direction: column; 
}
	
	.wp-block-columns .wp-block-column figure.is-style-default, 
.wp-block-columns .wp-block-column figure.is-style-default > img { 
max-height: 200px; }

}

@media only screen and (min-width: 600px) {

	/* Navigation Link
	--------------------------------------------- */

	.wp-block-navigation-item.is-style-outline a {
		border: 1px solid currentColor;
		padding: 8px 15px;
	}

}