/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* =========================================================
   Navigation
   ========================================================= */
   
/*------------ Navbar ------------*/
.main-nav > ul {
    gap: clamp(0.25rem, 0.5vw, 1rem);
}

.main-navigation .menu > li > a {
    border-width: 1px;
    border-style: solid;
    border-color: var(--global-color-18);
    border-radius: 2px;
    text-shadow: 1px 1px 1px rgba(18, 25, 82, 0.6);
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
}

.main-navigation .menu > li > a:hover,
.main-navigation .menu > li > a:focus,
.main-navigation .menu > li.current-menu-item > a,
.main-navigation .menu > li.current-menu-ancestor > a {
    border-color: var(--global-color-10);
}

.main-navigation .menu > li.navbar-langswitch > a {
    border-color: var(--global-color-15);
    color: var(--global-color-16);
}

.main-navigation .menu > li.navbar-langswitch > a:hover,
.main-navigation .menu > li.navbar-langswitch > a:focus,
.main-navigation .menu > li.navbar-langswitch.current-menu-item > a {
    border-color: var(--global-color-12);
}



/* =========================================================
   GeneratePress Blocks Utility Stack
   ========================================================= */

/* Full-width page/post title band inside GeneratePress content */
.site-header{  border-bottom: 2px solid  var(--global-color-10);}

.inside-article > .entry-header {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 40px 20px;
  background-color: var(--global-color-11);
}

.inside-article > .entry-header h1 {
  font-weight: 600;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.60);
}

/* Keep title/meta readable */
.inside-article > .entry-header .entry-title,
.inside-article > .entry-header .entry-meta {
  max-width: var(--gb-container-width);
  margin-left: auto;
  margin-right: auto;
}

/* ---------- Full-width content bands ---------- */

.gp-full-width-band {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
  padding-inline: clamp(20px, 4vw, 40px);
}

/* Tight vertical spacing */
.gp-full-width-band-tight {
  padding-block: clamp(30px, 4vw, 60px);
}

/* No horizontal padding */
.gp-full-width-band-no-pad {
  padding-inline: 0;
}

/* ---------- Center partial grid rows ---------- */

/* Use on a 4-column grid when only 2 cards are present */
@media (min-width: 1025px) {
  .gp-center-two-in-four > :first-child {
    grid-column: 2 / 3;
  }

  .gp-center-two-in-four > :nth-child(2) {
    grid-column: 3 / 4;
  }
}

/* Use on a 4-column grid when only 3 cards are present */
@media (min-width: 1025px) {
  .gp-center-three-in-four {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 75%;
    margin-inline: auto;
  }
}


/* ---------- Background utility variants ---------- */

.gp-band-var1 {
  background-color: #13419d;
  color: #ffffff;
}

.gp-band-var2 {
  background-color: #a75701;
  color: #ffffff;
}

.gp-band-var3 {
  background-color: #222222;
  color: #ffffff;
}

/* Equal-height cards inside GenerateBlocks grid */
.gp-equal-card-grid {
  align-items: stretch;
}

.gp-equal-card-grid > * {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.gp-equal-card-grid > * .gp-card-actions {
  margin-top: auto;
}






/* =========================================================
   Body
   ========================================================= */
body {
  overflow-x: hidden;
}

.text-xs {
  font-size: var(--global-kb-font-size-xs);
}

.text-xxs {
  font-size: var(--global-kb-font-size-xxs);
}

.text-micro {
  font-size: var(--global-kb-font-size-micro);
}

/* =========================================================
   Timeline Card Top Center Numbers
   ========================================================= */
   
.gb-numb-container {
	position: absolute;
	top: 0;
	left: 50%;

	transform: translate(-50%, -50%);

	width: 100px;
	height: 100px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;
	z-index: 2;
}
.gb-numb-container .gb-text {
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1;
}
/*.gb-year-container{transform: translate(-50%, -50%);}*/

/* Active Timeline */
.gp-timeline-active{
background-color: var(--base-3);
box-shadow: 0px 0px 6px 3px var(--global-color-21),inset 0px 0px 1px 1px var(--global-color-11);
border: 3px solid var(--accent);
border-radius: 3px;
}
.gp-timeline-active .gp-timeline-number{
border: 3px solid var(--accent);
background-color: var(--base-2);
box-shadow: inset -1px -1px 2px 2px rgba(0,0,0,0.1),inset 0px 0px 3px 3px var(--base-3);
}
.gp-timeline-active .gp-timeline-number .gb-text{
color: var(--global-color-19) !important;
text-shadow: var(--base-3) 1px 1px 2px;
}
.gp-timeline-active h2{color: var(--global-color-19) !important;}

.gp-timeline-active .gp-timeline-year div{font-weight: 700;color: var(--global-color-19) !important;}

/* Inactive Timeline */
.gp-timeline-inactive{
background-color: var(--base-2);
box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.1),inset 0px 0px 1px 1px var(--base-2);
border: 3px solid var(--contrast-3);
border-radius: 3px;
}
.gp-timeline-inactive .gp-timeline-number{
background-color: var(--base-2);
  box-shadow: inset -1px -1px 2px 2px rgba(0,0,0,0.1),inset 0px 0px 3px 3px var(--base-3);
  border: 3px solid var(--contrast-3);
}
.gp-timeline-inactive .gp-timeline-number .gb-text{
color: var(--contrast-2) !important;
text-shadow: var(--base-3) 1px 1px 2px;
}
.gp-timeline-inactive h2{color: var(--contrast-2) !important;}

.gp-timeline-inactive .gp-timeline-year div{color: var(--contrast-2) !important;}





/* Buttons*/
.gbp-button--primary{color: #FFFFFF !important;}
.gbp-button--primary:active, .gbp-button--primary:hover, .gbp-button--primary:visited{color: #FFFFFF !important}


/* =========================================================
   Responsive Overrides
   ========================================================= */

/* Mobile menu */
@media (max-width: 820px) {
    .main-navigation .main-nav ul {
        padding: 0.5rem;
    }

    .main-navigation .main-nav ul li {
        margin-bottom: 0.5rem;
    }

    .main-navigation .main-nav ul li:last-child {
        margin-bottom: 0;
    }
	.main-navigation .main-nav ul li:last-child {
    margin-bottom: 0;
    }
}

/* Small phones */
@media (max-width: 480px) {
}

/* Tablet and down */
@media (max-width: 1024px) {
}

/* Large screens */
@media (min-width: 1200px) {
}

/* =========================================================
   Adjustments
   ========================================================= */
/* Remove empty <P> tag */
.kt-inside-inner-col > p:empty,
.widget_block > p:empty {
  display: none;
}
/* =========================================================
   Root
   ========================================================= */
:root {
  --global-kb-font-size-xs: clamp(0.875rem, 0.84rem + 0.11vw, 0.95rem);

  --global-kb-font-size-xxs: clamp(0.8rem, 0.77rem + 0.09vw, 0.875rem);

  --global-kb-font-size-micro: clamp(0.75rem, 0.73rem + 0.06vw, 0.8rem);
}