/*
Theme Name: Number Three One - Child
Theme URI: https://standoutmedia.dk/
Author: Standoutmedia A/S
Author URI: https://standoutmedia.dk/
Description: Et helt specielt Standoutmedia Tema
Template: number-three-one
Text Domain: number-three-child
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ===== CSS Variables ===== */

:root {
  /* Font sizes */
  --h1: 70px;
  --h2: 42px;
  --h3: 35px;
  --h4: 22px;
  --h5: 16px;
  --h6: 14px;
  --p: 16px;

  /* Gaps */
  --gap-xl: 130px;
  --gap-l: 90px;
  --gap-m: 40px;
  --gap-s: 20px;

  /* font families */
  --h-fam: "Instrument Sans", sans-serif;
  --p-fam: "Instrument Sans", sans-serif;
  --btn-fam: var(--p-fam);

  /* colors */
  --color-1: #0e425a;
  --color-2: #125b7d;
  --color-3: #2da6a6;
  --color-4: #238787;
  --color-bg: #f6f6f6;
  --color-text: #222;
  --color-dark: #222;
  --color-overlay: rgb(0 0 0 / 20%);

  /* transitions */
  --transition: 0.175s ease-out;

  /* Margin on the right and left of the main content sections (change 0 to 1 to match template distances)*/
  --content-margin: calc(0 * var(--gap-m));
  --slider-text-width: 800px;

  /* Theme defined variables from PHP */
  --content-width: initial;
  --sidebar-width: initial;
  /* END Theme defined variables from PHP */
}

/* ===== END CSS Variables ===== */

/*======================================================================//
// style.css                                                            //
//======================================================================*/

/* GLOBAL STYLES */

.stom-button.btn-light a {
  background-color: var(--color-3);
  padding: 10px 50px !important;
  border: 1px solid var(--color-3);
  font-weight: 600;
}
.stom-button.btn-light a:hover,
.stom-button.btn-light a:active,
.stom-button.btn-light a:focus {
  background-color: var(--color-4);
  border: 1px solid var(--color-4);
}

.stom-button a {
  padding: 10px 60px;
  text-transform: uppercase;
  font-size: calc(var(--p) - 2px);
  font-weight: 600;
}
.stom-button a span {
  margin-left: 10px;
  transition: var(--transition);
}
.stom-button a:hover span {
  margin-left: 15px;
}
h2 {
  font-weight: 500;
}
.blue-text {
  color: var(--color-1);
  font-weight: 500;
  font-size: calc(var(--p) - 2px);
}
.buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--gap-s) + 5px);
}

.stom-button.btn-white a {
  background-color: white;
  border: 1px solid white;
  color: var(--color-1);
}
.stom-button.btn-white a:hover,
.stom-button.btn-white a:active,
.stom-button.btn-white a:focus {
  background-color: var(--color-3);
  border: 1px solid var(--color-3);
  color: white;
}
/* menupunkter venstrestillet */
header .main-navigation ul.menu a {
    justify-content: space-between;
}
header .main-navigation ul.menu#primary-menu .sub-menu a {
    background-color: var(--color-bg);
    justify-content: space-between;
    width: 300px;
}
/* END GLOBAL STYLES */

/* HEADER STYLES */
.aabsningstider-wrapper.stom-cols-elm.stom-cols-12.clear {
  display: flex;
  color: white;
  align-items: center;
}
.aabsningstider-wrapper.stom-cols-elm.stom-cols-12.clear span {
  margin-right: 10px;
}
.aabsningstider-wrapper.stom-cols-elm.stom-cols-12.clear p {
  position: relative;
}
.aabsningstider-wrapper.stom-cols-elm.stom-cols-12.clear p:not(:last-of-type) {
  margin-right: calc(var(--gap-s) + 5px);
}
.aabsningstider-wrapper.stom-cols-elm.stom-cols-12.clear
  p:not(:last-of-type)::before {
  position: absolute;
  right: -15px;
  content: "";
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  width: 4px;
  height: 4px;
  border-radius: 25rem;
}

header .top-bar .top-bar-right {
  color: white;
}
header .top-bar .top-bar-right span.stom-custom-svg {
  margin-right: 10px;
}
header .top-bar .top-bar-right a strong {
  margin-right: 3px;
}
header .top-bar .top-bar-right a {
  font-weight: 400;
}
header .top-bar-right p a + a {
  margin-left: calc(var(--gap-m) - 10px);
}

header.site-header .section-wrap .section,
.header-sticky-active.scrolled .style-header-02 .section-wrap .section {
  padding: 10px 0;
}

.style-header-02 .site-branding #logo {
  padding: calc(var(--gap-s) + 10px) 0;
}
.header-sticky-active.scrolled header .site-branding #logo {
  padding: calc(var(--gap-s) + 5px) 0;
}
.header-sticky-active.scrolled header .site-branding #logo img.logo-landscape {
  max-height: 65px;
}
header .main-navigation ul.menu a {
  font-size: 15px;
}

#masthead .stom-button {
  max-height: fit-content;
  margin-block: auto;
}
#masthead .stom-button a {
  font-weight: 700;
  text-transform: capitalize;
}
#masthead .stom-button a::before {
  display: none;
}

/* END HEADER STYLES */

/* PAGE SLIDER STYLES */
.page-slider-section .slider-text-inner .slider-text-inner-wrapper p {
  font-weight: 600;
  margin-bottom: var(--gap-s);
}
body:not(.home)
  .page-slider-section.image-pos-center-center
  .image-aligner
  img {
  max-height: 450px;
}
/* END PAGE SLIDER STYLES */

/* SECTION STYLES */
main section img {
  border-radius: 16px;
}
section.section-wrap.no-margin-top {
  margin-top: 0;
}
section.section-wrap.box-services-section
  .section
  .grid-elements
  .grid-element
  h3,
section.section-wrap.box-services-section
  .section
  .grid-elements
  .grid-element
  p {
  margin-bottom: 10px;
}
section.section-wrap.box-services-section
  .section
  .grid-elements
  .grid-element
  img {
  transition: var(--transition);
}
section.section-wrap.box-services-section
  .section
  .grid-elements
  .grid-element:hover
  img {
  transform: scale(1.025);
}
section.section-wrap.box-services-section
  .section
  .grid-elements
  .grid-element:hover
  .overlay
  .stom-button
  a
  span {
  margin-left: 15px;
}
section.section-wrap.box-services-section
  .section
  .grid-elements
  .grid-element
  .overlay {
  position: relative;
  z-index: 4;
}

section.section-wrap.bg-light-green {
  background-color: rgba(45, 166, 166, 0.11) !important;
}
section.stom-billede-sektion.has-background {
  padding-block: var(--gap-xl);
}
.stom-billede-sektion .stom-cols-6 {
  padding-block: calc(var(--gap-xl) - 10px);
}

section.section-wrap.basis-anmeldelser-section {
  padding-block: var(--gap-xl);
  margin-inline: 0;
  padding-inline: var(--gap-m);
}

section.section-wrap.basis-anmeldelser-section .section p:first-of-type {
  margin-bottom: 5px;
}

section.section-wrap.justify-start
  .section
  .grid-elements
  .grid-element
  .overlay {
  justify-content: flex-start;
}
section.section-wrap.margin-bottom {
  margin-bottom: var(--gap-l);
}
section.section-wrap.pblock-xl {
  padding-block: var(--gap-xl);
}

body:not(.home) main article p:has(strong) {
  margin-bottom: 10px;
}
.section-wrap.has-background{
  background-size: cover;
}
/* END SECTION STYLES */

/* EXTRA ELEMENTS AND MODULES */
table,
table tbody,
table tbody tr,
table tbody tr td {
  border: 0;
}
table tbody tr td {
  padding-block: 5px;
}

body:not(.stom-gform-legacy) .gform_wrapper input,
body:not(.stom-gform-legacy) .gform_wrapper .ginput_container input,
body:not(.stom-gform-legacy) .gform_wrapper .ginput_container select,
body:not(.stom-gform-legacy) .gform_wrapper .ginput_container textarea {
  font-size: var(--p);
}

/* PRICE STYLING */
body.page-id-801 main article table {
  max-width: 600px;
}

body.page-id-801 main article .item-container {
  max-width: 600px;
}
.item-container {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.item-container:not(.black-dots) {
  color: white;
}
.dotted-line {
  flex-grow: 1;
  border-bottom: 1px dotted white;
  margin: 0 10px;
  height: 0;
}
.black-dots .dotted-line {
  border-bottom: 1px dotted black;
}

/* END PRICE STYLING */

/* END EXTRA ELEMENTS AND MODULES */

aside
  .footer-aabningstider
  .aabsningstider-wrapper.stom-cols-elm.stom-cols-12.clear {
  color: var(--color-text);
}

/* FOOTER STYLES */
.footer-aabningstider .aabsningstider-wrapper.stom-cols-elm.stom-cols-12.clear {
  display: flex;
  color: white;
  flex-direction: column;
  align-items: flex-start;
}
.footer-aabningstider
  .aabsningstider-wrapper.stom-cols-elm.stom-cols-12.clear
  p {
  margin-bottom: 5px;
}
.footer-aabningstider
  .aabsningstider-wrapper.stom-cols-elm.stom-cols-12.clear
  p
  strong {
  font-weight: 400;
}
.footer-aabningstider
  .aabsningstider-wrapper.stom-cols-elm.stom-cols-12.clear
  .stom-custom-svg,
.aabsningstider-wrapper.stom-cols-elm.stom-cols-12.clear
  p:not(:last-of-type)::before {
  display: none;
}
.footer-aabningstider
  .aabsningstider-wrapper.stom-cols-elm.stom-cols-12.clear
  p:not(:last-of-type) {
  margin-right: unset;
}

#colophon .socials-wrapper a {
  color: white;
  font-size: 20px;
}

#colophon .copyright {
  font-weight: 400;
}
#number-three-sticky-mobile-cta .cta-container .stom-button:not(:last-child) a {
  border-right: 1px solid white;
}
#number-three-sticky-mobile-cta .cta-container .stom-button a {
  font-size: var(--p);
  background-color: var(--color-1);
  color: white;
}
#number-three-sticky-mobile-cta .cta-container .stom-button a .stom-custom-svg {
  color: white;
}
/* END FOOTER STYLES */

section.section-wrap.normal-padding-block-text .section .stom-cols-6 {
  padding-block: 0;
}
/*======================================================================//
// END style.css                                                        //
//======================================================================*/

/*======================================================================//
// woocommerce.css                                                      //
//======================================================================*/

/* woocommerce style goes here */

/*======================================================================//
// END woocommerce.css                                                  //
//======================================================================*/