/*
Theme Name: Astra Child Theme
Description: Childtema till Astra
Author: Susanna Messeri
Template: astra
Version: 1.0.0
License: GNU GPL v2
Tags: light, dark
*/

/*gör fade-in övergång på sticky header*/
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*stoppar skakning vid sidbyte*/
body {
  background-color: #fefaf6 !important;
  overflow-y: scroll;
  animation: fadeInAnimation ease 1.5s !important;
  animation-iteration-count: 1 !important;
  animation-fill-mode: forwards !important;
}

/* gör så att brödtexten blir lika stor på mobil */
* {
  max-height: 999999px !important;
}
/*tar bort bottenmarginal paragraf*/
p:last-child {
  margin-bottom: 0px !important;
}
/*ingen understrykning mitt namn i footern*/
a.copy-link {
  text-decoration: none !important;
}
a.copy-link:hover {
  font-family: inherit;
  font-weight: inherit;
  color: #b117b4 !important;
}

/*automatisk avstavning*/
p,
li,
.avstava {
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important;
  hyphens: auto !important;
}

a {
  cursor: pointer !important;
}

@font-face {
  font-family: "Newsreader Light Italic";
  src: url("https://psykologiicentrum.se/wp-content/uploads/2024/08/NewsreaderDisplay-LightItalic.woff2");
}

.kursiv-light {
  font-family: "Newsreader Light Italic" !important;
}

@font-face {
  font-family: "Newsreader Display Medium Italic";
  src: url("https://psykologiicentrum.se/wp-content/uploads/2025/07/NewsreaderDisplay-MediumItalic.woff2");
}

.medium-kursiv {
  font-family: "Newsreader Display Medium Italic" !important;
}

/*lägg in pil i knapp*/
.svartPil .elementor-button-icon svg {
  content: url("https://psykologiicentrum.se/wp-content/uploads/2025/07/pil-svart.svg") !important;
  width: 30px;
  vertical-align: middle !important;
  padding-bottom: 1.2px !important;
}

/* Byt färg på mediaspelare */
.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
  background: #8b9188 !important;
}

/*tar bort höger padding på sista länken i navigationen*/
.ast-builder-menu-1 .menu-item:nth-of-type(7) .menu-link {
  padding-right: 0px !important;
}

/*gör aktiva länk understruken i huvudmenyn navigationen*/
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-1
  .inline-on-mobile
  .menu-item.current-menu-item
  > .ast-menu-toggle,
.ast-builder-menu-1 .current-menu-ancestor > .menu-link {
  text-decoration: underline !important;
  text-underline-offset: 0.7em !important;
  color: #1d1d1d !important;
  text-decoration-thickness: 1.5px !important;
}

/*gör fade-in övergång på sticky header*/
#mysticky-nav.wrapfixed {
  animation-delay: 0s !important;
  animation: fadeInAnimation ease 2s !important;
  animation-iteration-count: 1 !important;
  animation-fill-mode: forwards !important;
}

/* gör så att mystickyheader inte puttar ner innehållet */
#mysticky-wrap {
  height: auto !important;
}

/*****SLIDER*****/

/*gör slider citattecken mindre*/
.stratum-testimonial-carousel
  .swiper-slide
  .stratum-testimonial-carousel__wrapper
  .stratum-testimonial-carousel__footer
  > img {
  width: 70px !important;
  height: 70px !important;
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
  border-radius: 0% !important;
  object-fit: scale-down !important;
  border-radius: 0% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* marginal slider citattext */
.stratum-testimonial-carousel
  .swiper-slide
  .stratum-testimonial-carousel__subtitle {
  margin-bottom: 2.5em !important;
  margin-top: 1em !important;
}

/*gör slider navigationsprickar till fyrkant*/
.swiper-pagination-bullet {
  border-radius: 0 !important;
}

/****** Kontaktformulär formatering *********/

/* tar bort kantlinje runt acceptera-knapp i formulär */
span.wpcf7-form-control.wpcf7-acceptance {
  border: none !important;
}

/*ta bort marginal kryssruta formulär*/
.wpcf7-list-item {
  margin: 0;
}

/*minska vänster marginal bekräftelseruta formulär */
.wpcf7 form .wpcf7-response-output {
  margin: 2em 0em 1em;
}

/* reglera höjden på meddelanderuta i formulär */
textarea.wpcf7-form-control.wpcf7-textarea {
  height: 150px !important;
  border: 1px solid rgba(0, 0, 0, 0.6) !important;
  border-radius: 0 !important;
}
/*  större infotext i formulär */
.wpcf7 form > div {
  font-size: 1em !important;
}

/* kantlinje inputrutor i formulär */
input,
select {
  border: 1px solid rgba(0, 0, 0, 0.6) !important;
  border-radius: 0 !important;
}

input[type="text"],
input[type="email"] {
  height: 50px !important;
  /* border-radius: 2px !important; */
}

/* styling knapp i formulär */
input[type="submit"] {
  background-color: #acb2a8 !important;
  color: white !important;
  font-family: "Nunito Sans Regular" !important;
  font-size: large;
  letter-spacing: 1px !important;
  font-weight: 400 !important;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  border-radius: 0 !important;
  border: none !important;
  width: 100% !important;
  padding: 20px !important;
}
/* hoverstyling knapp i formulär */
input[type="submit"]:hover {
  background-color: #8f938b !important;
  color: white !important;
}
/* styling knapp i formulär efter man har skickat*/
.wpcf7 .wpcf7-submit:disabled {
  background-color: #acb2a8 !important;
  color: white !important;
}

/* positionera spinner */
.wpcf7-spinner {
  margin: 0 0 0 !important;
}

/* minska bottenmarginal formuär */
.wpcf7 form {
  margin-bottom: -15px;
}

/* positionera responstext */
.wpcf7 form .wpcf7-response-output {
  margin: 0 0 3em !important;
}

/*förstora rubrik startsidan header*/
@media (max-width: 440px) {
  .headerrubrik,
  .sub-headerrubrik {
    font-size: 4vw !important;
  }
  .topryckare {
    font-size: 3.9vw !important;
  }
  .nedryckare {
    font-size: 4.2vw !important;
  }
}

/*förstora rubrik startsidan header*/
@media (min-width: 440.5px) and (max-width: 767.5px) {
  .headerrubrik,
  .sub-headerrubrik {
    font-size: 1.2em !important;
  }
  .topryckare {
    font-size: 1.2em !important;
  }
  .nedryckare {
    font-size: 1.2em !important;
  }
  /*  reglera höjden på navigantionen */
  .ast-mobile-header-wrap .ast-primary-header-bar,
  .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 75px !important;
  }
}

@media (min-width: 545px) and (max-width: 767px) {
  /*öka toppluft textruta startsida header*/
  .startheader-textbox {
    padding-top: 30px !important;
  }
}

@media (max-width: 1024px) {
  .kaddio-wrapper iframe {
    height: 600px !important;
  }
  .karta iframe {
    height: 500px !important;
  }
}

@media (max-width: 767.5px) {
  /* styling knapp i formulär */
  input[type="submit"] {
    font-size: medium;
    padding: 20px !important;
  }
  /*öka bredd textruta undersida header*/
  .sub-textruta {
    max-width: 500px !important;
  }

  .kaddio-wrapper iframe {
    height: 500px !important;
  }
}

@media (max-width: 480px) {
  .kaddio-wrapper iframe {
    height: 450px !important;
  }
  .karta iframe {
    height: 450px !important;
  }
}

/*ta bort padding left loggan header*/
@media (min-width: 1024.5px) {
  #masthead .ast-container,
  .site-header-focus-item + .ast-breadcrumbs-wrapper {
    padding-left: 25px !important;
  }
}

@media (min-width: 1024.5px) and (max-width: 1273px) {
  /* större storlek på loggan */
  header .custom-logo-link img {
    width: 200px !important;
    max-width: 200px !important;
  }
  /*ökar topmarginal header startsidan*/
  .merluft-topsektion {
    padding-top: 157px !important;
  }
}

@media (min-width: 1024.5px) and (max-width: 1699.5px) {
  /*ingen padding logga till sticky header*/
  #mysticky-nav.wrapfixed .ast-logo-title-inline .ast-site-identity {
    padding: 0 !important;
  }
}
/* gör så punklostor får rätt färg i mobilversion */
@media (max-width: 1100px) {
  .punktlista-light {
    background-color: #d6d9d3 !important;
  }
  .punktlista-dark {
    background-color: #b8beb5 !important;
  }
}

/* gör så dropdown går att skrolla i mobilversion */
@media (max-width: 1101px) {
  #mysticky-nav.wrapfixed {
    max-height: 100% !important;
    overflow: auto !important;
  }
  /*öka bredd textruta undersida header*/
  .sub-textruta {
    max-width: 500px !important;
  }
}

@media (min-width: 1101px) and (max-width: 1349.5px) {
  /*ändra storlek rubrik startsidan header*/
  .headerrubrik,
  .sub-headerrubrik {
    font-size: 1.1vw !important;
  }
  .topryckare,
  .sub-topryckare {
    font-size: 1.1vw !important;
  }
  .nedryckare {
    font-size: 1.1vw !important;
  }

  .startheader-textbox {
    padding-top: 0 !important;
  }

  .citatsize {
    font-size: 1.1vw !important;
  }
}

@media (min-width: 1101px) and (max-width: 1399px) {
  .sub-nedryckare {
    font-size: 1.1vw !important;
  }
}

@media (min-width: 1700px) {
  /* större storlek på loggan */
  header .custom-logo-link img {
    width: 220px !important;
    max-width: 220px !important;
  }

  /* minska storlek på padding i sticky header*/
  #mysticky-nav.wrapfixed .ast-logo-title-inline .ast-site-identity {
    padding: 0.8em 0 !important;
  }

  /*ändra storlek rubrik i header*/
  .headerrubrik {
    font-size: 1.15em !important;
  }
  .topryckare {
    font-size: 1.15em !important;
  }

  .nedryckare {
    font-size: 1.15em !important;
  }

  /*ändra storlek rubrik i undersidornas header*/
  .sub-headerrubrik,
  .sub-topryckare {
    font-size: 1.1em !important;
  }

  .sub-nedryckare {
    font-size: 1.2em !important;
  }

  .bredare-sektion {
    --content-width: 1180px !important;
  }
}

@media (min-width: 1800px) {
  .subheader-height {
    margin-top: 120px !important;
  }

  .knapp-toppmarg {
    padding-top: 20px !important;
  }
  .knapp-toppmarg-mindre {
    padding-top: 15px !important;
  }

  /*ökar topmarginal header startsidan*/
  .merluft-topsektion {
    padding-top: 220px !important;
    padding-bottom: 100px !important;
  }

  /* bredda sektionerna */
  .bredare-sektion {
    --content-width: 1300px !important;
  }

  .subheader-bredare {
    --content-width: 1450px !important;
  }

  /*förstora loggan*/
  header .custom-logo-link img {
    width: 250px !important;
    max-width: 250px !important;
  }

  .headerrubrik {
    font-size: 1.3em !important;
  }
  .topryckare {
    font-size: 1.3em !important;
  }
  .nedryckare {
    font-size: 1.3em !important;
    /* padding-top: 3px !important; */
  }

  /*ökar storlek undersida headerrubrik*/
  .sub-headerrubrik {
    font-size: 1.4em !important;
    padding-top: 0 !important;
  }
  /*ökar storlek undersida toppryckare*/
  .sub-topryckare {
    font-size: 1.4em !important;
  }

  /*högre höjd primary-header*/
  .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 120px !important;
  }

  /* bredare formulär */
  .elementor-21 .elementor-element.elementor-element-e9651d2 {
    --width: 1400px !important;
  }

  /* minska bottenmarginal formuär */
  .wpcf7 form {
    margin-bottom: -40px;
  }

  .form-padding {
    padding: 100px 100px 50px !important;
  }
  /* reglera höjden på meddelanderuta i formulär */
  textarea.wpcf7-form-control.wpcf7-textarea {
    height: 200px !important;
  }

  /* minska höjden på banners */
  .bannerbox {
    height: 520px !important;
  }

  /* minska text i banners */
  .bannertext h2 {
    font-size: 3.1em !important;
  }
}

@media (min-width: 2000px) {
  .sub-textruta {
    max-width: 900px !important;
  }
  /*srörre text i startheadern */
  .headerrubrik {
    font-size: 1.5em !important;
  }
  .topryckare {
    font-size: 1.5em !important;
  }
  .nedryckare {
    font-size: 1.5em !important;
    /* padding-top: 3px !important; */
  }

  /*ökar storlek undersida headerrubrik*/
  .sub-headerrubrik {
    font-size: 1.6em !important;
  }
  .sub-topryckare {
    font-size: 1.6em !important;
  }

  .subheader-bredare {
    --content-width: 1550px !important;
  }
}