/**
Theme Name: Skapa Partners Nov 2025
 * Author: Morpho Marketing
 * Version: 1.0
 * Domain Path: /languages
 */

/*Theme Variables*/
:root{
  /*site colors*/
  --white: #ffffff;
  --black: #000000;
  --text-color: #000000;
  --blue: #344966;
  --light-blue: #7d92Ad;
  --dark-blue: #081c3d;
  --red: #ff0000;
  --text-shadow-color: rgba(255, 255, 255, 1);

  /*font families*/
  --heading-font: "Montserrat", sans-serif;
  --text-font: "Montserrat", sans-serif;
  --content-width: 109.5rem;
}

/*Default Overall Styles*/
#wpadminbar{display: none}
html{margin-top: 0!important;}
html, body{scroll-behavior: smooth; font-size: 16px; font-variant-ligatures: none; overflow-anchor: none;}
body{overflow-x: hidden; margin:0 !important; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;color: var(--text-color);font-family: var(--text-font);line-height: 1.5em;display: flex;flex-direction: column;min-height: 100vh;position: relative;}
body.stuck{overflow: hidden}
.footer {margin-top: auto}
*{box-sizing: border-box; -webkit-appearance: none;font-family:inherit;}
/* lazy loading flow fixes */
img{object-fit:contain;min-width:1px;}
.container{width: 100%;max-width: var(--content-width);margin: 0 auto;padding: 0 1rem;}
.has-blue-color{color: var(--blue);}
.has-blue-background-color{background-color: var(--blue);}
.has-light-blue-color{color: var(--light-blue);}
.has-light-blue-background-color{background-color: var(--light-blue);}
.has-dark-blue-color{color: var(--dark-blue);}
.has-dark-blue-background-color{background-color: var(--dark-blue);}

@media (min-width: 1440px) {
  html{font-size: clamp(12px, 0.8333vw, 16px);}
}

/*Typography*/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: var(--heading-font); margin: 0; font-weight: 500;}
h1,.h1{font-size: 8rem; line-height: 1; letter-spacing: -0.07em;}
h2,.h2{font-size: 7rem; line-height: 1; letter-spacing: -0.07em;}
h3,.h3{font-size: 3rem; line-height: 1.2; letter-spacing: -0.07em;}
h4,.h4{font-size: 2.5rem; line-height: 1.1; letter-spacing: -0.07em;}
h5,.h5{font-size: 2.25rem; line-height: 1; letter-spacing: -0.05em;}
h6,.h6{font-size: 1.5rem; line-height: 1.2;}
p{font-size: 16px; line-height: 1.6; margin: 0; letter-spacing: -0.03em;}
p.has-background{padding: 0}
a{color: inherit;text-decoration: underline;transition: color 0.3s ease;}a:hover{text-decoration: none;}
.is-style-quote{padding:0.625rem 0 0.625rem 1.5rem;position:relative;}.is-style-quote::before{content:""; position:absolute; left:0; top:0; bottom: 0; width:0.25rem; background-color:var(--blue);}
.is-style-line-decoration{position: relative} .is-style-line-decoration::before{content:""; position:absolute; width: 100vw; height: 3px; background-color: var(--light-blue); left: 20rem; top: -2.75rem; transform: translateX(-100%);}
.justify-content-center {justify-content: center}
.cards-three-columns .wp-block-columns {padding-top: 3.125rem;justify-content: space-between;}
.cards-three-columns .wp-block-columns .wp-block-column {border-left: 0.125rem solid var(--light-blue);padding-left: 1.5625rem;max-width: 30.625rem;}

@media(max-width: 1439px) {
  h1,.h1{font-size: 5rem;}
  h2,.h2{font-size: 4rem;}
  h3,.h3{font-size: 2.5rem;}
  h4,.h4{font-size: 2rem;}
  h5,.h5{font-size: 1.75rem;}
  h6,.h6{font-size: 1.5rem;}

  .is-style-line-decoration::before {left: 12rem; top: -1.75rem;}
}

@media(max-width: 1200px) {
  .cards-three-columns .wp-block-columns {flex-wrap: wrap !important;}
  .cards-three-columns .wp-block-columns .wp-block-column {flex-grow: 0 !important;flex-shrink: 0 !important;flex-basis: calc((100% / 2) - 1rem) !important;}
}

@media(max-width: 1023px) {
  h1,.h1{font-size: 4rem;}
  h2,.h2{font-size: 3rem;}
  h3,.h3{font-size: 2rem;}
  h4,.h4{font-size: 1.75rem;}
  h5,.h5{font-size: 1.5rem;}
  h6,.h6{font-size: 1.25rem;}

  .is-style-line-decoration::before {left: 9rem; top: -1.5rem;}
}

@media(max-width: 767px) {
  h1,.h1{font-size: 3rem;}
  h2,.h2{font-size: 2.5rem;}

  .is-style-line-decoration::before {left: 7rem; top: -0.75rem; height: 2px}
  .mobile-has-medium-font-size {font-size: var(--wp--preset--font-size--medium) !important;}
  .wp-block-buttons.mobile-align-left{justify-content: flex-start}
  .cards-three-columns .wp-block-columns {padding-top: 0;padding-top: 5rem;}
  .cards-three-columns .wp-block-columns .wp-block-column {flex-basis: 100% !important;max-width: 100%;}
  .mobile-text-shadow{text-shadow: -1px -1px 0 var(--text-shadow-color), 1px -1px 0 var(--text-shadow-color), -1px 1px 0 var(--text-shadow-color), 1px 1px 0 var(--text-shadow-color); letter-spacing: 0;}
  .mobile-text-shadow mark{text-shadow: none; letter-spacing: -0.07em;}
}

/*Buttons*/
a.button, .wp-block-button a {display: inline-block; font-size: 18px; font-weight: 500; text-decoration: none; text-transform: uppercase; line-height: 1.1; color: var(--white); padding: 19px 30px; border-radius: 99rem; border: 1px solid var(--white); background-color: var(--blue); transition: all 0.3s ease-in-out;}
a.button:hover, .wp-block-button a:hover {background-color: var(--light-blue);}
a.button.outline, .wp-block-button.is-style-outline a {color: var(--light-blue); border: 1px solid var(--light-blue); background-color: transparent;}
a.button.outline:hover, .wp-block-button.is-style-outline a:hover {background-color: var(--blue); color: var(--white); border-color: var(--white)}

/* Header */
/*#wpadminbar{display: none}*/
.header{position: absolute; top: 2.5rem; left: 0; width: 100%; z-index: 3604;color: var(--white);}
.header__inner{ display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 0; height: 3rem}
.header__logo .custom-logo{display: block; height: 2rem; width: auto; transition: all 0.3s ease-in-out}
.header__logo .custom-logo:hover{transform: scale(1.02)}
.header__menu{display: flex; align-items: center; gap: 1rem;}
.header__menu .search-icon{width: 1.5rem; height: 1.5rem; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5 21L17.157 16.657M17.157 16.657C17.8998 15.9141 18.4891 15.0321 18.8912 14.0615C19.2932 13.0909 19.5002 12.0506 19.5002 11C19.5002 9.94936 19.2932 8.90905 18.8912 7.93842C18.4891 6.96779 17.8998 6.08585 17.157 5.34296C16.4141 4.60007 15.5321 4.01078 14.5615 3.60874C13.5909 3.20669 12.5506 2.99976 11.5 2.99976C10.4494 2.99976 9.40905 3.20669 8.43842 3.60874C7.46779 4.01078 6.58585 4.60007 5.84296 5.34296C4.34263 6.84329 3.49976 8.87818 3.49976 11C3.49976 13.1217 4.34263 15.1566 5.84296 16.657C7.34329 18.1573 9.37818 19.0002 11.5 19.0002C13.6217 19.0002 15.6566 18.1573 17.157 16.657Z' stroke='%237D92AD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; transition: transform 0.3s ease-in-out;}
.header__menu .search-icon:hover{transform: scale(1.1);}
.header-menu{display: flex; align-items: center; gap: 2rem; list-style: none; margin: 0; padding: 0;}
.header-menu .menu-item a {font-size: 16px; font-weight: 500; text-transform: uppercase; text-decoration: none; color: var(--white); transition: color 0.3s ease-in-out;}
.header-menu .menu-item a:hover {color: var(--light-blue);}
.header-menu .menu-item.current_page_item a {font-weight: 600;}
.header-menu .menu-item.button.outline a {padding: 0.875rem 1.125rem; color: var(--light-blue); border: 1px solid var(--light-blue); background-color: transparent; font-weight: 500; border-radius: 99rem}
.header-menu .menu-item.button.outline a:hover {background-color: var(--blue); color: var(--white); border-color: var(--white);}
#mobile-nav-input{display: none;}


@media (min-width: 1440px) {
  #mobile-nav-input,.mobile-nav{display: none;}
}
@media(max-width: 1439px) {
  .main-nav{position: absolute; top: -2.5rem; left: unset; right: 0; width: 0; height: 100vh; padding: 7rem 1rem 3rem; background-color: var(--blue); z-index: -1; overflow-y: auto; opacity: 0; pointer-events: none; transition: all 0.3s ease-in-out;}
  #mobile-nav-input:checked + * + .main-nav{opacity: 1; width: 33%; pointer-events: all;}
  .mobile-nav{font-size: 1.5rem}
  .header__menu{flex-direction: row-reverse;}
  .header-menu{flex-direction: column}
}
@media(max-width: 1023px) {
  .header{top: 1.25rem}
  .header__logo .custom-logo{height: 1.5rem;}
  .main-nav{top: -1.25rem; padding-top: 5.5rem;}
  #mobile-nav-input:checked + * + .main-nav{width: 60%;}
}
@media(max-width: 767px) {
  .header{top: 0.625rem}
  .header__logo .custom-logo{height: 1.25rem;}
  .main-nav{top: -0.625rem; padding-top: 4.5rem;}
  #mobile-nav-input:checked + * + .main-nav{width: 100%;}
}

/* Marquee */
.marquee-block {width: inherit;display: flex;gap: calc(4rem * 2);overflow: hidden;background-color: var(--dark-blue);padding-block: 1.5rem;}
.marquee-inner {width: fit-content;display: flex;gap: 4rem;flex-wrap: nowrap;animation: scrolling 20s linear infinite;}
.marquee-item{position: relative}
.marquee-item + .marquee-item::before{content: ''; position: absolute; display: block; width: 0.5rem; height: 0.5rem; background-color: var(--white); border-radius: 50%; top: 50%; left: -2.25rem; transform: translateY(-50%); opacity: 0.6;}
.marquee-item *{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(255, 255, 255, 0.6);}
.marquee-item strong{color: var(--white)}
@keyframes scrolling {
  to {
    transform: translate(calc(-50% - 2rem));
  }
}
/* Forms */