/**
 * custom - footer - site footer
 */

footer,
.site-footer {
	background-color: #000000 ;
}

.site-footer .block {
	border: 0 !important ;
}

/**
 * custom - wrapper - site footer
 */
 
.site-footer {
	padding: 150px 0 200px ;
	background-image: url('/sites/default/files/2025-04/footer-background.jpg') ;
	background-repeat: no-repeat ;
  background-position: center center ;
  background-size: cover ;
}


/**
 * custom - footer - top
 */
 
/* === Footer Full Top Region === */
.site-footer .region-footer-top-full {
  display: flex;
  justify-content: center;       /* center first 3 as a group */
  align-items: center;           /* vertical alignment */
  flex-wrap: wrap;               /* allow wrapping on small screens */
  gap: 0;                        /* no auto gaps, we’ll control manually */
}

/* Force first 3 blocks inline and vertically aligned */
#block-weloveskam-customfooterlogo,
#block-weloveskam-customfootersocialmedialinks,
#block-weloveskam-footernavigation {
  flex: 0 0 auto !important;     /* inline sizing */
  width: auto !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center;
  margin: 0;
}

/* Add extra space only between socials and nav */
#block-weloveskam-customfootersocialmedialinks {
  margin-right: 2rem;            /* adjust spacing here */
}

/* Logo scaling */
#block-weloveskam-customfooterlogo img {
  max-width: 100%;
  height: auto;
}

/* Socials inline */
.site-footer .social-link-field.horizontal {
  display: flex;
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* === Nav + Copyright as a column === */
#block-weloveskam-footernavigation {
  display: flex !important;
  flex-direction: column;        /* stack nav list + copyright */
  align-items: flex-end;         /* align both to the right edge */
  flex: 0 0 auto !important;     /* don’t let it stretch full width */
  width: auto;                   /* shrink to fit nav width */
  max-width: 600px;              /* cap width of nav+copyright column */
}

/* Nav inline by default */
#block-weloveskam-footernavigation .nav {
  display: flex;
  flex-wrap: wrap;               /* wrap items if needed */
  gap: 1rem;
  margin: 0;
  padding: 0;
  justify-content: flex-end;     /* align nav links right */
}

/* Copyright block inside nav column */
#block-weloveskam-customfootercopyrightnotice {
  margin-top: 0.5rem;
  text-align: right;
  width: 100%;                   /* match nav width */
  display: block;
}

/* === Mobile adjustments === */
@media (max-width: 768px) {
  /* Center nav + copyright together */
  #block-weloveskam-footernavigation {
    align-items: center;
    width: 100%;                 /* allow full width on small screens */
    max-width: none;             /* remove cap on mobile */
  }

  /* Stack nav items vertically */
  #block-weloveskam-footernavigation .nav {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  /* Center copyright under nav */
  #block-weloveskam-customfootercopyrightnotice {
    text-align: center;
    width: 100%;
  }
}





/*
 * footer - block - social media links
 */

.site-footer div#block-weloveskam-customfootersocialmedialinks .content {
	margin: 0 ;
	padding: 0 ;
}

.site-footer div#block-weloveskam-customfootersocialmedialinks .content ul.social-link-field.horizontal {
  list-style: none;
  padding: 0;
  margin: 0 0 0 auto ;
  display: flex;
  gap: 0.5rem; /* Adjust spacing between icons */
  align-items: center;
}

.site-footer div#block-weloveskam-customfootersocialmedialinks .content ul.social-link-field.horizontal li {
  display: inline-block;
}

.site-footer div#block-weloveskam-customfootersocialmedialinks .content li {
	margin-left: 10px ;
	margin-right: 10px ;
}

.site-footer div#block-weloveskam-customfootersocialmedialinks .content a:link,
.site-footer div#block-weloveskam-customfootersocialmedialinks .content a:active,
.site-footer div#block-weloveskam-customfootersocialmedialinks .content a:visited {
	color: #ffffff ;
	font-size: 1.35em ;
	border: 0 ;
}

.site-footer div#block-weloveskam-customfootersocialmedialinks .content a:hover {
	color: #efefef ;
	border: 0 ;
}


/**
 * footer - block - footer navigation
 */

footer #block-weloveskam-footernavigation {
	margin: 0 ;
	padding: 0 ;
}

footer #block-weloveskam-footernavigation ul.nav a:link,
footer #block-weloveskam-footernavigation ul.nav a:active,
footer #block-weloveskam-footernavigation ul.nav a:visited {
	color: #ffffff ;
	font-size: 1.15em ;
	font-family: "Oswald", sans-serif ;
	text-transform: uppercase ;
}

footer #block-weloveskam-footernavigation ul.nav a:hover {
	color: #efefef ;
}

/**
 * footer - sub navigation
 */
 
.site-footer__below {
	margin: 0 auto;
	max-width: 1290px;
}
 
footer #block-weloveskam-customfootercopyrightnotice {
	margin: 0 ;
	padding: 0 ;
	color: #ffffff ;
	font-size: .75em ;
	font-family: "Oswald", sans-serif ;
	text-transform: uppercase ;
}