/*!
Theme Name: The Sceleton theme
Theme URI: https://www.tigerton.se
Author: Jonathan de Jong @ Tigerton
Author URI: https://www.tigerton.se
Description: "bony framework of the body", a theme for quick and modern development with Tigerton!
Text Domain: sceleton
Version: 2.0
*/

*,::before,::after{background-repeat:no-repeat;-moz-box-sizing:inherit;box-sizing:inherit}::before,::after{text-decoration:inherit;vertical-align:inherit}html{-moz-box-sizing:border-box;box-sizing:border-box;cursor:default;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}body{margin:0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}nav ol,nav ul{list-style:none}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ffff00;color:#000000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,optgroup,select,textarea{margin:0}button,input,select,textarea{background-color:transparent;color:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}legend{-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type="checkbox"],[type="radio"]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0, 0, 0, 0);display:inherit;position:absolute}[aria-disabled]{cursor:default}.clearfix:after,.wrapper:after,.inner-wrapper:after{content:"";display:block;clear:both}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.skip-link:hover,.skip-link:active,.skip-link:focus{position:static;height:auto;width:auto;margin:0;float:left}.comment-content img[height],.entry-content img,.entry-summary img,img[class*=align],img[class*=attachment-],img[class*=wp-image-]{height:auto}.post-thumbnail img,.wp-post-image,img.size-full,img.size-large{height:auto;max-width:100%}.alignleft,.left{float:left}.alignright,.right{float:right}.aligncenter{display:block;margin-left:auto;margin-right:auto}img{max-width:100%;height:auto}.grid{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.grid-item{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.grid--flexcells>.grid-item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}.grid--top{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}.grid--bottom{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}.grid--center{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.grid--justify-center{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-item--top{-ms-flex-item-align:start;align-self:flex-start}.grid-item--bottom{-ms-flex-item-align:end;align-self:flex-end}.grid-item--center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.grid-item--auto-size{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:none;flex:none}.grid--fit>.grid-item{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.grid--full>.grid-item{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.grid--1of2>.grid-item{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.grid--1of3>.grid-item{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%}.grid--1of4>.grid-item{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}
/*# sourceMappingURL=style.css.map */


body {
  color: #003764;
}

body > .elementor > .e-con {
  padding: 0 3%;
}

p {
	margin: 0;
}

div.elementor > .elementor-element:nth-last-child(1) {
  padding-bottom: 80px;
}

.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4 {
  font-weight: 500;
}

.elementor-widget-text-editor a {
  text-decoration: underline;
}

.elementor hr {
  border: 1px solid #F3F3F3;
  margin: 40px 0;
}

ul {
  margin: 10px 0 40px;
}

a,
svg {
  transition-duration: 0.3s;
}
button {
  cursor: pointer;
}

.elementor-button svg {
  transition-duration: 0.3s;
}
.elementor-button-icon svg {
  width: .9em;
  padding-bottom: 2px;
}

/* triangle-bottom-left--white */
	
.triangle-bottom-left--white {
  position: relative;
}

.triangle-bottom-left--white::after {
  content: '';
  position: absolute;
  bottom: -0.5px;
  left: 0;
  width: 100%;
  height: 80px;
  background: #ffffff;
  clip-path: polygon(0 100%, 30% 0, 100% 100%);
}

@media (max-width: 767px) {
  .triangle-bottom-left--white::after {
    height: 40px;
  }
}

/* triangle-bottom-right--white */
  
.triangle-bottom-right--white {
  position: relative;
}

.triangle-bottom-right--white::after {
  content: '';
  position: absolute;
  bottom: -0.5px;
  left: 0;
  width: 100%;
  height: 80px;
  background: #ffffff;
  clip-path: polygon(0 100%, 70% 0, 100% 100%);
}
@media (max-width: 1024px) {
  .triangle-bottom-right--white::after {
    height: 60px;
  }
}
@media (max-width: 767px) {
  .triangle-bottom-right--white::after {
    height: 40px;
  }
}



/* triangle-top-right--lightgray */
  
.triangle-top-right--lightgray {
  position: relative;
  margin-top: 10px;
}

.triangle-top-right--lightgray::after {
  content: '';
  position: absolute;
  top: -9.5px;
  left: 0;
  width: 100%;
  height: 10px;
  background: #F3F3F3;
  clip-path: polygon(0 100%, 70% 0, 100% 100%);
}


/* triangle-top-left--lightgray */
  
.triangle-top-left--lightgray {
  position: relative;
  margin-top: 10px;
}

.triangle-top-left--lightgray::after {
  content: '';
  position: absolute;
  top: -9.5px;
  left: 0;
  width: 100%;
  height: 10px;
  background: #F3F3F3;
  clip-path: polygon(0 100%, 30% 0, 100% 100%);
}



	
/* triangle-top-left--lightblue */
	
.triangle-top-left--lightblue {
  position: relative;
  margin-top: 80px;
}

.triangle-top-left--lightblue::after {
  content: '';
  position: absolute;
  top: -79.7px;
  left: 0;
  width: 100%;
  height: 80px;
  background: #87DBF7;
  clip-path: polygon(0 100%, 30% 0, 100% 100%);
}
@media (max-width: 1024px) {
  .triangle-top-left--lightblue {
    margin-top: 60px;
  }
  .triangle-top-left--lightblue::after {
    height: 60px;
    top: -59.7px;
  }
}
@media (max-width: 767px) {
  .triangle-top-left--lightblue {
    margin-top: 40px;
  }
  .triangle-top-left--lightblue::after {
    height: 40px;
    top: -39.7px;
  }
}


/* triangle-top-left--darkblue */
	
.triangle-top-left--darkblue {
  position: relative;
  margin-top: 80px;
}

footer .triangle-top-left--darkblue {
  margin-top: 0;
}

.triangle-top-left--darkblue::after {
  content: '';
  position: absolute;
  top: -79.5px;
  left: 0;
  width: 100%;
  height: 80px;
  background: #00213C;
  clip-path: polygon(0 100%, 30% 0, 100% 100%);
}
@media (max-width: 1024px) {
  .triangle-top-left--darkblue::after {
    height: 60px;
    top: -59.5px;
  }
}
@media (max-width: 767px) {
  .triangle-top-left--darkblue::after {
    height: 40px;
    top: -39.5px;
  }
}



.link-box {
  position: relative;
}

.link-box:after {
  content: '';
  position: absolute;
  top: -0.5px;
  left: -0.5px;
  width: 45px;
  height: 60px;
  background: #fff;
  clip-path: polygon(0 100%, 0% 0, 100% 0%);
  transition: .3s all;
}

.link-box:hover:after  {
  width: 75px;
}


/* Elementor Widget - Innehållsförteckning */

.elementor-toc__body .elementor-toc__list-item-text {
  background: transparent !important;
  padding: 7px 10px !important; 
}

.elementor-toc__body .elementor-toc__list-item-text.elementor-item-active {
  background: #87DBF7 !important;
  color: #003764 !important;
}

.elementor-toc__body .elementor-toc__list-item-text:hover {
  text-decoration: none !important;
}

.elementor-toc__list-item {
  margin-bottom: .25em;
}

/* Accordion */

.e-n-accordion-item-title-text {
  color: #003764;
  font-size: clamp(22px, 2.0vw, 25px) !important;
}
span.e-n-accordion-item-title-icon {
    position: relative;
    z-index: 1;
}
span.e-n-accordion-item-title-icon:after {
  content: "";
  height: clamp(58.59px, calc(2rem + 2vw), 62.5px) !important;
  top: auto;
  background: #87DBF7;
  position: absolute;
  z-index: -1;
  left: -28px;
  width: calc(100% + 48px);
  border-left: 5px solid #fff;
}

.elementor-widget-n-accordion.fold-out.triangle-top-left--lightgray::after {
  width: calc(100% - 62px);
  top: -9px;
}
.elementor-widget-n-accordion.fold-out.triangle-top-right--lightgray::after {
  width: calc(100% - 62px);
  top: -9px;
}

.elementor-button {
  transition: all 0.3s ease;
}

.elementor-button:hover {
  transform: translateY(-2px);
}


/* Basstil - element startar osynliga och förskjutna */
body:not(.elementor-editor-active) .elementor-section:not(.elementor-location-header):not(.elementor-location-footer) .elementor-widget-text-editor,
body:not(.elementor-editor-active) .elementor-section:not(.elementor-location-header):not(.elementor-location-footer) .elementor-widget-heading {
  opacity: 0;
  transform: translateY(40px);
  transition: 
    transform 0.8s ease-in-out,
    opacity 0.6s ease-in-out;
}

/* Aktiverad stil när element scrollas in i vyn */
body:not(.elementor-editor-active) .elementor-section:not(.elementor-location-header):not(.elementor-location-footer) .elementor-widget-text-editor.is-visible,
body:not(.elementor-editor-active) .elementor-section:not(.elementor-location-header):not(.elementor-location-footer) .elementor-widget-heading.is-visible {
  opacity: 1;
  transform: none;
}


/* Taxonomi singelsida Lektioner */

.taxonomy-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}

.taxonomy-badges__label {
  background-color: var(--e-global-color-f34ea1b);
  color: var(--e-global-color-primary);
  padding: 7px 12px 7px 12px;
  
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: 12px;
  font-weight: var(--e-global-typography-secondary-font-weight);
  text-transform: var(--e-global-typography-secondary-text-transform);
  letter-spacing: var(--e-global-typography-text-letter-spacing);
}

.taxonomy-badges--blue .taxonomy-badges__label {
  background-color: var(--e-global-color-f81aa08);
  color: var(--e-global-color-0b4e32f);
}

.taxonomy-badges__terms {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.taxonomy-badges__term {
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-0b4e32f);
  padding: 7px 12px 7px 12px;
  transition: background-color 0.3s ease;
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: 12px;
  font-weight: var(--e-global-typography-secondary-font-weight);
  text-transform: var(--e-global-typography-secondary-text-transform);
  letter-spacing: var(--e-global-typography-text-letter-spacing);
}


/* Filter */

.lektioner-filters {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: left;
  align-items: stretch;
}

.filter-dropdown {
  letter-spacing: -0.01em;
  appearance: none;
  line-height: 110%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--e-global-color-0b4e32f);
  color: var(--e-global-color-primary);
  font-weight: var(--e-global-typography-primary-font-weight);
  font-size: 15px;
  padding: 12px 47px 12px 18px;
  border: none;
  border-radius: 0;
  cursor: pointer;
  text-transform: uppercase;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%230a1f3b' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  min-width: 220px;
  text-align: left;
}

.filter-dropdown:focus {
  outline: 2px solid var(--e-global-color-primary);
  outline-offset: -2px;
}

/* Reset Button */
.reset-btn {
  background-color: var(--e-global-color-primary) !important;
  color: #fff !important;
  font-weight: var(--e-global-typography-primary-font-weight);
  font-size: 15px;
  padding: 12px 18px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  letter-spacing: -0.01em;
  line-height: 110%;
  transition: all 0.3s ease;
    
  /* Dölj från början */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  
  /* Förhindra layout shift */
  position: relative;
  white-space: nowrap;
}

.reset-btn.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.reset-btn:hover {
  background-color: var(--e-global-color-0b4e32f) !important;
  color: var(--e-global-color-primary) !important;
  transform: translateY(-2px);
}

.reset-btn.visible:hover {
  transform: translateY(-2px);
}

.reset-btn:focus {
  outline: none;
}

.reset-btn:active {
  transform: translateY(0);
}


/* Breadcrumbs */

.elementor-widget-breadcrumbs p {
  color: #fff;
}
span.breadcrumb_last {
  color: var(--e-global-color-0b4e32f);
}


/* Gravity forms */

/* Wrappern ska vara flex-container för ALLT på en rad */
.newsletter-form .gform_wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
/* Formuläret fyller resten */
.newsletter-form form {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 20px;
}
@media (max-width: 768px) {
  .newsletter-form form {
    flex-direction: column;
    gap: 20px;
  }
}

/* Layout */
.newsletter-form .gform_body,
.newsletter-form .gform_fields {
  display: flex;
  align-items: center;
  width: 100% !important;
}

.newsletter-form form * {
  margin: 0 !important;
}

/* Body (input-fältet) expanderar */
.newsletter-form .gform_body {
  flex: 1;
}

.newsletter-form .gform_title {
  color: var(--e-global-color-0b4e32f);
  font-size: 20px;
  line-height: 110% !important;
  margin: 0 !important;
  letter-spacing: -0.01em;
}
.newsletter-form .gform_description {
  margin: 0 !important;
}

/* Titeln tar sin plats */
.newsletter-form .gform_heading {
  margin: 0 !important;
  width: 25% !important;
}
@media (max-width: 1024px) {
  .newsletter-form .gform_heading {
    width: 100% !important;
  }
}

/* Dölj labels (om du inte använder dem som rubrik) */
.newsletter-form .gfield_label {
  display: none;
}

/* Input-fältet */
.newsletter-form input[type="email"],
.newsletter-form input[type="text"] {
  background-color: var(--e-global-color-primary);
  border: none;
  color: var(--e-global-color-0b4e32f);
  padding: 12px 20px !important;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 110% !important;
  text-align: right;
  width: 100%;
  outline: none;
  margin: 0 !important;
}
@media (max-width: 768px) {
  .newsletter-form input[type="email"],
  .newsletter-form input[type="text"] {
    text-align: left;
  }
}

.newsletter-form input::placeholder {
  color: var(--e-global-color-0b4e32f);
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 110% !important;
}

/* Footer (knappen) */
.newsletter-form .gform_footer {
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto;
  width: 40% !important;
}
@media (max-width: 768px) {
  .newsletter-form .gform_footer {
    width: 100% !important;
  }
}

.newsletter-form input[type="submit"],
.newsletter-form button[type="submit"] {
  background-color: var(--e-global-color-f34ea1b);
  color: var(--e-global-color-f81aa08);
  border: none;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 110% !important;
  letter-spacing: -0.01em;
  cursor: pointer;
  white-space: nowrap;
  width: 100% !important;
  text-align: right;
  transition: .3s all;
}
@media (max-width: 768px) {
  .newsletter-form input[type="submit"],
  .newsletter-form button[type="submit"] {
    text-align: left;
  }
}

.newsletter-form input[type="submit"]:hover,
.newsletter-form button[type="submit"]:hover {
  background-color: var(--e-global-color-0b4e32f) !important;
  color: var(--e-global-color-primary) !important;
}

/* form error */

.newsletter-form .gform_legacy_markup_wrapper .validation_message {
  color: #fff !important;
}

.newsletter-form .gform_legacy_markup_wrapper li.gfield.gfield_error, 
.newsletter-form .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent !important;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.newsletter-form .gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.newsletter-form .gform_legacy_markup_wrapper li.gfield_error textarea {
  border: 2px solid #fff;
}

.newsletter-form .gform_legacy_markup_wrapper div.validation_error,
.newsletter-form .gform_legacy_markup_wrapper div.validation_error * {
  color: #fff !important;
  border-color: #fff !important;
}

@media only screen and (min-width: 641px) {
  .newsletter-form .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding-right: 0 !important;
  }
}

.newsletter-form .gform_confirmation_message {
  color: var(--e-global-color-0b4e32f);
  font-size: 20px;
  line-height: 110% !important;
  margin: 0 !important;
  letter-spacing: -0.01em;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-primary-font-weight);
  text-align: center;
  background-color: var(--e-global-color-primary);
  padding: 20px 20px;
}

.newsletter-form .gform_required_legend {
  display: none;
}