/**
 * Theme Name: SciStarter 2025 - v2
 Text Domain: scistarter2025v2
 */


@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700;800;900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&display=swap');

:root {

     /* ↓ Font sizes below the base (scale: ÷1.2 from 18px) */
    --ss-text--4: 0.625rem;   /* 10px */
    --ss-text--3: 0.695rem;  /* ~11.15px */
    --ss-text--2: 0.766rem;  /* ~12.25px */
    --ss-text--1: 0.875rem;    /* 14px */

    /* Base font size */
    --ss-text-0: clamp(1rem, 0.9rem + 0.25vw, 1.125rem);        /* 16px → 18px */

    /* ↑ Font sizes above the base (scale: ×1.25 from 18px) */
    --ss-text-1: clamp(1.25rem, 1.1rem + 0.4vw, 1.406rem);      /* 20px → 22.5px */
    --ss-text-2: clamp(1.563rem, 1.4rem + 0.6vw, 1.758rem);     /* 25px → 28.13px */
    --ss-text-3: clamp(1.953rem, 1.7rem + 0.8vw, 2.197rem);     /* 31.25px → 35.16px */
    --ss-text-4: clamp(2.441rem, 2.2rem + 1vw, 2.747rem);       /* 39.06px → 43.95px */

    /* Spacing scale using 1.25x pattern */
    --space--8: 0.073rem;   /* ~1.2px */
    --space--7: 0.091rem;   /* ~1.5px */
    --space--6: 0.114rem;   /* ~1.8px */
    --space--5: 0.144rem;   /* ~2.3px */
    --space--4: 0.288rem;   /* ~4.6px */
    --space--3: 0.36rem;    /* ~5.8px */
    --space--2: 0.45rem;      /* ~7.2px */
    --space--1: 0.5625rem;    /* ~9px */
    --space-0: 1.125rem;      /* 18px */
    --space-1: 1.406rem;      /* ~22.5px */
    --space-2: 1.757rem;      /* ~28.1px */
    --space-3: 2.197rem;      /* ~35.2px */
    --space-4: 2.747rem;      /* ~44px */
    --space-5: 3.434rem;      /* ~55px */
    --space-6: 4.293rem;      /* ~68.6px */
    --space-7: 5.366rem;      /* ~85.8px */
    --space-8: 6.707rem;      /* ~107px */


	--color-yellow: rgb(255, 222, 149);

  --breakpoint-sm :640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;

}



 * {
  box-sizing: border-box;
 }

/** NORMALIZE.CSS **/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
     ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
    margin: 0;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
    display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
 
  /* Grouping content
     ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
    border-style: none;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
    appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    appearance: textfield;
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Misc
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
    display: none;
  }

/** END NORMALIZE.CSS **/

 body, .entry-content {
    background-color: #fff;
 }

 body {
    margin:0;
    padding: 0;
 }

 .ss-container {
  max-width: 1280px;
  margin: 0 auto;
 }


/* 1280px + 2rem = 1312px */
 @media (max-width: 1312px ) {
   .ss-container {
    padding-left: 1rem;
    padding-right: 1rem;
   }
 }

/****** BASE TYPOGRAPHY STUFF **********/
p, li {max-width: 80ch;}
h1 {max-width:45ch;}
h2 {max-width: 55ch;}
h3 {max-width: 65ch;}
a {color: var(--wp--preset--color--primary-action);}
a:hover {color:var(--wp--preset--color--primary-action-dark);text-decoration: underline;}

h1, h2 {
  font-family: var(--wp--preset--font-family--barlow);
  color: var(--wp--preset--color--primary-dark);
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}



.font-normal {font-weight: normal;}
figure {
  max-width: 100%;
}

/* tailwind flex */
/* Flex container */
.flex { display: flex; }
.inline-flex { display: inline-flex; }

/* Flex direction */
.flex-row { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }

/* Flex wrap */
.flex-wrap { flex-wrap: wrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
.flex-nowrap { flex-wrap: nowrap; }

/* Justify content */
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.justify-evenly { justify-content: space-evenly; }

/* Align items */
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-baseline { align-items: baseline; }
.items-stretch { align-items: stretch; }

/* Align content */
.content-center { align-content: center; }
.content-start { align-content: flex-start; }
.content-end { align-content: flex-end; }
.content-between { align-content: space-between; }
.content-around { align-content: space-around; }
.content-evenly { align-content: space-evenly; }

/* Gap (example for 1rem and 2rem) */
.gap-4 { gap: 1rem; }
.gap-8 { gap: 2rem; }

/* convenience patterns */
.flex--two-col-md--stacked-mobile {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

@media (min-width: 768px) {
  .flex--two-col-md--stacked-mobile {
    gap: var(--space-2);
  }
  .flex--two-col-md--stacked-mobile {
    flex-direction: row;
  }
  .flex--2-1-md--stacked-mobile > div:first-child {
    flex: 1 1 70%;
  }

  .flex--2-1-md--stacked-mobile > div:last-child {
    flex: 1 1 30%;
  }
}
@media (min-width: 1024px) {
.flex--two-col-md--stacked-mobile {
    gap: var(--space-2);
  }
}


  

    /** get rid of default wordpress block margin top */
    :where(.wp-site-blocks) > * {
        margin-block-start: 0;
    }


    ul.wp-block-list {
        list-style-type: disc;
    }


.force-full-width {
    width:100%!important;
    max-width: unset;
}

.space-around {
    justify-content: space-around!important;
}

@media (max-width: 960px) {
  .stack-tablet {
    flex-direction: column;
  }
  .stack-tablet > * {
    width: 100%!important;
  }
}

@media (max-width: 768px) {
  .stack-mobile {
    flex-direction: column;
  }
  .stack-mobile > * {
    width: 100%!important;
  }
}



.ss-top-page-menu {
  background-color: #7BCAF0;
  margin-top: 0;
}
.ss-top-page-menu.push {
  margin-bottom: 2rem;
}
.ss-top-page-menu ul {
  display: flex;
  gap:1rem!important;
  justify-content: space-evenly;
  margin: 0 auto;
  max-width: 1024px;
  padding: 1rem;
  font-size: 18px;
}
.ss-top-page-menu ul > li > a {
  font-family: 'Montserrat';
  font-weight: bold;
  text-transform: uppercase;
  color: var(--wp--preset--color--primary-action);
}

.ss-top-page-menu .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content  {
  color: var(--wp--preset--color--primary-action);
}
.ss-top-page-menu ul > li > a.current {
  color: #fff!important;
  text-decoration: underline;
}
.ss-top-page-menu ul > li > a:hover {
  color:#fff!important;
}

.ss-top-page-menu .current-menu-item a {
  color: #fff!important;
  text-decoration: underline;
  pointer-events: none;
}

@media (max-width: 900px){
  .ss-top-page-menu ul {
      font-size: 14px;
      justify-content: space-around;
      text-align: center;
      line-height: 1;
  }

}

@media (max-width:580px) {
  .ss-top-page-menu ul {
      flex-direction: column;
  }
}




.ss-left-nav .wp-block-navigation__responsive-container-open svg {
  width: 75px;
  height: auto;
  z-index: 100;
  margin-left:30px;
}

.ss-left-nav button.wp-block-navigation__responsive-container-open {
  position: fixed;
  /* top: 10px; */
  top: 75px;
  z-index: 99;
  width:100%;
  left:0;
}


.ss-left-nav button.wp-block-navigation__responsive-container-open:before {
  content:'';
  position: absolute;
  top:-10px;
  left:0;
  right:0;
  width:100%;
  height:45px;
  background-color: #fff;
  z-index: 98;
}



/** SOME GENERAL WORDPRESS OVERRIDES **/

.entry-content p a, .entry-content li a {
	color: var(--wp--preset--color--primary-action);
	text-decoration: none;
}

.entry-content p a:hover, .entry-content li a:hover {
	text-decoration: underline;
}

.entry-content a:hover {
	text-decoration: underline;
}
.is-position-sticky {
	top:10px;
}

.wrapped-row > div {
	margin-bottom: 24px!important;
}

.force-full-width img {
	width: 100%!important;
}

/** STACKABLE BLOCKS ICON LIST **/

.stk-block-icon-list-item__content .stk-block-icon-list-item__text a {
	color: var(--wp--preset--color--primary-action)!important;
	text-decoration:none;
}

.stk-block-icon-list-item__content svg * {
	fill: var(--wp--preset--color--primary-dark)!important;
}

.no-shrink {
	flex-shrink: 0;
}

/** GRAY CARDS MOBILE **/
@media (max-width:767px){
	.ss-horizontal-card figure {
		text-align: center;
	}
	.ss-horizontal-card figure img {
		max-width: 250px;
	}
}


/* .ss-top-page-menu .wp-block-navigation__container {
	row-gap:0!important;
}
 */

/* Make columns grow to equal heights always */
/* Ensure columns grow to equal height */
.wp-block-columns.equal-height {
    display: flex;
}
.equal-height .wp-block-column {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.equal-height .wp-block-column > * {
    flex-grow: 1;
	
}

.make-height-100 {
	height: 100%;
}

.flex-justify-around {
	justify-content: space-around;
}


/** triangle for tabs **/
.stk-block-tabs__tab.stk-block-tabs__tab--active {
	position: relative;
}
.stk-block-tabs__tab.stk-block-tabs__tab--active:after {
   z-index: -1;
    position: absolute;
    top: 98.1%;
    left: calc(50% - 5px);
    content: '';
    width: 0;
    height: 0;
    border-top: solid 10px #D9D9D9;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}


.stk-block p, [data-block-type="core"] p, p[data-block-type="core"], [class*="wp-block-"] p, p[class*="wp-block-"], .ugb-main-block p, .stk-block li, [data-block-type="core"] li:not(.wp-block-post), li[data-block-type="core"], [class*="wp-block-"] li, li[class*="wp-block-"], .ugb-main-block li, .stk-block td, [data-block-type="core"] td, td[data-block-type="core"], [class*="wp-block-"] td, td[class*="wp-block-"], .ugb-main-block td {
	font-size: unset;
}
[data-type^="stackable/"] p {
	font-size: initial !important;
}

@media (max-width:1024px){
	.columns-3-2-1.wp-block-columns {
		flex-wrap:wrap!important;
	}
	.columns-3-2-1.wp-block-columns .wp-block-column  {
		flex-basis: 48%!important;
	}
}


/*** SS-LEFT-NAV ***/
nav.ss-left-nav {
	z-index:999;
}

.ss-left-nav li li, .ss-left-nav li, .ss-left-nav ul {
	display:block!important;
	width:auto!important;
	position: relative!important;
    height: unset!important;
    overflow: visible!important;
    opacity: 1!important;
    visibility: visible!important;
	font-size:1.05rem;
	color: var(--wp--preset--color--primary-dark);
	line-height:1.1;
}

.ss-left-nav .wp-block-navigation .wp-block-navigation__submenu-icon {
	display: none!important;
}

.ss-left-nav > li > a {
	margin-bottom:0;
	font-weight:bold;
	padding: 4px 8px;
}

.ss-left-nav > li > .wp-block-navigation__submenu-container {
	border:0!important;
	margin-top: 0;
	margin-bottom:0;
}

.ss-left-nav > li > .wp-block-navigation__submenu-container a {
	font-size:0.9rem;
}

.ss-left-nav [aria-current="page"], .ss-left-nav .current-menu-ancestor {
	background-color: var(--yellow);
}

.ss-left-nav ul ul [aria-current="page"] {
	background-color: transparent;
}

.ss-left-nav ul ul [aria-current="page"] span {
	padding-left:10px;
	border-left: 3px solid var(----wp--preset--color--accent1);
}

@media (max-width: 960px) {
	.ss-left-nav .has-child .wp-block-navigation__submenu-container {
		margin:0;
		padding-top: 0!important;
	}
	.ss-left-nav > li, .ss-left-nav > li > ul > li, .ss-left-nav > .has-child > a {
		margin-bottom:1rem!important;
	}
	.ss-left-nav-left-column {
		height: 0;
	}
}



/**** LEFT NAV ***/

@media (min-width:1024px){
	.ss-left-nav-left-column {
		min-width:250px;
		align-self: stretch!important;
	}

	.ss-left-nav-left-column nav {
		position: sticky;
		top:20px;
	}
	.ss-left-nav-left-column figure {
		text-align:center;
	}
	
}
@media (max-width:1024px){
	.ss-left-nav-left-column {
		flex-basis:0!important;
	}
}

/** flip card fixes **/


.flip-card-contain img {
	padding-left:10px;
}
.ss-flip-card-front img {
	max-width:40%;
}

.footer-group span {
	font-size:16px;
}

@media (max-width: 500px) {
	h1.sm-text, h2.sm-text {
	font-size: 2rem;
}

}

.stk-block-tabs--horizontal .stk-block-tab-labels__wrapper {
	flex-wrap:nowrap;
}
.stk-block-tabs__tab {
	white-space:nowrap;
}

/** TEMPORARILY FIX EVENT RECIPE CARDS CITSCIMONTH EVENT RESOURCES **/
@media (min-width:768px) AND (max-width:1024px){
	.columns-3-2-1 > div:last-child() > div {
		width: 48%;
	}
	#recipes > div.wp-block-columns.alignwide.columns-3-2-1.is-layout-flex.wp-container-core-columns-is-layout-9.wp-block-columns-is-layout-flex > div:nth-child(3) > div.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-38.wp-block-group-is-layout-flex, #recipes > div.wp-block-columns.alignwide.columns-3-2-1.is-layout-flex.wp-container-core-columns-is-layout-9.wp-block-columns-is-layout-flex > div:nth-child(3) > div.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-39.wp-block-group-is-layout-flex {
		width: 48%;
	}
	#recipes > div.wp-block-columns.alignwide.columns-3-2-1.is-layout-flex.wp-container-core-columns-is-layout-9.wp-block-columns-is-layout-flex > div:nth-child(3) {
		display: flex;
    	gap: 24px;
    	align-items: flex-start;
	}
	#recipes > div.wp-block-columns.alignwide.columns-3-2-1.is-layout-flex.wp-container-core-columns-is-layout-9.wp-block-columns-is-layout-flex > div:nth-child(3) > div.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-39.wp-block-group-is-layout-flex {
		margin-top:0;
	}
}

/** HOW IT WORKS **/
#acts-process {
    background-color: var(----wp--preset--color--primary-dark);
    color: #fff;
    padding: 1rem;
    border-radius: 8px;
    margin:2rem auto;
    overflow: hidden;
}

#acts-process .flex {
    display: flex;
    gap: 1rem;  
}

#acts-process .flex > div {
    flex-basis: 50%;
}

#acts-process h2 {
    margin:1rem auto 2rem;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 2rem;
    max-width: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: var(----wp--preset--color--accent1);
    margin-top: -1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-top: 2rem;
	font-size:1.4rem;
	font-family: "Roboto Slab";
	text-align: center;
}

#acts-process h4 {
    font-family: "Roboto Slab";
    color: #fff;
    border:1px solid var(----wp--preset--color--primary);
    padding: 1rem;
    max-width: 300px;
    margin:0 auto 2rem;
    border-radius: 8px;
	font-size:1.3rem;
	text-align: center;
}

#acts-process p {
    text-align: left;
    font-size: 16px;
}

#acts-process img {
    width: 60px;
    margin-right: 0.5rem;
}

#acts-process ul {
    margin: 0 auto;
    max-width: 300px;
}

#acts-process li {
    display: flex;
    align-items: center;
    max-width: 300px;
    margin-bottom: 60px;
    position: relative;
}

#acts-process li:not(:nth-child(1))::before {
    content: "";
    position: absolute;
    bottom: calc(50% + 40px);
    left: 30px;
    height: 45px;
    width: 2px;
    background: white;
}

@media (max-width:768px){
    #acts-process .flex {
        flex-direction: column;
    }
}

/*** ACTS HIGHLIGHTS **/
.acts-highlights {
    display: flex;
    text-align: left;
    gap:1rem;
	background-color: var(----wp--preset--color--primary-dark);
	padding:10px;
}

.acts-highlights > div {
    flex: 1 1 0;
    display: flex;
    border: 1px solid var(--b--wp--preset--color--primary);
    background-color: #fff;
    border-radius: 6px;
    padding: .4rem;
    box-shadow: 2px 0 6px rgba(0,0,0,.05);
}

.acts-highlights img {
   height: 80px;
   margin-right: 10px;
}

.acts-highlights h3 {
	margin: 0.5rem 0;
	color: var(----wp--preset--color--primary-dark);
}

.acts-highlights h3 span {
    display: block;
}

.acts-highlights h3 span:first-child{
    font-size: 14px;
    text-transform: uppercase;
}
.acts-highlights h3 span:nth-child(2){
    font-size: 24px;
    text-transform: uppercase;
}
.acts-highlights h3 span:nth-child(3){
    font-size: 16px;
    font-weight: normal;
}
@media (max-width:850px) {
	.acts-highlights {
        flex-direction: column;
    }
}

/*** SLIDER DESIGN **/
.slider-top-text h2::after {
	content:'';
	display:block;
	height:2px;
	width:100px;
	background-color: var(--wp--preset--color--accent1);
	margin-top:10px;
	padding-bottom:10px!important;
	border-bottom: 2px solid var(--wp--preset--color--accent1)!important;
	margin-bottom:10px!important;
}
.n2-ss-slide {
	aspect-ratio: 16 / 9;
}

@media (min-width:1024px){
	.n2-ss-slide {
		aspect-ratio: 2/1;
	}
}

/*** GLOBAL TYPOGRAPHY ***/
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
	margin-top:0.5rem!important;
}

@media (max-width:768px) {
	.remove-side-padding-mobile {
		padding-left:0!important;
		padding-right:0!important;
	}
	.remove-top-space-mobile  {
		margin-top: 0!important;
	}
}


/** Cover images **/
.ss-small-cover-img {
	min-height: unset;
    max-height: 300px;
    object-fit: cover;
    min-width: 100%;
}

.pos-static {
	position: static;
}

.project-kit-card {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.project-kit-card:hover {
	box-shadow: inset 0 0 10px var(--wp--preset--color--primary-dark);
}

.project-kit-card h3 a {
	text-decoration:none;
	color: var(--wp--preset--color--primary-dark);
}

.round-img img {
	border-radius:100%;
}

.red-primary-border img {
	background: #004E9A;
background: linear-gradient(180deg,rgba(0, 78, 154, 1) 46%, rgba(147, 22, 25, 1) 48%);
	padding: 8px;
	border-radius:100%;
	text-align:center;
}

@media (max-width:767px){
	.stacked-with-image figure {
		
		text-align: center;
	}
	.stacked-with-image img {
		margin: 0 auto 1rem;
	}
	.stacked-with-image * {
		text-align: center;
		align-self: center!important;
	}
	.remove-top-margin-mobile {
		margin-top:0!important;
	}
}


/**** CARDS *******/
.ss-card {
  border: 1px solid var(--wp--preset--color--linework);
  padding: var(--space-0);
  background-color: white;
  margin-bottom:var(--space-0);
}
li:has(> .ss-card) {
  margin-top:0;
}
.small-info h3 {
    font-size: var(--wp--preset--font-size--normal);
    font-weight: normal;
    text-transform: uppercase;
}
.small-info p, .small-info li {
  font-size: var(--wp--preset--font-size--small);
}


/******* BLOG *************/
.blog-wrapper {
  background-color: var(--wp--preset--color--neutral-background);
  padding-top: var(--space-2);
  padding-bottom: var(--space-4);
  margin: 0;
  margin-bottom: -2rem;
}

.blog-card {
  display: flex;
  gap: var(--space-2);
}

.blog-card > div {
  flex: 1 0 0;
  margin:0;
}
.blog-card > div > * {
  margin:0;
}

.blog-card > div {
  display: flex;
  flex-direction: column;
  gap: var(--space-0);
  font-size: var(--wp--preset--font-size--small);
}
.blog-card .wp-block-post-featured-image {
  width: 35%;
  max-width: 300px;
  min-width: 0;
  flex: 0 1 35%;
}

.blog-card .wp-block-post-featured-image img {
  max-width: 100%;
  object-fit: contain;
}

.blog-card--title {
  font-size: var(--wp--preset--font-size--large);
  font-weight: normal;
  margin-top:0;
  margin-bottom: var(--space--4);
}

.post-meta {
  display: flex;
  gap: var(--space--4);
  font-size: var(--wp--preset--font-size--small);
  margin-top: 0;
  color: var(--wp--preset--color--gray-700);
}
.post-meta p {
  color: var(--wp--preset--color--gray-700);
}

.wp-block-post-date {
  margin-top:0;
}
.wp-block-post-excerpt p {
  margin: 0;
}

.blog-card .wp-block-post-excerpt__more-text {
  margin-top: 0;
}

.blog-card .wp-block-post-terms {
  display: inline;
}

@media (max-width:767px) {
  .blog-card {
    flex-direction: column;
  }
  .blog-card .wp-block-post-featured-image {
    max-width: 100%;
    width:100%;
  }
}

/**** more wordpress **/
.wp-block-search__button {
  background-color: var(--wp--preset--color--accent-2);
}

/* Pagination container */
.wp-block-query-pagination > div  {
  display: flex;
  justify-content: center;
  gap: var(--space-0);
}

/* Pagination numbers and links */
.wp-block-query-pagination-numbers,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
  display: flex;
  gap: var(--space-1, 0.5rem);
  white-space: nowrap;
}

.wp-block-query-pagination a,
.wp-block-query-pagination span {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 4px;
  background: var(--wp--preset--color--primary-light, #C8E9F8);
  color: var(--wp--preset--color--primary-dark, #24284E);
  text-decoration: none;
  font-weight: 500;
  transition: background 0.2s, color 0.2s;
  font-size: var(--wp--preset--font-size--normal);
}

@media (max-width:600px) {
    .wp-block-query-pagination a,
  .wp-block-query-pagination span {
    font-size: var(--wp--preset--font-size--small);
  }
  .wp-block-query-pagination > div  {
    gap: var(--space--1);
  }
}

@media (max-width:400px) {
    .wp-block-query-pagination a,
  .wp-block-query-pagination span {
    font-size: var(--wp--preset--font-size--xs);
  }
  .wp-block-query-pagination > div  {
    gap: var(--space--2);
  }
}

.wp-block-query-pagination a:hover,
.wp-block-query-pagination .current {
  background: var(--wp--preset--color--primary-action, #237AB8);
  color: var(--wp--preset--color--background, #fff);
}

.wp-block-query-pagination .current {
  font-weight: bold;
  cursor: default;
}

.wp-block-query-pagination .dots {
  background: transparent;
  color: var(--wp--preset--color--primary-dark, #24284E);
  padding: 0.5em 1em;
}

.post-navigation, .author-info {
  display: flex;
  gap: 1rem;
}
.post-navigation > div {
  flex-basis: 50%;
  margin:0;
}

.post-navigation > div > span {
  display: block;
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--xs);
}

.wp-caption-text {
  font-size: var(--wp--preset--font-size--xs);
  color: var(--wp--preset--color--gray-700);
  font-style: italic;
  text-align: center;
}

.wp-block-search.ss-card form {
  display: flex;
  gap:0;
}

.wp-block-search.ss-card form label {
  width:100%;
}

.wp-block-search.ss-card form input {
  height: 100%;
  border: 1px solid var(--wp--preset--color--primary-light);
  border-right:0;
  font-size: 16px;
  padding:0.5rem;
  width: 100%;
  border-radius: 6px 0 0 6px;
}

.wp-block-search.ss-card form button {
  background-color: var(--wp--preset--color--accent-2);
  border-radius: 0 6px 6px 0;
  border:0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  cursor: pointer;
}
.wp-block-search.ss-card form button svg {
  fill:white;
}

.wp-block-search.ss-card form button:hover {
  background-color: var(--wp--preset--color--accent-2-dark);
}