/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/


.find-out-more-container {
    text-align: center;
    padding: 1em;
    font-size: 2em;
}
/* Homepage Grid */
.homepage-grid-link {
    background-color: #1f1f1fa8;
    color: var(--nv-text-dark-bg) !important;
    padding: .4em;
}
.homepage-grid-container > div {
    margin: .4em;
}
@media (max-width: 900px) {
	.homepage-grid-container {
		display: grid;
		grid-template-columns: 1fr !important;
	}
}
/* Footer */
.footer-item-element > div > h3, p {
	margin-bottom: .5em!important;
}

/* Additional CSS */
/* Header */
@media (max-width: 600px) {
	.header-menu-nav {
		margin-top: 0px ;
	}
}
.slick-prev.slick-arrow:focus {
    outline: 2px solid #000;
}
.slick-next.slick-arrow:focus {
    outline: 2px solid #000;
}
.wpls-fix-box > a:focus {
    outline: 1px solid red; 
}

/* Remove Event Location Link */
.mc-events-link > .location-link {
	display: none; 
}
/* Case Study Format */
@media (min-width: 780px) {
	.wp-block-column.text-container {
		margin-left: 1em;
	}
}
.post-cat-archive-container > li > div:first-child {
    grid-area: image;
    margin-right: 1em;
}
.post-cat-archive-container > li > a {
	grid-area: link ;
}
.post-cat-archive-container > li > div:last-child {
	grid-area: text ;
}
@media(min-width: 1200px) {
	ul.wp-block-latest-posts__list.is-grid.columns-3.post-cat-archive-container.wp-block-latest-posts > li {
		width: calc(46.33333% - 0.83333em) !important;
		display: grid ;
		grid-template-areas: 
			'image link link'
			'image text text';
	}
}
.post-cat-archive-container.wp-block-latest-posts.is-grid li {
    margin: 0 1.25em 1.25em 0;
    width: 100%;
}
/* Opportunity Post Feed */
.post-feed-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
}
.post-type-container {
    text-align: center;
    padding: .5em;
    box-shadow: 0px 0px 3px 1px #00000059;
    border-radius: 10px;
    margin: 1em;
    width: 80%;
}
.post-type-container:hover {
    background-color: #fafafa;
    text-decoration: none;
}
.post-type-container > a  {
	 text-decoration: none;
}
.post-type-container > a > h3 {
	margin-bottom: 0px ;
	margin-top: 0px ;
}
.post-type-container > a > img {
    aspect-ratio: 1;
    width: 100%;
    object-fit: contain;
    height: 15em;
}
@media (max-width: 768px) {
	.post-feed-container {
		display: grid;
		grid-template-columns: 1fr;
	}
	.post-type-container {
		text-align: center;
		padding: .5em;
		box-shadow: 0px 0px 3px 1px #00000059;
		border-radius: 10px;
		margin: 1em 0em;
	}
	.post-type-container > a > img {
		/* aspect-ratio: unset; */
		width: 100%;
		object-fit: cover;
		/* height: 100%; */
	}
}
.contact-details-page-block {
    box-shadow: 1px 1px 2px 2px #d8d8d8;
    padding: .6em;
}
/* Video Block */
.video-block-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px; /* Space between items */
  justify-content: center;
}
.video-block-item {
  flex: 1 1 calc(33.333% - 16px); /* Responsive width: 3 items per row */
  box-sizing: border-box; /* Includes padding in width calculation */
  max-width: calc(33.333% - 16px);
}
@media (max-width: 768px) {
  .video-block-item {
    flex: 1 1 calc(50% - 16px); /* 2 items per row for tablets */
    max-width: calc(50% - 16px);
  }
}

@media (max-width: 480px) {
  .video-block-item {
    flex: 1 1 100%; /* Full width for smaller screens */
    max-width: 100%;
  }
}
.video-block-item > h3 {
	margin: 0px ;
}
.video-block-item > p {
	display: none ;
}
/* Case Studies Archive */
.post-feed-blocks-2-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.post-item-image-text {
	display: flex ;
}
.post-item-image-text > a > img {
	width: 15em ;
	aspect-ratio: 1 ;
	object-fit: cover ;
}
.post-item-image-text > div {
	margin: 1em ;
}
@media (max-width: 1024px) {
	.post-item-image-text {
    display: flex;
    font-size: .7em;
	}
}
@media (max-width: 900px) {
	.post-feed-blocks-2-container {
    display: grid;
    grid-template-columns: 1fr ;
	}
	.post-item-image-text {
    display: flex;
    flex-direction: column;
	}
}
ul.page-numbers {
    display: flex;
    justify-content: center;
}
ul.page-numbers > li {
	display: block ;
	margin: .6em ;
}
/* News posts feed */
.news-post-item > a > img {
	width: 75% ;
}
.news-post-item > div {
	margin: 1em ;
}
.news-post-item {
    width: 70%;
    margin: 0 auto;
}
@media (max-width: 900px) {
	.news-post-item {
    width: 100%;
    margin: 0 auto;
}
	.news-post-item > a > img {
	width: 100% ;
}
}

/* Global Homepage Back Button */
.back-to-homepage-container {
    position: fixed;
    bottom: 5%;
    left: 50%;
    transform: translate(15%, -50%);
    z-index: 9999;
}
.back-to-homepage {
    background-color: #8f008f;
    color: white;
    text-decoration: none;
    padding: 1.2em;
    font-size: 1em;
    border-radius: 20px;
}
@media (max-width: 600px) {
	.back-to-homepage-container {
		position: fixed;
		bottom: 5%;
		right: 5%;
	}
	.back-to-homepage {
		background-color: #8f008f;
		color: white;
		text-decoration: none;
		padding: .5em;
		font-size: .8em;
		border-radius: 20px;
	}
}
/* Virtual Jobs Table */
.virtual-jobs-table > table > tbody > tr td:first-child {
	background-color: #c0e6f5 ;
}
@media (max-width: 768px) {
	.virtual-jobs-table > table {
		font-size: .6em ;
	}
}
@media (max-width: 600px) {
	.virtual-jobs-table > table {
		font-size: .4em ;
	}
}
/* Featured Opportunity Block */
span.cover-overlay {
    position: absolute;
    background-color: #0000003d;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
a.opp-image-link {
    width: 30%;
    margin: 1em;
}
img.opportunity-image {
	width: 100% ;
}
.block-content-display-flex {
    display: flex;
    justify-content: center;
    flex-direction: row;
    text-align: center;
    padding: 1em;
    align-items: center;
    line-height: 10px;
}
.block-content-display-flex > div > h4 {
	color: var(--nv-text-dark-bg) ;
}
.background-image-container {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.find-out-more-opp-link {
    color: white;
    text-decoration: none;
    font-weight: 800;
    text-shadow: -2px 2px 0px black;
    padding: 2em;
}
.find-out-more-opp-link:hover {
	font-weight: 800;
}
.opp-image-link:hover {
    filter: brightness(1.1);
}
@media (max-width: 600px) {
/* 	a.opp-image-link {
		width: 100%;
	} */
	.find-out-more-opp-link {
		display: none ;
	}
	.block-content-display-flex {
    display: flex;
    flex-wrap: wrap;
	}
	.background-image-container {
    position: relative;
    background-repeat: no-repeat;
    background-size: 70em;
    background-position: center;
	}
	a.opp-image-link {
    width: 60%;
    margin: 1em;
	}
}