/*
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
*/

/* Tvingar telefonnummerlänkar att ärva färgen från elementet runt omkring */
a[href^="tel"] {
    color: inherit !important;
    text-decoration: none !important;
}


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

/*fade-in animation på sidorna*/
body {
  background-color: #edeae3 !important;
  overflow-y: scroll;
  animation: fadeInAnimation ease 1.5s !important;
  animation-iteration-count: 1 !important;
  animation-fill-mode: forwards !important;
	/* Detta aktiverar Stylistic Set 01 */
  font-feature-settings: "ss01" off !important;
  
  /* Modernare sätt som rekommenderas (stödjs av de flesta webbläsare) */
  font-variant-ligatures: none !important;
	font-variation-settings: none !important;
}


@font-face {
  font-family: "The Roman Edition Italic";
  src: url("https://nilsdottertrygg.se/wp-content/uploads/2026/03/SLTFTheRomanEdition-Italic.woff2");
}

/* kursiverade förstärkningsord */
.kursiv-red-space {
	font-family: "The Roman Edition Italic" !important;
	color: #c3623f !important;
	letter-spacing: 2px !important;
}
.kursiv-red {
	font-family: "The Roman Edition Italic" !important;
	color: #c3623f !important;
}

/* kantlinje på tankstreck samt ökat teckenavstånd */
.text-kantlinje {
  -webkit-text-stroke: 1px !important;
	letter-spacing: 2px !important;
}

/* aktivering av specialtecken */
.special-m {
  font-family: 'The Roman Edition Italic', sans-serif !important; /* Namnet i din @font-face */
  
  /* Detta aktiverar Stylistic Set 01 */
  font-feature-settings: "ss01" on !important;
  
  /* Modernare sätt som rekommenderas (stödjs av de flesta webbläsare) */
  font-variant-ligatures: common-ligatures !important;
	font-variation-settings: normal !important;
}

/* kapitäler */
.liten-versal {
	color: #c3623f !important;
	font-family: "Raleway Bold" !important;
	font-weight: 700 !important;
	font-size: 0.8em !important;
	padding-right: 3px !important;
}


/* linjeskugga startsidans överliggare */
.linjeskugga .elementor-divider-separator {
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,1)) !important;
}
/* skugga startsidans ornament */
.ornamentskugga img {
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,1)) !important;
}

/* fixar jämnhöga siffror i typsnittet Raleway*/
.fontfeature {
  font-variant-numeric: lining-nums !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;
}

a.textlink {
  text-decoration: underline !important;
  color: #748877 !important;
  font-family: "Raleway Medium" !important;
}

/* inga automatiska avstavningar */
body {
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
}

a {
  cursor: pointer !important;
}


/*toning header startsidan*/
#headertoning::before {
  --background-overlay: "" !important;
  background-color: transparent !important;
    background-image: 
        linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 20%), 
        linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0) 50%) !important;
    opacity: 1 !important;
}


/* toning header till undersidorna*/
.toning {
  display: inline-block;
  position: relative;
}
.toning::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.4) 0%,
	rgba(0, 0, 0, 0.3) 5%,
    rgba(0, 0, 0, 0.2) 10%,
    rgba(0, 0, 0, 0.1) 15%,
	rgba(0, 0, 0, 0.05) 20%,
    rgba(0, 0, 0, 0) 25%
  ),linear-gradient(
    to top,
    rgba(0, 0, 0, 0.6) 0%,
	rgba(0, 0, 0, 0.5) 5%,
    rgba(0, 0, 0, 0.4) 10%,
	rgba(0, 0, 0, 0.3) 15%,
	rgba(0, 0, 0, 0.2) 20%,
    rgba(0, 0, 0, 0.1) 25%,
    rgba(0, 0, 0, 0) 30%
  ) !important;
  opacity: 0.6 !important;
  mix-blend-mode: multiply !important;
}

/* mörkare toning header till undersidorna*/
.toning-dark {
  display: inline-block;
  position: relative;
}
.toning-dark::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.6) 0%,
	rgba(0, 0, 0, 0.5) 5%,
    rgba(0, 0, 0, 0.3) 10%,
    rgba(0, 0, 0, 0.2) 15%,
	rgba(0, 0, 0, 0.1) 20%,
    rgba(0, 0, 0, 0) 25%
  ),linear-gradient(
    to top,
    rgba(0, 0, 0, 0.6) 0%,
	rgba(0, 0, 0, 0.5) 5%,
    rgba(0, 0, 0, 0.4) 10%,
	rgba(0, 0, 0, 0.3) 15%,
	rgba(0, 0, 0, 0.2) 20%,
    rgba(0, 0, 0, 0.1) 25%,
    rgba(0, 0, 0, 0) 30%
  ) !important;
  opacity: 0.6 !important;
  mix-blend-mode: multiply !important;
}


/******** MENY FORMATERING *******/
/*hovereffekt på bakgrunden i dropdowm*/
.ast-primary-menu-enabled .main-header-menu .sub-menu li:hover > a {
  background-color: #efefef !important;
}

/*ändrar färg på bakgrunden på aktiv lielement i dropdowm*/
.main-header-menu .menu-item .current-menu-item {
  background-color: #efefef !important;
}

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

/*gör aktiva länk understruken i 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-decoration-thickness: 1.5px !important;
  text-underline-offset: 0.7em !important;
}
/* tar bort understrykning på undermenyn */
.ast-desktop
  .ast-builder-menu-1
  .menu-item
  .sub-menu:last-child
  > .menu-item
  > .menu-link {
  text-decoration: none !important;
  color: #111111 !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;
}

/*byter logga till sticky header*/
#mysticky-nav.wrapfixed header .custom-logo-link img {
  content: url("https://nilsdottertrygg.se/wp-content/uploads/2026/03/logo-svart.png") !important;
   margin-top: 0.5em !important;
}

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

/*byter färg på hamburgaren till sticky header*/
#mysticky-nav.wrapfixed
  [data-section="section-header-mobile-trigger"]
  .ast-button-wrap
  .mobile-menu-toggle-icon
  .ast-mobile-svg {
  fill: black !important;
}

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




@media (min-width: 2000px) {
	/*högre höjd primary-header*/
  .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 120px !important;
  }
	
	/* större storlek på loggan */
  header .custom-logo-link img {
    width: 330px !important;
    max-width: 330px !important;
  }
  /*förstora logga till sticky header*/
  #mysticky-nav.wrapfixed header .custom-logo-link img {
    width: 330px !important;
    max-width: 330px !important;
  }
	
	 /* bredda sektionerna */
  .bredare-sektion {
    --content-width: 1300px !important;
  }

  .avdelare-bredare {
    --content-width: 1550px !important;
  }
	
	/*öka radavstånd punktlista */
	div.bigger-rows {
		--row-gap: 36px !important;
	}
 
}


@media (min-width: 1800px) and (max-width: 1999.5px) {
  /*högre höjd primary-header*/
  .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 120px !important;
  }
	
	/* större storlek på loggan */
  header .custom-logo-link img {
    width: 330px !important;
    max-width: 330px !important;
  }
  /*förstora logga till sticky header*/
  #mysticky-nav.wrapfixed header .custom-logo-link img {
    width: 330px !important;
    max-width: 330px !important;
  }

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

  .avdelare-bredare {
    --content-width: 1500px !important;
  }
	/*öka radavstånd punktlista */
	div.bigger-rows {
		--row-gap: 36px !important;
	}
}


@media (min-width: 1800px) {
/* öka kolumnavstånd välkomsttext */
	div.mindre-kolumnbredd {
		--width: 46% !important;
	}
	/*öka padding i specialområdenbox*/
.elementor-8588 .elementor-element.elementor-element-f5fbd98, .elementor-8588 .elementor-element.elementor-element-8904018  {
		padding-left: 101px !important;
		padding-right: 101px !important;
	}
}

@media (min-width: 1600px)and (max-width: 1799.5px) {
  /*högre höjd primary-header*/
  .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 90px !important;
  }
  /* större storlek på loggan */
  header .custom-logo-link img {
    width: 270px !important;
    max-width: 270px !important;
  }
  /*förstora logga till sticky header*/
  #mysticky-nav.wrapfixed header .custom-logo-link img {
    width: 270px !important;
    max-width: 270px !important;
  }
  .bredare-sektion {
    --content-width: 1280px !important;
  }
	
    .avdelare-bredare {
        --content-width: 1450px !important;
    }

	/*öka radavstånd punktlista */
	div.bigger-rows {
		--row-gap: 30px !important;
	}
	/*öka padding punktlista */
	div.extra-padding {
		padding-right: 19px !important;
	}
	/*öka padding i specialområdenbox*/
.elementor-8588 .elementor-element.elementor-element-f5fbd98, .elementor-8588 .elementor-element.elementor-element-8904018  {
		padding-left: 100px !important;
		padding-right: 100px !important;
	}
	
	/* öka kolumnavstånd välkomsttext */
	div.mindre-kolumnbredd {
		--width: 47% !important;
	}
	
}



@media (min-width: 1400px)and (max-width: 1599.5px) {
  .avdelare-bredare {
    --content-width: 1280px !important;
  }
}


@media (min-width: 1274px) and (max-width: 1599.5px) {
 .bredare-sektion {
    --content-width: 1200px !important;
  }
	/*öka padding i specialområdenbox*/
.elementor-8588 .elementor-element.elementor-element-f5fbd98, .elementor-8588 .elementor-element.elementor-element-8904018  {
		padding-left: 85px !important;
		padding-right: 85px !important;
	}
}


@media (min-width: 1273px) {
	/* minska storlek på padding i sticky header*/
  #mysticky-nav.wrapfixed .ast-logo-title-inline .ast-site-identity {
    padding: 0 0 0.6em !important;
  }
	
}

@media (min-width: 1159px) and (max-width: 1599px) {
	/*öka padding punktlista*/ 
	div.extra-padding {
		padding-right: 30px !important;
	}
}



@media (min-width: 1101px) and (max-width: 1117px) {
	/*öka padding i specialområdenbox*/
.elementor-8588 .elementor-element.elementor-element-2d5fce4 {
		padding-left: 70px !important;
		padding-right: 70px !important;
	}
}


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



@media (min-width: 768px) and (max-width: 1272.5px) {
	/*byt headerbild undersidor */
	div.problem-header img {
    height: 425px !important;
		object-fit: cover !important;
		object-position: center !important;
  }
	div.om-mig-header img {
    height: 425px !important;
		object-fit: cover !important;
		object-position: center !important;
  }
	div.online-header img {
    height: 425px !important;
		object-fit: cover !important;
		object-position: center !important;
  }
	div.kontakt-header img {
    height: 425px !important;
		object-fit: cover !important;
		object-position: center !important;
  }
	div.integritet-header img {
    height: 425px !important;
		object-fit: cover !important;
		object-position: center !important;
  }
}


/*byt headertoning */
@media (min-width: 768px) {
  #headertoning::before {
  --background-overlay: "" !important;
  background-color: transparent !important;
    background-image: 
        linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 20%), 
        linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0) 50%) !important;
    opacity: 1 !important;
}
}


@media (max-width: 767.5px) {
  /*byt bild på footertext mobil*/
  div.footertext-mobil img {
    content: url("https://nilsdottertrygg.se/wp-content/uploads/2026/03/footertext-mobil-scaled.png") !important;
  }
	
	/* byt headertoning på startsidan */
	#headertoning::before {
  --background-overlay: "" !important;
  background-color: transparent !important;
    background-image: 
        linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 20%), 
        linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%) !important;
    opacity: 1 !important;
}
	/* byt headertoning på undersidan */
	.toning::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.4) 0%,
	rgba(0, 0, 0, 0.3) 5%,
    rgba(0, 0, 0, 0.2) 10%,
    rgba(0, 0, 0, 0.1) 15%,
	rgba(0, 0, 0, 0.05) 20%,
    rgba(0, 0, 0, 0) 25%
  ),linear-gradient(
    to top,
    rgba(0, 0, 0, 0.6) 0%,
	rgba(0, 0, 0, 0.5) 5%,
    rgba(0, 0, 0, 0.4) 10%,
	rgba(0, 0, 0, 0.35) 15%,
	rgba(0, 0, 0, 0.3) 20%,
    rgba(0, 0, 0, 0.2) 25%,
    rgba(0, 0, 0, 0.1) 30%,
	rgba(0, 0, 0, 0) 35%
  ) !important;
  opacity: 0.6 !important;
  mix-blend-mode: multiply !important;
}
	
	/*ändra höjd på headerbild undersidor */
	div.problem-header img {
    height: 500px !important;
		object-fit: cover !important;
		object-position: right !important;
  }
	/*ändra höjd och byt bild på headerbild */
	div.om-mig-header img {
		content: url("https://nilsdottertrygg.se/wp-content/uploads/2026/03/header-om-mig-mobil-768x500-1.webp") !important;
    height: 500px !important;
		object-fit: cover !important;
		object-position: left !important;
  }
	div.online-header img {
    height: 500px !important;
		object-fit: cover !important;
		object-position: left !important;
  }
	div.kontakt-header img {
    height: 500px !important;
		object-fit: cover !important;
		object-position: center !important;
  }
	div.integritet-header img {
    height: 500px !important;
		object-fit: cover !important;
		object-position: left !important;
  }
}



/*mindre rubrik och ingress startsidans header*/
@media (max-width: 420px) {
  .startheader-rubrik h1 {
    font-size: 12vw !important;
    line-height: 15vw !important;
  }
	.nedryckare h2 {
    font-size: 5.5vw !important;
    line-height: 6.5vw !important;
    letter-spacing: 0.7px !important;
  }
	.mindre-rubrik h1 {
		font-size: 11vw !important;
	}
	
}