/*
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: 100px;
  --h2: 50px;
  --h3: 32px;
  --h4: 22px;
  --h5: 16px;
  --h6: 14px;
  --p: 17px;

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

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

  /* colors */
  --color-1: #00263d;
  --color-2: #043a5c;
  --color-3: #feffff;
  --color-4: #c0b6aa;
  --color-bg: #f6f6f6;
  --color-text: #222222;
  --color-dark: #222;
  --color-overlay: rgb(0 0 0 / 0%);

  /* 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 */
h1 {
  font-weight: 500;
  line-height: 110%;
}

.stom-button a {
  font-family: var(--h-fam);
  text-transform: uppercase;
  padding: 12px 58px;
  font-weight: 500;
}
.stom-button.read-more a {
  background-color: transparent;
  border: 0;
  padding-left: 0;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
}

.stom-button.read-more a span {
  margin-left: 10px;
  transition: margin-left 0.3s ease-in-out;
}
.stom-button.read-more a:hover span {
  margin-left: 15px;
}

.small-title {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: calc(var(--p) - 1px);
}
body:not(.home) h1 {
  font-size: calc(var(--h2) + 10px);
}

/* zoom */
.zoom p {
  overflow: hidden;
}
.zoom.grid-element {
  transition: transform 0.5s ease;
}
.zoom.grid-element:hover {
  transform: scale(1.05);
}
/* END GLOBAL STYLES */

/* HEADER STYLES */
body.home header#masthead {
  background-color: transparent;
}
body.home div#page.scrolled header#masthead {
  background-color: #fff;
}
body:not(.home) .site-branding #logo,
body:not(.home) .header-sticky-active.scrolled header .site-branding #logo {
  padding-block: 0;
}
body.home .header-placeholder {
  display: none !important;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout)
  .header-sticky-active.scrolled
  #masthead {
  box-shadow: none;
}
header .main-navigation ul.menu a {
  font-family: var(--h-fam);
  font-weight: 500;
  color: var(--color-dark);
  text-transform: uppercase;
}
header .main-navigation ul.menu a:hover {
  color: var(--color-1);
}
.hover-active:not(.hover-style-bold) ul.menu a:before {
  height: 2px;
  transform: translate(-50%, -40%);
  left: 50%;
  bottom: 40%;
}
.site-branding #logo {
  padding: 15px 0;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-placeholder {
  height: 120px;
}
.site-branding #logo img,
.site-branding #logo svg,
.header-sticky-active.scrolled
  header
  .site-branding
  #logo
  img:not(.logo-landscape),
.header-sticky-active.scrolled header .site-branding #logo svg {
  max-width: 150px;
  max-height: 120px;
}

/* END HEADER STYLES */

/* PAGE SLIDER & TOP SPLIT STYLES */
body main#main-content.site-main section.section-wrap.split-top-section {
  margin-top: 0;
}
section.section-wrap.split-top-section .section {
  padding-block: calc(var(--gap-l) * 2);
}
section.section-wrap.split-top-section .section h1 {
  max-width: 100%;
  width: 700px;
}
section.section-wrap.split-top-section .section .stom-picture {
  left: var(--gap-l) !important;
  width: calc(45% - var(--gap-l));
}
body:not(.home)
  .page-slider-section
  .slider-text-inner
  .slider-text-inner-wrapper {
  max-width: 100%;
}
body:not(.home) .page-slider-section .slider-text-inner {
  display: flex;
  justify-content: center;
}
body:not(.home) .page-slider-section .slider-text-inner .white-text {
  text-align: center;
}
body:not(.home) .page-slider-section .slider-text-inner .white-text h1 {
  max-width: 565px;
  line-height: 122%;
  margin-bottom: var(--gap-s);
}
/* END PAGE SLIDER & TOP SPLIT STYLES */

/* SECTION STYLES */
section.section-wrap .section .grid-elements .grid-element.beige-bg {
  background-color: #c0b6aa;
  padding: var(--gap-s);
}
section.section-wrap .section .grid-elements .grid-element.beige-bg img {
  width: 100%;
}

section.section-wrap.box-services-section .section p {
  max-width: 820px;
}
section.section-wrap.box-services-section .section h3 {
  margin-bottom: 5px;
}
section.section-wrap.box-services-section .section .stom-button.read-more a {
  padding-block: 0;
}
section.section-wrap.fullwidth-right {
  margin-top: calc(var(--gap-l) + var(--gap-m));
}

section.section-wrap.fullwidth-right .section .stom-picture {
  top: calc(var(--gap-l) + var(--gap-m));
  bottom: calc(var(--gap-l) + var(--gap-m));
  right: var(--gap-l) !important;
  width: calc(45% - var(--gap-l));
}
section.section-wrap.fullwidth-right .section .stom-cols-6 {
  padding-right: 0;
}
/* END SECTION STYLES */
body:not(.home) #colophon.footer-setting-02 {
  margin-top: calc(var(--gap-l) + var(--gap-m));
}
#colophon.footer-setting-02 {
  margin-top: 0;
}
footer#colophon {
  background-color: var(--color-4) !important;
}
.footer-setting-02 .footer-widget-area .section,
#colophon .footer-widget-area-site-info .section {
  max-width: 1560px;
}
#colophon .widget-title {
  color: var(--color-text);
  font-family: var(--h-fam);
  font-size: calc(var(--h4) + 1px);
}
.footer-setting-02 .footer-widget-area .section {
  padding-top: calc(var(--gap-l) + var(--gap-m));
  padding-bottom: var(--gap-m);
}
#colophon .textwidget {
  color: var(--color-text);
}
#colophon .copyright .textwidget {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-text);
}
.footer-setting-02 .footer-widget-area-site-info .section {
  border-top: 1px solid var(--color-text);
}

#number-three-sticky-mobile-cta .cta-container .stom-button a {
  flex-direction: row;
  justify-content: center;
  gap: 10px;
}
#number-three-sticky-mobile-cta .cta-container .stom-button:not(:last-child) a {
  border-right: 1px solid var(--color-1);
}
.section-wrap.footer-widget-area.stom-grid-section .section .grid-elements {
  grid-template-columns: 1fr 1fr 2fr 1fr;
}

body:not(.stom-gform-legacy) .footer-setting-02 .gform_wrapper .gform_body {
  padding-top: 5px;
}
#field_1_7 {
  width: 70%;
}
body:not(.stom-gform-legacy)
  .footer-setting-02
  .gform_wrapper
  .gform_footer.top_label {
  justify-content: end;
}
.footer-setting-02 .footer-widget-area-site-info {
  border-top: 1px solid black;
}
.footer-setting-02 .footer-widget-area-site-info .section {
  border-top: none;
}
.section-wrap.footer-widget-area.stom-grid-section
  .section
  .grid-elements
  .grid-element:last-of-type {
  justify-content: end;
  align-items: center;
}

/* undersider */
.section-wrap.clear.underside-max-width.stom-lazyload-excluded .section {
  max-width: 850px;
}
.grid-element.contact-info .overlay span.display-block {
  display: block;
}
.grid-element.contact-info .overlay span.display-block.mb-normal {
  margin-bottom: 0;
}

section.section-wrap.box-employees-section
  .section
  .grid-elements
  .grid-element
  .overlay
  h3,
section.section-wrap.box-employees-section
  .section
  .grid-elements
  .grid-element
  .overlay
  strong {
  color: var(--color-2);
}
section.section-wrap.box-employees-section
  .section
  .grid-elements
  .grid-element
  .overlay
  .stom-custom-svg {
  margin-right: calc(var(--gap-s) / 2);
}

section.section-wrap.box-contact-info-section
  .section
  .grid-elements
  .grid-element
  .overlay {
  justify-content: flex-start;
}
section.section-wrap.box-contact-info-section .section .grid-elements {
  gap: 0;
}
section.section-wrap.box-contact-info-section
  .section
  .grid-elements
  .grid-element {
  background-color: #d4c6b4;
  padding: var(--gap-m);
}
section.section-wrap.box-contact-info-section
  .section
  .grid-elements
  .grid-element:last-of-type {
  border: 1px solid var(--color-1);
}
section.section-wrap.box-contact-info-section
  .section
  .grid-elements
  .grid-element:not(:last-of-type) {
  border-left: 1px solid var(--color-1);
  border-top: 1px solid var(--color-1);
}
section.section-wrap.box-contact-info-section
  .section
  .grid-elements
  .grid-element:nth-of-type(2) {
  border-right: 1px solid var(--color-1);
}
section.section-wrap.box-contact-info-section
  .section
  .grid-elements
  .grid-element:nth-of-type(2) {
  border-right: 1px solid var(--color-1);
}
section.section-wrap.box-contact-info-section
  .section
  .grid-elements
  .grid-element
  .overlay
  h3,
section.section-wrap.box-contact-info-section
  .section
  .grid-elements
  .grid-element
  .overlay
  h2 {
  margin-bottom: var(--gap-s);
}
button,
.stom-button a,
input[type="button"],
input[type="reset"],
input[type="submit"],
.gform_wrapper .gform_footer input[type="submit"] {
  width: 100%;
}
/*======================================================================//
// END style.css                                                        //
//======================================================================*/

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

/* woocommerce style goes here */

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