/*
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
*/

/* body::before {
  content:'development';
  text-align: center;
  background-color:red;
  text-transform: uppercase;
  display:block;
  color:white;
  font-weight:600;
} */

a.button.secondary {
  display:inline-block;
  margin-top:1rem;
  padding:1rem;
  text-transform: uppercase;
  color:white;
  border:1px solid white;  
}

.tiny {
  font-size:smaller;
  opacity:.4;
}


/*! --- START HEADER --- */

.site-logo {
  gap:0.6rem;
  max-width:100px;
}

.cm-site-title {
  text-transform: uppercase;
    text-align: center;
    max-width: 213px;
    font-size: 1.8rem;
    line-height: 1.6rem;
    font-weight:600;
}

.cm-site-title a {
  text-decoration: none;
}

.cm-site-title a:hover {
  color:inherit;
}

.cm-site-title .word-1 {
  font-weight:100;
  font-size: 1.3rem;
}

.cm-site-title .word-2 {
  color: #29A7DF;
}

.cm-site-title .word-3 {
  color: #013D55;
}

/* NAVIGATION */
header .hfg-slot.right a,
header .wp-block-navigation {
  text-transform: uppercase;
}

header .hfg-slot.right a:hover,
header .wp-block-navigation .wp-block-navigation-item__content:hover {
  color: #29A7DF;
}

header .hfg-slot.right .nav-menu-secondary,
header .top {
  font-size: 1rem;
}

header .hfg-slot.right .nav-menu-primary,
header .main .wp-block-navigation-item__content {
  font-weight: 400;
}

.hfg-slot.right {
  display: flex;
  flex-direction: column;
  align-items: flex-end; /* Aligns all child elements to the right */
  justify-content: center;
}

.hfg-slot.right .builder-item {
  width: auto;
  text-align: right;
}

.hfg-slot.right .desktop-left {
  order: 1; /* Ensures it appears on top */
}

.hfg-slot.right .has-nav {
  order: 2; /* Ensures it appears on the bottom */
  font-size:1.4rem;
}

.hfg-slot.right .wrap a {
  display: inline-block;
  text-align: right;
}

/* Place search below both menus in Header Main */
header [data-section="hfg_header_layout_main"]
.hfg-slot.right > .builder-item:has(
  > [data-item-id="advanced_search_form_1"]
) {
  order: 3;
  width: 420px;
  max-width: 100%;
  margin-top: 12px;
  margin-bottom: 16px;
}

/* Let the search fill its wrapper */
header [data-section="hfg_header_layout_main"]
[data-item-id="advanced_search_form_1"] .search-form {
  width: 100%;
  max-width: 100%;
}

/* Remove the widget's inline margins */
header [data-section="hfg_header_layout_main"]
[data-item-id="advanced_search_form_1"] .widget-search {
  margin: 0 !important;
}

/* Adds the vertical bar '|' only for specific menu items */
#secondary-menu-desktop-main .menu-item:not(:last-child) a::after {
  content: "|";
  padding-left: 1rem;
  margin-right: 1rem;
}

/* Remove the '|' pseudo-element from specific items ('Contact' and 'NL') */
#secondary-menu-desktop-main #menu-item-47 a::after, 
#secondary-menu-desktop-main .wpml-ls-item:last-child a::after {
  content: ""; /* Overrides the content to remove the bar */
}

/* Ensure proper spacing for the last item */
#secondary-menu-desktop-main .menu-item:last-child a {
  margin-right: 1rem;
}

/* Reset margin and padding for all items */
#secondary-menu-desktop-main .menu-item,
#secondary-menu-desktop-main .wrap {
  margin: 0 !important;
  padding: 0 !important;
}

/* Visual separation for language switcher */
#secondary-menu-desktop-main .wpml-ls-item {
  font-size: 0.85rem; /* Smaller font for languages */
  line-height:1.5rem;
  margin-left: 1.5rem; /* Adds spacing before the language items */
 
}

/* Styling for individual languages */
#secondary-menu-desktop-main .wpml-ls-item a {  
  font-weight: normal; /* Adjust font weight if needed */
  text-transform: uppercase; /* Optional: Makes language codes uppercase */
}

#secondary-menu-desktop-main .menu-item.wpml-ls-item:not(:last-child) a::after {
    padding-left:0.5rem;
    margin-right:0.5rem;
}


/*! --- END HEADER --- */


/*! --- START CONTENT --- */

/*! --- START HOMEPAGE --- */


/* METASLIDER */
.home .metaslider .flexslider {
  margin-bottom: 0;
}

.home .metaslider.ms-theme-databold .flexslider .flex-control-nav li a {
  border-radius: 10px;
  border: none;
}

.home .metaslider.ms-theme-databold .flexslider .caption-wrap .caption {
  max-width: 400px;
  left:unset;
  right: calc(35% - 400px);
}

/* METASLIDER alternate home2 */
.page-id-360 .metaslider .flexslider {
  margin:0 !important;
}

/* NSS Homepage MetaSlider: right-side caption, no right strip */
#metaslider-id-57 {
	--nss-caption-width: min(940px, 45vw);
	--nss-caption-right-padding: clamp(64px, 6vw, 120px);
	--nss-caption-left-padding: clamp(28px, 3vw, 56px);
}

/* Keep slide positioning local only */
#metaslider-id-57 .slides > li.ms-image {
	position: relative;
}

/* Let the image fill the slide cleanly */
#metaslider-id-57 .slides > li.ms-image img {
	display: block;
	width: 100%;
	height: auto;
}

/* Caption overlay extends to the right edge */
#metaslider-id-57 .caption-wrap {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: auto !important;

	width: var(--nss-caption-width) !important;
	height: auto !important;

	display: flex !important;
	align-items: center;
	justify-content: flex-end;

	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box;

	background: linear-gradient(
		270deg,
		rgba(4, 9, 17, 0.78) 0%,
		rgba(4, 9, 17, 0.62) 42%,
		rgba(4, 9, 17, 0.28) 74%,
		rgba(4, 9, 17, 0) 100%
	) !important;

	opacity: 1 !important;
	z-index: 5;

	/* Prevent overlay from blocking slider controls */
	pointer-events: none;
}

/* Actual text block */
#metaslider-id-57 .caption {
	width: 100%;
	max-width: 860px;

	padding-top: 32px !important;
	padding-right: var(--nss-caption-right-padding) !important;
	padding-bottom: 32px !important;
	padding-left: var(--nss-caption-left-padding) !important;

	box-sizing: border-box;

	background: transparent !important;
	color: #fff;

	font-size: clamp(1.05rem, 1.15vw, 1.28rem);
	line-height: 1.55;
	text-align: left;

	opacity: 1 !important;

	/* Keep caption links/buttons clickable */
	pointer-events: auto;
}

/* Wider text line length */
#metaslider-id-57 .caption p {
	max-width: 72ch;
	margin: 0 0 1.35rem;
}

/* Prevent nested editor divs from shrinking the caption */
#metaslider-id-57 .caption > div,
#metaslider-id-57 .caption > div > div {
	width: 100%;
	max-width: none;
}

/* END METASLIDER alternate home */


/* SEARCH */
.page-id-360 .search-container,
.home .search-container {
  background: url(/wp-content/uploads/2024/11/background-scaled.jpg);
  background-size: cover;
  padding:0.8rem 2rem 2rem;
  border-radius:0;
}
.page-id-360 .wp-block-search,
.home .wp-block-search {
  border-radius:0;
}
.page-id-360 .wp-block-search label,
.home .wp-block-search label {
  font-size: 1.3rem;
  color: var(--nv-text-dark-bg);
  text-transform:uppercase;
  font-weight:100;
}

.page-id-360 
.home .wp-block-search__button {
  color: #29A7DF;
}

.page-id-360 .wp-block-search__button,
.home .wp-block-search .wp-block-search__button {
  background-color: unset;
  border-radius: 5px;
  color: #29A7DF;
  font-size:2rem;
  padding: 0rem;
}

.page-id-360 .wp-block-search .wp-block-search__inside-wrapper,
.home .wp-block-search .wp-block-search__inside-wrapper {
  padding:0 8px;
}

.page-id-360 .wp-block-search input:read-write,
.home .wp-block-search input:read-write {
   border:none;
}

.page-id-360 h2.wp-block-heading,
.home h2.wp-block-heading {
  color: #29A7DF;
  text-transform: uppercase;
  font-size:1.5rem;
  font-weight:900;
  margin-bottom:2rem;
}

.page-id-360 .wp-block-group.wp-container-core-group-is-layout-7,
.page-id-360 .wp-container-core-columns-is-layout-1.is-layout-flex, 
.page-id-360 .wp-container-core-columns-is-layout-2.is-layout-flex,
.page-id-360 .wp-container-core-columns-is-layout-3.is-layout-flex,
.home .wp-block-group.wp-container-core-group-is-layout-7,
.home .wp-container-core-columns-is-layout-1.is-layout-flex, 
.home .wp-container-core-columns-is-layout-2.is-layout-flex,
.home .wp-container-core-columns-is-layout-3.is-layout-flex {
  gap: 4px;
}

/* INDICATOR CARDS */

/* Equal-width columns and equal-height rows */
.indicator.cards > .wp-block-post-template {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: stretch;
}

/* Stretch each card's background to fill its grid cell */
.indicator.cards > .wp-block-post-template > li {
  display: flex;
  min-width: 0;
  margin: 0;
}

.indicator.cards > .wp-block-post-template > li > .wp-block-group {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0 0 1.25rem !important;
  color: white;
  text-align: center;
  font-size: 0.8rem;
  background: linear-gradient(to bottom left, #011422, #003E57);
}

/* Account for Neve's extra inner wrapper */
.indicator.cards
  > .wp-block-post-template
  > li
  > .wp-block-group
  > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

/* Consistent square images */
.indicator.cards .wp-block-post-featured-image {
  width: 100%;
  margin: 0;
  aspect-ratio: 1;
  background: #002133;
}

.indicator.cards .wp-block-post-featured-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

.indicator.cards .wp-block-post-featured-image img:hover {
  opacity: 1;
}

/* Reserve three lines so descriptions start at the same level */
.indicator.cards .wp-block-post-title {
  box-sizing: border-box;
  min-height: 3.6em;
  margin: 1rem 0;
  padding: 0 0.75rem;
  font-size: 1.5rem;
  line-height: 1.2;
  overflow-wrap: break-word;
}

.indicator.cards .wp-block-post-title a {
  color: white;
}

.indicator.cards .wp-block-post-excerpt {
  margin: 0;
  padding: 0 1rem;
}

.indicator.cards .wp-block-post-excerpt__excerpt {
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

/* Tablet */
@media (max-width: 1024px) {
  .indicator.cards > .wp-block-post-template {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Small tablet */
@media (max-width: 767px) {
  .indicator.cards > .wp-block-post-template {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width: 480px) {
  .indicator.cards > .wp-block-post-template {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
  }

  .indicator.cards .wp-block-post-title {
    min-height: 0;
  }
}

/* SUSTAINABLE DEVELOPMENT GOALS */
.sdg {
  gap:4px;
}

/* alternative homepage - home2 */
.cardMainArea .singleCard {
  background: linear-gradient(45deg, rgb(0 62 86) 0%, rgb(4 9 17) 100%);
  -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4); 
  box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cardMainArea .singleCard .content {
  padding: 1rem;
}

.cardMainArea .singleCard .content .title h2 {
  color:white;
} 


/*! ---  END  HOMEPAGE --- */

/*! ---  END  CONTENT --- */


/*! --- START FOOTER --- */

.site-footer {
  margin-top:2rem;
  background: url('/wp-content/uploads/2024/11/background-scaled.jpg') no-repeat center center;
  background-size: cover;
}

footer h5 {
  font-size:1rem;
  color: #29A7DF;
  margin-bottom:0;
}

footer h5::before {
    content: '\25A0'; /* Unicode bullet */
  color: #FFFFFF; /* Bullet color */
    font-weight: bold;
  display: inline-block; 
  width: 1em;
}

/* Main container to use a flexible layout */
.nss-section-container {
  display: flex;
  flex-wrap: wrap; /* Ensures items wrap to the next row if there's not enough space */
  justify-content: space-between; /* Distributes the blocks evenly */
  color:#fff;
}

footer .builder-item--footer-one-widgets {
  border-bottom: 1px solid rgba(255,255,255,0.3);
  padding-bottom: 1rem !important;
}

/* Ensures sections stack vertically on small screens */
@media (max-width: 768px) {
  .nss-section-container > div {
      flex: 1 1 100%; /* Each section takes the full width */
  }
}

footer .nss-section-container ul {
margin-top:0 !important;
padding-left:1rem;
list-style: none;
}

footer .nss-section-container li::before {
content: '•'; /* Unicode bullet */
color: #FFCB05; /* Bullet color */
font-weight: bold;
display: inline-block; 
width: 1em;
margin-left: -1em;
}

footer .nss-section-container li {
  margin:0;
}


/*! ---  END  FOOTER --- */


/*! ---  START RESPONSIVE --- */

@media all and (max-width:600px) {

  body .hide-on-mobile {
    display:none;
  }

}

/*! ---   END  RESPONSIVE --- */

/* TEMPORARY STYLES FOR DEV VERSION OF WPML  - REMOVE AFTER LAUNCH */
.wpml-ls-legacy-list-horizontal,
.otgs-development-site-front-end {
  display:none;
}