/*
Theme Name: Number Three - Child
Theme URI: https://standoutmedia.dk/
Author: Standoutmedia A/S
Author URI: https://standoutmedia.dk/
Description: Et helt specielt Standoutmedia Tema
Template: number-three
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
Setup for sites made by (Martin Dammand)
*/

/*======================================================================//
// CSS variables                                                        //
//======================================================================*/

/* 
fonts used:

 font-family: proxima-nova, sans-serif;


*/:root {
--primary-color: #1a1a1a;
--secondary-color: #1a1a1a;
--primary-button-color: #ab2b3c;
--secondary-button-color: #1a1a1a;
--primary-text-color: #fff;
--secondary-text-color: #adadad;
--star-green: #04DA8D;
--tertiary-text-color: #fff;
--primary-site-width: 1720px;
--secondary-site-width: 1220px;
--primary-padding: 100px;
--secondary-padding: 50px;
--primary-button-text-size: 16px;
--primary-text-size: 16px;
--primary-button-font-weight: 400;
--primary-text-font-weight: 300;
--primary-text-font-bold: 700;
--primary-menu-font-weight: 400;
--primary-transition-style: all 0.25s;
--primary-svg-after-icons: url('images/primary-svg-icon.png');
--secondary-svg-after-icons: url('images/secondary-svg-icon.png');
--tertiary-svg-after-icons: url('images/tertiary-svg-icon.png');
--standard-text-line-height: 1.2;
--headline-text-line-height: 1;
}

* {
    scroll-behavior: smooth !important;
}

/*======================================================================//
// END CSS variables                                                    //
//======================================================================*/

/*======================================================================//
// Fonts                                                                //
//======================================================================*/

body .car-search .search-dropdown select {
    color: var(--primary-color);
}


h1 {
    font-weight: 900;
    color: #fff;
}

.home h3 {
    font-size: 40px;
}

h1, h2, h3 {
    text-transform: uppercase;
}

h1, h2, h3, h4, h5 {
    line-height: var(--headline-text-line-height);
}

h1 > strong, h2 > strong, h3 > strong, h4 > strong, h5 > strong {
    font-weight: var(--primary-text-font-bold);
}

p {
    color: var(--primary-text-color);
    line-height: var(--standard-text-line-height);
}

body strong {
    font-weight: var(--primary-text-font-bold);
}

.primary-site-width.section-wrap.section-fullpage .section {
    max-width: var(--primary-site-width);
}

.secondary-site-width.section-wrap.section-fullpage .section {
    max-width: var(--secondary-site-width);
}

.primary-site-width.section-wrap .section {
    max-width: var(--primary-site-width);
}

.secondary-site-width.section-wrap .section {
    max-width: var(--secondary-site-width);
}

.standard-font-size > h1, .standard-font-size > h2, .standard-font-size > h3, .standard-font-size > h4, .standard-font-size > h5, .standard-font-size > h6, .standard-font-size .section > h1, .standard-font-size .section > h2, .standard-font-size .section > h3, .standard-font-size .section > h4, .standard-font-size .section > h5, .standard-font-size .section > h6 {
    font-size: var(--primary-text-size);
}

.standard-font-weight > h1, .standard-font-weight > h2, .standard-font-weight > h3, .standard-font-weight > h4, .standard-font-weight > h5, .standard-font-weight > h6, .standard-font-weight .section > h1, .standard-font-weight .section > h2, .standard-font-weight .section > h3, .standard-font-weight .section > h4, .standard-font-weight .section > h5, .standard-font-weight .section > h6 {
    font-weight: var(--primary-text-font-weight);
}

.primary-bold > h1, .primary-bold > h2, .primary-bold > h3, .primary-bold > h4, .primary-bold > h5, .primary-bold > h6, .primary-bold .section > h1, .primary-bold .section > h2, .primary-bold .section > h3, .primary-bold .section > h4, .primary-bold .section > h5, .primary-bold .section > h6 {
    font-weight: var(--primary-text-font-bold);
}

.primary-color-background .section {
    background-color: var(--primary-color);
}

.secondary-button-color-background .section {
    background-color: var(--secondary-button-color);
}

.primary-text-color > h1, .primary-text-color > h2, .primary-text-color > h3, .primary-text-color > h4, .primary-text-color > h5, .primary-text-color > h6, .primary-text-color .section > h1, .primary-text-color .section > h2, .primary-text-color .section > h3, .primary-text-color .section > h4, .primary-text-color .section > h5, .primary-text-color .section > h6 {
    color: var(--primary-text-color);
}

.secondary-text-color > h1, .secondary-text-color > h2, .secondary-text-color > h3, .secondary-text-color > h4, .secondary-text-color > h5, .secondary-text-color > h6, .secondary-text-color .section > h1, .secondary-text-color .section > h2, .secondary-text-color .section > h3, .secondary-text-color .section > h4, .secondary-text-color .section > h5, .secondary-text-color .section > h6 {
    color: var(--secondary-text-color);
}

.tertiary-text-color > h1, .tertiary-text-color > h2, .tertiary-text-color > h3, .tertiary-text-color > h4, .tertiary-text-color > h5, .tertiary-text-color > h6, .tertiary-text-color .section > h1, .tertiary-text-color .section > h2, .tertiary-text-color .section > h3, .tertiary-text-color .section > h4, .tertiary-text-color .section > h5, .tertiary-text-color .section > h6 {
    color: var(--tertiary-text-color);
}

.text-center > h1, .text-center > h2, .text-center > h3, .text-center > h4, .text-center > h5, .text-center > h6, .text-center .section > h1, .text-center .section > h2, .text-center .section > h3, .text-center .section > h4, .text-center .section > h5, .text-center .section > h6 {
    text-align: center;
}

/*======================================================================//
// END Fonts                                                            //
//======================================================================*/

/*======================================================================//
// Standard changes                                                     //
//======================================================================*/

img {
	height: auto;
}

.auws-cta-area-body.svelte-tcx2fm {
    justify-content: flex-start!important;
    width: 100%!important;;
    max-width: 530px!important;;
}

.auws-cta-area-body.svelte-tcx2fm .auws-cta-area-button {
    max-width: 49%!important;
}

details > summary {
    list-style: none;
  }
  details > summary::-webkit-details-marker {
    display: none;
  }

  #scbdkdealerexternalcalc.calculator {
    margin-top: 10px;
    width: 100%!important;
    max-width: 530px!important;
}

.santander_footer, .santander_brand {
    margin: auto!important;
}

summary {
    padding: 18.5px;
    width: min-content;
    white-space: nowrap;
    background-color: #ab2b3c;
    border-radius: 5px;
    cursor: pointer;
    width: 49%;
    box-sizing: border-box;
    text-align: center;
}

details {
    width: 100%;
    max-width: 530px;
}

.section-wrap.section-fullpage .section {
    max-width: var(--primary-site-width);
}

#content, .section-wrap .section, footer.site-footer .site-info {
    max-width: var(--primary-site-width);
    margin: 0 auto;
    padding: var(--primary-padding) 0;
}

.header-wrapper {
    max-width: 100%;
}

#page {
    overflow: hidden;
}

/* Så vi kan overwrite colums sizeing  */
.stom-grid-section .section.columns-2 .grid-element.indgangsvinkler-full-width {
    width: 100% !important;
}

.stom-grid-section .section.columns-2 .grid-element {
    width: calc((100% - (50px * 1)) / 2);
}

.stom-grid-section .section.columns-3 .grid-element {
    width: calc((100% - (50px * 2)) / 3);
}

.stom-grid-section .section.columns-4 .grid-element {
    width: calc((100% - (25px * 2)) / 4);
}

.stom-grid-section .section.columns-5 .grid-element {
    width: calc((100% - (25px * 2)) / 5);
}

.stom-grid-section .section.columns-6 .grid-element {
    width: calc((100% - (25px * 2)) / 6);
}

.stribes-right-top:after {
    content: url('images/slider-overlay-icons-right.png');
    position: absolute;
    top: 0;
    right: -30px;
    z-index: 1;
}

.stribes-left-bottom:before {
    content: url('images/slider-overlay-icons-left.png');
    position: absolute;
    bottom: 0;
    left: -30px;
    z-index: 1;
}

.stribes-right-bottom:after {
    content: url('images/slider-overlay-icons-right.png');
    position: absolute;
    bottom: 0;
    right: -30px;
    z-index: 1;
}

.stribes-left-top:before {
    content: url('images/slider-overlay-icons-left.png');
    position: absolute;
    top: 0;
    left: -30px;
    z-index: 1;
}

body .section-wrap {
    position: relative;
    background-size: cover;
}

body {
    color: var(--primary-text-color);
    background-color: #1a1a1a
}

/*======================================================================//
// END Standard changes                                                 //
//======================================================================*/

/*======================================================================//
// Buttons                                                              //
//======================================================================*/

.primary-button a, .secondary-button a {
    font-size: var(--primary-button-text-size);
    font-weight: var(--primary-button-font-weight);
    transition: var(--primary-transition-style);
    padding: 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    min-width: 220px;
    border: 0px solid var(--primary-button-color);
}

.primary-button a {
    background-color: var(--primary-button-color);
    color: var(--primary-text-color);
}

.secondary-button a {
    background-color: #fff;
    color: var(--primary-button-color);
}

.primary-button a:hover {
    background-color: #fff;
    color: var(--primary-button-color);
}

.secondary-button a:hover {
    background-color: var(--primary-button-color);
    color: #fff;
    border: 0px
}

.text-button a {
    font-size: 35px;
    text-decoration: none;
    font-weight: var(--primary-text-font-bold);
    color: var(--secondary-text-color);
    transition: var(--primary-transition-style);
}

.text-button a:after {
    padding-left: 20px;
    transition: var(--ta);
    content: var(--primary-svg-after-icons);
}

.text-button a:hover:after {
    content: var(--secondary-svg-after-icons);
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    line-height: 1.5em;
}

/*======================================================================//
// END Buttons                                                          //
//======================================================================*/

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

/*======================================================================//
// Header                                                               //
//======================================================================*/

body.burger-menu #site-navigation .menu-toggle {
    color: #fff;
}

header .top-bar {
    background-color: #111;
}

header .book-nav a {
	background-color: var(--primary-button-color);
    color: var(--primary-text-color) !important;
	font-size: 14px;
    font-weight: var(--primary-button-font-weight);
    transition: var(--primary-transition-style);
    padding: 10px 20px 10px !important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
	height: 50px;
	align-self: center;
 
    border: 0 solid var(--primary-button-color);
}
header .book-nav a:hover {
background-color: #fff;
    color: var(--primary-button-color) !important;	
}

body.burger-menu header #site-navigation ul.menu li.book-nav a {
		color:white !important;
	justify-content: center;
	max-width:200px;
	margin: 0 auto;
	}
header .hover-active:not(.hover-style-bold) ul.menu .book-nav a:before {
	height: 0px;
}

header#masthead {
    background-color: var(--secondary-color);
}

header .header-wrapper, header .section-wrap.top-bar > .section {
    max-width: var(--secondary-site-width);
}

header .top-bar .section {
    border-bottom: none;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .section-wrap .section {
    font-size: 14px;
    padding: 5px 0;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled #masthead {
    box-shadow: unset;
}

header .top-bar .top-bar-right p, header .top-bar .top-bar-right span {
    display: inline-block;
    font-weight: var(--primary-text-font-weight);
    font-size: 14px;
    color: var(--secondary-text-color);
}

header .top-bar .top-bar-right p a, header .top-bar .top-bar-right span a {
    font-weight: var(--primary-text-font-weight);
    font-size: 14px;
    color: var(--primary-text-color);
    margin-left: 0;
}

header .top-bar .top-bar-right p .stom-custom-svg, header .top-bar .top-bar-right span .stom-custom-svg {
    padding-right: 5px;
    padding-left: 15px;
}

header .hover-active:not(.hover-style-bold) ul.menu a:before {
    height: 4px;
    background-color: var(--primary-button-color);
}

/* logo style */
body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .site-branding #logo img {
    max-width: unset;
    max-height: unset;
}

.header-sticky-active header .site-branding #logo img {
    transition: height, max-height;
    filter: invert(1);
}

body .site-branding #logo img {
    width: auto;
    height: auto;
    max-width: unset;
    max-height: unset;
}

header#masthead .top-bar .top-bar-right span {
    margin: 0 20px;
    position: relative;
}

header#masthead .top-bar .top-bar-right span:after {
    content: "|";
    position: absolute;
    right: -20px;
    top: 0;
}

header#masthead .top-bar .top-bar-right span:first-of-type:after,
header#masthead .top-bar .top-bar-right span:last-of-type:after {
    content: none;
}

header#masthead .top-bar .top-bar-right span:last-of-type {
    margin: 0 0 0 20px;
}

/* logo end */

/*======================================================================//
// END Header                                                           //
//======================================================================*/

/*======================================================================//
// Menu                                                                 //
//======================================================================*/
header .main-navigation li {
    padding-left: 50px;
}

header .main-navigation li:first-of-type {
    padding-left: 0;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.burger-menu) .header-sticky-active.scrolled header #primary-menu>li>a {
    padding: 0;
}

header .main-navigation a {
    color: var(--primary-text-color);
    font-weight: var(--primary-menu-font-weight);
    padding: 0;
}

/*======================================================================//
// END Menu                                                             //
//======================================================================*/

/*======================================================================//
// Slider                                                               //
//======================================================================*/
body.home .page-slider-section .slide-element .element-spacer, body.home .page-slider-section .slide-element .video-aligner {
    padding-top: unset !important;
}
body.home .page-slider-section .slide-element video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
body.home .main-slider-section .slide-element {
    min-height: calc(100vh - var(--stom-header-height) - 40px);
}
.page-slider-section {
    margin-bottom: 0;
}

/* hvis slider har overlay */

/*.page-slider-section .slide-element .element-spacer {
    z-index: 1;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.35);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}*/

/* slider height ikke på forsiden */

/*body:not(.home) .page-slider-section .slides.slick-initialized .slide-element {
    height: 550px;
    min-height: 550px;
    max-height: 550px;
}*/

/*.page-slider-section .slider-text .slider-text-inner p {
    font-size: 22px;
    font-weight: var(--primary-text-font-weight);
}*/

/* slider ikke forside text stå i midten af slideren */

/*body:not(.home) .page-slider-section .slider-text-inner {
    position: absolute;
    width: var(--secondary-site-width);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}*/

/* slider end */

/*======================================================================//
// END Slider                                                           //
//======================================================================*/

/*======================================================================//
// Andre elementer                                                      //
//======================================================================*/

/* banner-2-farvet styles */

.section-wrap.banner-2-farvet .section {
    padding: 0;
}

.section-wrap.banner-2-farvet  {
    background-color: #111;
}


.banner-2-farvet-text {
    padding: 32px 0;
    width: 70%;
    display: inline-block;
    padding-right: 50px;
}

.banner-2-farvet-buttons {
    display: inline-block;
    width: 29.4%;
}
.secondary-site-width .banner-2-farvet-buttons {
    padding: 32px 0;
        float: right;
    
}
.primary-site-width.banner-2-farvet .banner-2-farvet-buttons {
    text-align: right;
}

.primary-site-width.banner-2-farvet .banner-2-farvet-buttons span {
    display: block;
    margin-bottom: 20px;
}
.secondary-site-width.banner-2-farvet .banner-2-farvet-buttons span a {
        padding: 10px 10px 9px;
}
.secondary-site-width.banner-2-farvet .banner-2-farvet-buttons span {
    padding-left: 70px;
    display: block;
    margin-bottom: 20px;
}

.banner-2-farvet .banner-2-farvet-buttons span:last-of-type {
    margin-bottom: 0;
}
.secondary-site-width.banner-2-farvet-buttons {
    text-align: right;
}

.banner-2-farvet .section {
    font-size: 20px;
}

/* banner-2-farvet end */

/* slider-fabrikanter style */

.slider-fabrikanter-sektion .section {
    padding-bottom: 10px;
}

.slider-fabrikanter {
}

.page-slider-section.slider-fabrikanter .slider-inner {
    max-width: var(--secondary-site-width);
    width: 100%;
    margin: auto;
}

.page-slider-section.slider-fabrikanter .slide-element {
    max-height: unset;
    min-height: unset;
    height: 240px;
}

.page-slider-section.slider-fabrikanter .slider-inner .slick-slider .slick-list {
    height: auto !important;
}

.page-slider-section.slider-fabrikanter .slide-element img {
    height: auto;
}

.page-slider-section.slider-fabrikanter .slide-element .image-aligner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: unset;
    overflow: hidden;
}

.page-slider-section.slider-fabrikanter .slider-inner .slick-slider .slick-arrow {
    background-color: var(--primary-color);
    border-radius: 0;
    color: var(--primary-text-color);
}

body .page-slider-section.slider-fabrikanter {
    margin-top: 0;
}

/* slider-fabrikanter end */

/* Banner style */

.banner-text .section {
    background-color: var(--primary-color);
    text-align: center;
    margin: 50px auto 100px;
}

.banner-text .section p {
    margin: auto;
    margin-bottom: 44px;
    max-width: 540px;
}

/* Banner end */

/* forside-skriv-til-os-contact style */

.forside-skriv-til-os.footer-skriv-til-os .forside-skriv-til-os-contact {
    border: 1px solid var(--primary-color);
    margin: auto;
    border-radius: 2px;
}

.forside-skriv-til-os.footer-skriv-til-os {
    margin-top: 0;
}

/* footer style for forside-skriv-til-os */
.forside-skriv-til-os {
    margin: var(--primary-padding) 0;
}

.forside-skriv-til-os-contact {
    background-color: #ffffff;
    color: var(--primary-text-color);
    padding: var(--secondary-padding);
    padding-bottom: calc(var(--secondary-padding) + 30px);
    width: 50%;
    position: relative;
}

/* .gform_wrapper.gravity-theme .gform_body .gform_fields {
    display: inline-block;
    -ms-grid-columns: unset;
    grid-template-columns: unset;
    grid-template-rows: unset;
    grid-column-gap: unset;
    grid-row-gap: unset;
} */

.gform_wrapper.gravity-theme .gform_body .gfield#field_2_5 {
    position: absolute;
    right: 0;
    float: unset;
    text-align: right;
}

.gform_wrapper.gravity-theme .gform_body .gfield.gfield--width-full {
    margin-bottom: 20px;
}

.gform_wrapper.gravity-theme .gform_body .gfield.gfield--width-full:last-of-type, .gform_wrapper.gravity-theme .gform_body .gfield.gfield--width-full#field_2_6 {
    margin-bottom: 0;
}

.forside-skriv-til-os-contact  .gform_wrapper.gravity-theme .gform_body .gform_fields .ginput_container.ginput_container_textarea textarea {
    resize: none;
    height: 175px;
    width: calc(100% - 20px);
}

.forside-skriv-til-os-contact .gform_wrapper.gravity-theme .gform_footer {
    float: right;
    margin-top: 13px;
}

body:not(.stom-gform-legacy) .forside-skriv-til-os-contact .gform_wrapper .gform_body {
    padding-top: 0;
}

.forside-skriv-til-os-contact p:last-of-type {
    margin-top: 9px;
    font-size: 12px;
    color: var(--tertiary-text-color);
}

.forside-skriv-til-os-contact h3 {
    margin-bottom: 5px;
}

.forside-skriv-til-os-contact p:first-of-type {
    margin-bottom: 20px;
}

/* forside-skriv-til-os-contact end */

/*======================================================================//
// END Andre elementer                                                  //
//======================================================================*/

/*======================================================================//
// Billed-indgangsvinkler                                               //
//======================================================================*/

.section-wrap.billed-indgangsvinkler .section h2 {
    margin-bottom: 47px;
}

.section-wrap.billed-indgangsvinkler .grid-elements .grid-element {
    background-image: none !important;
    margin-bottom: 50px;
    display: flex;
    position: relative;
}

.billed-indgangsvinkler .grid-element img {
    visibility: visible !important;
    object-fit: cover;
    object-position: top;
    max-width: initial;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
}

.stom-grid-section.billed-indgangsvinkler .section .grid-element .overlay {
    height: 100%;
    color: var(--secondary-text-color);
    padding: var(--secondary-padding);
    background-image: linear-gradient(219deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%)
}

.stom-grid-section .section .grid-element .overlay .text-button {
    position: absolute;
    bottom: var(--secondary-padding);
}


.section-wrap.billed-indgangsvinkler .grid-elements .grid-element:hover .text-button a:after {
    content: var(--secondary-svg-after-icons);
}

/*======================================================================//
// END Billed-indgangsvinkler                                           //
//======================================================================*/

/*======================================================================//
// Stom-billede-sektion                                                 //
//======================================================================*/

.section-wrap.stom-billede-sektion.fullscreen-billed-sektion {
    width: 100%;
    max-width: 100%;
}

.section-wrap.stom-billede-sektion {
    max-width: var(--primary-site-width);
    position: relative;
    margin: var(--secondary-padding) auto;
}

.section-wrap.stom-billede-sektion .section {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 100%;
}

.section-wrap.stom-billede-sektion.picture-left .section {
    justify-content: flex-end;
}

.section-wrap.stom-billede-sektion .stom-cols-6 {
    padding: var(--primary-padding) var(--secondary-padding);
}

.section-wrap.stom-billede-sektion .stom-picture, .section-wrap.stom-billede-sektion .stom-cols-6 {
    display: flex;
    width: calc(100% / 2);
    height: 100% !important;
    margin: 0;
    color: var(--primary-text-color);
}

/*======================================================================//
// END Stom-billede-sektion                                             //
//======================================================================*/

/*======================================================================//
// Gravity form changes                                                 //
//======================================================================*/

.gform_wrapper.gravity-theme .gform_body .gform_fields input, .gform_body .gform_fields textarea {
    color: var(--primary-text-color);
    font-size: var(--primary-text-size);
    transition: var(--primary-transition-style);
    padding: 10px 10px 9px;
}

.gform_wrapper.gravity-theme .gform_body .gform_fields input:focus-visible, .gform_body .gform_fields textarea:focus-visible {
    padding-left: 14px;
}

.gform_wrapper.gravity-theme .gform_body .gform_fields .ginput_container.ginput_container_textarea textarea {
    resize: none;
}

.gform_wrapper.gravity-theme .gform_body .gform_fields input::placeholder, .gform_body .gform_fields textarea::placeholder {
    color: var(--tertiary-text-color);
}

.gform_wrapper.gravity-theme .gform_footer input.gform_button {
    font-size: var(--primary-button-text-size);
    font-weight: var(--primary-button-font-weight);
    transition: var(--primary-transition-style);
    padding: 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    min-width: 220px;
    border: 0px solid var(--primary-button-color);
    background-color: var(--primary-button-color);
    color: #fff;
}

.gform_wrapper.gravity-theme .gform_footer input.gform_button:hover {
    background-color: #fff;
    color: #000;
}

/*======================================================================//
// END Gravity form changes                                             //
//======================================================================*/

/*======================================================================//
// Footer                                                               //
//======================================================================*/

#colophon.site-footer {
    padding: 0;
    padding-bottom: 0;
    background-color: #111;
}

#colophon.site-footer .footer-widget-area,
#contact-page-form-footer {
    display: none;
}

#colophon .site-info {
    max-width: var(--secondary-site-width);
    padding-bottom: 0;
	padding-top: 90px;
}

#colophon .site-info .stom-cols-3 {
    width: 100%;
    float: none;
    margin: 0;
}

#colophon .site-info .stom-cols-9 {
    width: 100%;
    float: none;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
    line-height: 26px;
    font-size: 16px;
}

#colophon .site-info .stom-cols-9 p,
#colophon .site-info .stom-cols-9 ul li,
#colophon .open {
    line-height: 26px;
    font-weight: 300;
    color: var(--secondary-text-color);
}

#colophon .site-info .stom-cols-9 a {
    text-decoration: none;
    color: var(--secondary-text-color);
}

#colophon .site-info .stom-cols-9 a:hover {
    text-decoration: none;
    color: var(--primary-button-color);
}

#colophon .site-info .stom-cols-9 ul {
    list-style: none;
    padding-left: 0;
}

#colophon .site-info .stom-cols-9 > div > span {
    display: block;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
    letter-spacing: .9px;
    color: #fff;

}

#colophon .site-info .stom-cols-9 > div > span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--primary-button-color);
    width: 50px;
    height: 1px;
}

#colophon .open,
.contact-info-box .open {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#colophon .open span:nth-child(even) {
    text-align: right;
}

#colophon .site-info .stom-cols-9 img {
    margin-bottom: 50px;
}

#colophon .site-info .stom-cols-9 img:last-of-type {
    margin-bottom: none;
}

#colophon .socials-wrapper {
    display: flex;
    margin-left: -5px;
}

#colophon .socials-wrapper a {
    font-size: 25px;
}

#colophon .footer04 {
    display: flex;
    flex-direction: column;
}

#colophon .footer04 img {
    align-self: center;
}

/*======================================================================//
// END Footer                                                           //
//======================================================================*/

/*======================================================================//
// Car import                                                           //
//======================================================================*/

.sample-cars-wrap .car-grid {
    float: left;
    width: 22.3%;
    margin-right: 3.5%;
}

.sample-cars-wrap .car-grid .post-image-wrapper .post-show-price {
    background-color: rgba(239, 239, 239, 0.75);
    padding: 8px 20px 5px 17px;
    left: 0px;
    bottom: 0;
}

.sample-cars-wrap .car-grid .post-image-wrapper .post-show-price p {
    font-weight: var(--primary-text-font-bold);
    color: var(--primary-text-color);
    font-size: 23px;
}

.sample-cars-wrap .car-grid .post-content-wrapper {
    background-color: #111;
    padding: 20px;
}

.car-grid .post-content-wrapper {
    background-color: #111;
}

.sample-cars-wrap .car-grid .post-content-wrapper h3 {
    font-weight: var(--primary-text-font-bold);
    color: var(--primary-text-color);
    margin-top: -5px;
}

.sample-cars-wrap .car-grid .post-content-wrapper h4 {
    color: var(--primary-text-color);
    font-size: 18px;
}

.sample-cars-wrap .car-grid .post-content-wrapper .car-link {
    padding: 8px 20px 9px;
    display: block;
    background-color: #111;
    color: var(--primary-text-color);
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
    margin-top: 10px;
    transition: var(--primary-transition-style);
}

.sample-cars-wrap .car-grid .sample-car-overlay {
    bottom: unset;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    transition: var(--primary-transition-style);
}

.sample-cars-wrap .car-grid .post-image-wrapper:after {
    display: none;
}

.sample-cars-wrap .car-grid .sample-car-overlay .overlay-content h4 {
    color: var(--primary-text-color);
    font-weight: var(--primary-text-font-bold);
}

.sample-car-overlay .overlay-content {
    background-color: #000;
}

.primary-button.see-all-specs a {
    display: inline-block;
    margin-top: 10px;
}

.sample-cars-wrap .car-grid .post-content-wrapper .car-link:after, .car-grid .post-content-wrapper .car-link:after {
    content: var(--tertiary-svg-after-icons);
    padding-left: 7px;
    position: relative;
    top: 1px;
}

.sample-cars-wrap .car-grid .post-content-wrapper .car-link:hover, .car-grid .post-content-wrapper .car-link:hover {
    padding-left: 27px;
}

.car-search .car-grid .post-image-wrapper .post-show-price {
    background-color: rgb(45 45 45 / 75%);
}
/*======================================================================//
// END Car import                                                       //
//======================================================================*/

/*======================================================================//
// Forside Sælg                                                         //
//======================================================================*/

.section-wrap.section-fullpage.forside-saelg {
    padding-left: 0;
    padding-right: 0;
}

.section-wrap img.wp-image-9787 {
    filter: grayscale(1)
}

.section-wrap.section-fullpage.forside-saelg .section {
    max-width: initial;
    padding-bottom: var(--secondary-padding);
}

.forside-saelg .section {
    width: calc(var(--primary-site-width) + ((100% - var(--primary-site-width)) / 2));
    max-width: calc(var(--primary-site-width) + ((100% - var(--primary-site-width)) / 2));
    transform: translateX(calc((100% - var(--primary-site-width)) / 2));
    display: grid;
    grid-template-columns: minmax(0, 1040px) 1fr;
    grid-template-rows: 60px auto 30px;
}

.forside-saelg .section .salg-img {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    justify-self: end;
}

.forside-saelg .section .salg-img img {
    width: auto;
    height: auto;
    margin-left: 60px;
}

.forside-saelg .section .salg {
    grid-column: 1 / 2;
    grid-row: 2 / 4;
    background-color: #111;
    z-index: 10;
    padding: 45px 85px;
    color: #fff;
    box-shadow: -5px -5px 0 #272727;
}

.forside-saelg .gform_wrapper.gravity-theme .gform_body .gform_fields,
.forside-saelg .gform_wrapper.gravity-theme .gform_body {
    display: contents;
}

.forside-saelg .gform_wrapper.gravity-theme form {
    padding-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 45px 45px auto;
    column-gap: 18px;
    row-gap: 20px;
    grid-template-areas:
        "name reg msg"
        "contact km msg"
        "note note send";
}

.forside-saelg .gform_wrapper.gravity-theme .gform_body .gform_fields .fname {
    margin-bottom: 0;
    float: none;
    grid-area: name;
    width: 100%;
}

.forside-saelg .gform_wrapper.gravity-theme .gform_body .gform_fields .fcontact {
    margin-bottom: 0;
    float: none;
    grid-area: contact;
    width: 100%;
}

.forside-saelg .gform_wrapper.gravity-theme .gform_body .gform_fields .freg {
    margin-bottom: 0;
    float: none;
    grid-area: reg;
    width: 100%;
}

.forside-saelg .gform_wrapper.gravity-theme .gform_body .gform_fields .fkm {
    margin-bottom: 0;
    float: none;
    grid-area: km;
    width: 100%;
}

.forside-saelg .gform_wrapper.gravity-theme .gform_body .gform_fields .fnote {
    margin-bottom: 0;
    float: none;
    grid-area: note;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    color: #b5b5b5;
}

.forside-saelg .gform_wrapper.gravity-theme .gform_body .gfield#field_2_5 {
    position: relative;
    margin-bottom: 0;
    float: none;
    grid-area: msg;
    width: 100%;
}

.forside-saelg .gform_wrapper.gravity-theme .top_label input[type="submit"] {
    grid-area: send;
}

.forside-saelg .gform_wrapper.gravity-theme .gfield textarea.large {
    height: 110px;
}

body:not(.stom-gform-legacy) .forside-saelg .gform_wrapper .gform_footer {
    display: contents;
}

.forside-saelg .gform_wrapper.gravity-theme .gform_footer input.gform_button {
    min-width: unset;
    padding: 15px 50px;
    margin-left: auto;

}

.forside-saelg .gform_wrapper.gravity-theme .gform_body .gform_fields input,
.forside-saelg .gform_body .gform_fields textarea {
    background-color: rgba(255, 255, 255, 0.07);
    border: none;
    color: #fff;
}

.forside-saelg .gform_wrapper.gravity-theme .gform_body .gform_fields input::placeholder,
.forside-saelg .gform_body .gform_fields textarea::placeholder {
    color: #d4d4d4;
    font-weight: 300;
}

.forside-saelg h2 {
    font-size: 60px;
    font-weight: 100;
}

.forside-saelg p {
    color: #fff;
    font-weight: 100;
    margin: 20px 0 0;
}

/*======================================================================//
// END Forside Sælg                                                     //
//======================================================================*/

/*======================================================================//
// Selection                                                            //
//======================================================================*/

#main-content .selection .section .grid-elements {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 90px;
}

#main-content .selection .section .grid-elements .grid-element {
    width: 100%;
}

#main-content .selection .section .grid-elements .grid-element a {
    font-size: 40px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    transform: translateY(0);
    margin: 20px;
    transition: all .5s ease;
}

#main-content .selection .section .grid-elements .grid-element a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 5px;
    background-color: #fff;
    top: 100%;
    transition: all .5s ease;
}

#main-content .selection .section .grid-elements .grid-element .overlay {
    padding: 0;
}

#main-content .selection .section .grid-elements .grid-element:first-of-type .overlay {
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(17,17,17,0.4);
    transition: all .5s ease;
}

#main-content .selection .section .grid-elements .grid-element:first-of-type .overlay:hover {
    background-color: rgba(17,17,17,0.8);
}

#main-content .selection .section .grid-elements .grid-element:first-of-type .overlay:hover a:after {
    width: 100%;
}

#main-content .selection .section .grid-elements .grid-element:first-of-type .overlay:hover a {
    transform: translateY(-10px);
}

#main-content .selection .section .grid-elements .grid-element:last-of-type {
    grid-column: span 2;
}

#main-content .selection .section .grid-elements .grid-element:last-of-type .overlay {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#main-content .selection .section .grid-elements .grid-element:last-of-type .overlay div {
    text-align: right;
    margin-right: 40px;
}

#main-content .selection .section .grid-elements .grid-element:last-of-type .overlay p img {
    max-width: unset;
}

#main-content .selection .section .grid-elements .grid-element:last-of-type .overlay p:nth-child(2) {
    font-size: 26px;
    font-weight: 300;
    font-style: italic;
    color: #111;
}

#main-content .selection .section .grid-elements .grid-element:last-of-type .overlay p:nth-child(3) {
    font-size: 20px;
    font-weight: 300;
    color: #111;
}

/*======================================================================//
// END Selection                                                        //
//======================================================================*/

/*======================================================================//
// About                                                                //
//======================================================================*/

#main-content .about {
    margin: var(--secondary-padding) 0;
    max-width: 100%;
}

#main-content .about h3 {
    font-size: 30px;
    font-weight: 200;
}

#main-content .about p {
    color: #fff;
    font-size: 16px;
    font-weight: 100;
}

#main-content .about .section > div:first-of-type {
    width: calc(100% / 3);
    background-color: #111;
    color: #fff;
}

#main-content .about .section > div:last-of-type {
    width: calc((100% / 3) * 2);
}

/*======================================================================//
// END About                                                            //
//======================================================================*/

/*======================================================================//
// Contact                                                              //
//======================================================================*/

#main-content .fp-contact {
    max-width: var(--secondary-site-width);
    margin: 0 auto;
}

#main-content .fp-contact .section {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 30px;
    align-items: end;
}

#main-content .fp-contact .section p {
    margin: 0;
    line-height: 0;
}

#main-content .fp-contact .section h3 {
    grid-column: span 3;
    text-align: center;
    font-size: 48px;
    font-weight: 200;
}

.fp-contact .gform_wrapper.gravity-theme form .gform_body {
    padding-top: 0;
}

.fp-contact .gform_wrapper.gravity-theme form .gform_body textarea {
    height: 90px;
}

.fp-contact .gform_wrapper.gravity-theme form .gform_body input,
.fp-contact .gform_wrapper.gravity-theme form .gform_body textarea {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #dbdbdb;
    padding-left: 10px;
    border-radius: 5px;
}

.fp-contact .gform_wrapper.gravity-theme form .gform_body input:focus,
.fp-contact .gform_wrapper.gravity-theme form .gform_body textarea:focus {
    padding-left: 10px;
}

.fp-contact .gform_wrapper.gravity-theme form .gform_body input::placeholder,
.fp-contact .gform_wrapper.gravity-theme form .gform_body textarea::placeholder {
    color: #979797;
    font-weight: 500;
}

.fp-contact .gform_wrapper.gravity-theme form input[type="submit"] {
    min-width: 100%;
}

.contact-info-box .section {
    width: auto;
    max-width: 600px;
    column-gap: 60px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
    padding-bottom: 0;
}

.contact-info-box .section h1 {
    grid-column: span 2;
    margin-bottom: 60px;
}

.contact-info-box .section .socials-wrapper {
    display: flex;
    margin-left: -5px;
}

.contact-info-box .open strong {
    grid-column: span 2;
}

.contact-info-box .open span:nth-child(odd) {
    text-align: right;
}

.contact-info-box .section a {
    text-decoration: none;
}

.contact-info-box .section a:hover {
    text-decoration: underline;
    color: var(--primary-button-color);
}

/*======================================================================//
// END Contact                                                          //
//======================================================================*/

/*======================================================================//
// Map                                                                  //
//======================================================================*/

#main-content .fp-map {
    padding-left: 0;
    padding-right: 0;
}

#main-content .fp-map .section {
    max-width: 100%;
    padding: 0;
    border-bottom: 5px solid var(--primary-button-color);
}

#main-content .fp-map .section p {
    line-height: 0;
}

#main-content .fp-map .section p iframe {
    width: 100vw;
}

/*======================================================================//
// END Map                                                              //
//======================================================================*/

header#masthead .top-bar .top-bar-right span {
    font-weight: 500;
}

.slider-fabrikanter {
    margin-bottom: 70px;
}

.car-grid .post-content-wrapper:before {
	content: none;
}

.sample-cars-wrap .car-grid .post-content-wrapper h3 {
	font-size: 20px;
	font-weight: 900;
}

.sample-cars-wrap .car-grid .post-content-wrapper h4 {
	font-size: 16px;
	font-weight: 400;
	color: var(--primary-text-color);
	margin-top: 5px;
}

.sample-cars-wrap .car-grid .post-content-wrapper {
	background-color: #111;
}

.car-grid .post-content-wrapper .car-specs.single-row-data tbody {
	flex-direction: column;
}

body .car-grid .post-content-wrapper .car-specs.single-row-data tbody tr td {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: var(--primary-text-color) !important;
	padding: 1px 5px !important;
}

body .car-grid .post-content-wrapper .car-specs.single-row-data tbody tr td:before {
	font-weight: 400 !important;
	color: var(--secondary-text-color) !important;
}

body .car-grid .post-content-wrapper .car-specs.single-row-data tbody tr td.searchable {
	display: flex;
	justify-content: space-between;
}

body .car-grid .post-content-wrapper .car-specs.single-row-data tbody tr:nth-of-type(even) {
	display: none;
}

body .car-grid .post-content-wrapper .car-specs.single-row-data tbody tr:nth-of-type(1) td.searchable:before {
	content: "Km";
}

body .car-grid .post-content-wrapper .car-specs.single-row-data tbody tr:nth-of-type(3) td.searchable:before {
	content: "Brændstof";
}

body .car-grid .post-content-wrapper .car-specs.single-row-data tbody tr:nth-of-type(5) td.searchable:before {
	content: "Farve";
}

body .car-grid .post-content-wrapper .car-specs.single-row-data tbody tr:nth-of-type(7) td.searchable:before {
	content: "Modelår";
}

.car-grid .post-content-wrapper table.car-specs {
	border: none;
	padding-top: 0;
}

.sample-cars-wrap .car-grid .post-content-wrapper .car-link {
	background-color: transparent;
	color: var(--primary-button-color);
	margin-top: -8px;
	padding: 8px 39px 9px;
}

.car-grid .post-content-wrapper h4 {
	margin: 0 0 2px 0;
}

.car-grid .post-content-wrapper .car-link {
	padding: 8px 39px 9px 34px !important;
    margin-top: 0;
    background-color: #111;
    position: relative;
    transition: padding .3s ease;
	font-size: 14px;
}

.car-grid .post-content-wrapper .car-link:before {
    content: "";
    position: absolute;
    left: 23px;
    top: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent var(--primary-button-color);
	transition: left .3s ease;
}

.car-grid .post-content-wrapper .car-link:after {
	content: none !important;
}

.sample-cars-wrap .car-grid .post-content-wrapper .car-link:hover, .car-grid .post-content-wrapper .car-link:hover {
	padding-left: 50px !important;
}

.sample-cars-wrap .car-grid .post-content-wrapper .car-link:hover:before, .car-grid .post-content-wrapper .car-link:hover:before {
	left: 36px;
}

.outside-sample-cars-wrap.btn-wrap {
	margin-top: 20px;
}

#main-content .forside-saelg .section {
	padding: calc(var(--primary-padding) / 2);
}

.sample-cars-wrap .car-grid .post-image-wrapper .post-show-price {
	background-color: #111;
	padding: 12px 12px 6px 20px;
}

.sample-cars-wrap .car-grid .post-image-wrapper .post-show-price:before,
.sample-cars-wrap .car-grid .post-image-wrapper .post-show-price:after {
	content: "";
	position: absolute;
	background-color: #111;
	opacity: .2;
}

.sample-cars-wrap .car-grid .post-image-wrapper .post-show-price:before {
	top: -10px;
	right: -10px;
	height: 10px;
	width: calc(100% + 10px);
}

.sample-cars-wrap .car-grid .post-image-wrapper .post-show-price:after {
	top: 0;
	right: -10px;
	height: 100%;
	width: 10px;
}

.car-grid .post-image-wrapper .featured-image-wrap {
	position: inherit;
}

/*======================================================================//
// END style.css--------------------------------------------------------//
//======================================================================*/



/*======================================================================//
// Popup giv bud kun hvis popup plugin er installeret                   //
//======================================================================*/

#stom_popups_wrapper .stom_popup_content_wrapper .gf_browser_chrome.gform_wrapper.gravity-theme {
    display: block !important;
}
body #stom_popups_wrapper .stom_popup_content_wrapper {
    padding: 0;
    height: 100%;
}

body #stom_popups_wrapper .stom_popup_content_wrapper .stom_popup_content {
    padding: 20px 50px;
    position: relative;
    overflow: auto;
    height: 100%;
}
body #stom_popups_wrapper .stom_popup {
    position: relative;
    margin: 0 auto;
    overflow: unset;
}

#stom_popups_wrapper .stom_popup_content_wrapper .close-popup-page {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: -1;
}
body #stom_popups_wrapper .stom_popup .stom_popup_close {
    top: 3px;
    right: 20px;
    filter: invert(1);
}

body #stom_popups_wrapper .stom_popup_content_wrapper .stom_popup_content .gform_body .ginput_container.ginput_container_textarea textarea {
    height: 200px;
}
body #stom_popups_wrapper .stom_popup_content_wrapper .stom_popup_content .gform_footer input {
    width: 100%;
}

.gform_wrapper.gravity-theme .gform_body .gform_fields input, .gform_body .gform_fields textarea {
    color: #111;
    font-size: var(--primary-text-size);
    transition: var(--primary-transition-style);
    padding: 10px 10px 9px;
}

/*======================================================================//
// END Popup giv bud                                                    //
//======================================================================*/

body.single-brugte_biler main .give-an-offer{
	display:none !important;
}


/* trustpilot */
.trustpilot .section {
	padding-bottom: 10px;
	padding-top: 50px;
}
.trustpilot .section div.stjerner {
	display: flex;
	justify-content: space-around;
	max-width: 200px;
	margin: 0 auto;
	font-size: 20px;
}

.trustpilot a,
.trustpilot h3 {
	font-size: 20px;
	text-decoration: none;
}

.trustpilot .section div.stjerner i {
padding: 5px;	
color: var(--star-green);
}

/* car edits */

.single-brugte_biler .post-content-wrapper {
    background: #111;
}

.single-brugte_biler .stom-single-car-images .slick-prev {
    background-color: #1a1a1a;
}

#stom_popups_wrapper .stom_popup .gform_wrapper.gravity-theme .gform_body .gform_fields input::placeholder, #stom_popups_wrapper .stom_popup .gform_body .gform_fields textarea::placeholder {
    color: var(--secondary-text-color);
}


body.burger-menu .number-three-burger-menu-content li a, body.burger-menu .number-three-burger-menu-content li.mega-menu ul a {
    color: #000;
}

section.section-wrap.fp-contact .section .gform_body input, section.section-wrap.fp-contact .section .gform_body textarea, #stom_popups_wrapper .stom_popup .gform_wrapper.gravity-theme .gform_body .gform_fields input, #stom_popups_wrapper .stom_popup .gform_body .gform_fields textarea{
    background-color: rgba(255, 255, 255, 0.07);
    border: none;
    color: #fff;	
}

/* edits */

.stom-billede-sektion.audi-bagende .stom-picture img {
    margin: var(--primary-padding) 0 auto 0;
}

.stom-billede-sektion .stom-picture {
    background-image: none !important;
}
.stom-billede-sektion .stom-picture img {
    visibility: unset;
}
.contact-info-box .open span:nth-child(2n) {
  text-align: right;
}
.contact-info-box .open span:nth-child(2n+1) {
text-align: unset;
}