/*
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.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



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

/* style goes here */

/* ____ GLOBAL ____ */

:root {
    --col-primary: #3f93b5;
    --col-secondary: #e8633a;
    --stom-content-fullwidth: 1820px;
    /* --stom-content-width: 1140px;
    --stom-sidebar-width: 260px; */
}


.main-slider-section.page-slider-section {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 0;
}

.section-wrap.section-fullpage .section {
    max-width: 1820px;
}

.section-wrap.section-fullpage .section img {
    height: auto;
    width: auto;
}

.section-wrap,
.stom-grid-section .section.columns-4 .grid-element {
    background-size: cover;
}

.grid-element img {
    object-fit: cover;
}

textarea {
    resize: none;
}


/* ____ FONTS ____ */

h1,
h2,
h3,
h4,
h5,
h6 {}

h1,
.page-slider-section h2 {
    font-weight: 700;
}

h2,
.page-slider-section h3 {}

h3,
.page-slider-section h4 {}

h4,
.page-slider-section h5 {}

h5,
.page-slider-section h6 {}

html,
body,
input,
select,
optgroup,
textarea {}

p {}

#main-content a,
#colophon a {
    text-decoration: none;
}

#main-content a:hover,
#colophon a:hover {
    text-decoration: underline;
}

#main-content p a .stom-custom-svg {
    margin-left: 0.4em;
}

#main-content .stom-custom-svg svg {
    font-size: .7em;
    display: inline-block;
    margin-top: .2em;
}

a .stom-custom-svg path {
    fill: currentColor !important;
}

/* ____ BUTTONS ____ */

.form_submit_btn,
header .three a,
.gform_wrapper .gform_footer input[type=image],
.stom-button a {
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    transition: background-color .2s, color .2s, border-color .2s;
    line-height: 1.5;
    text-decoration: none !important;
    text-transform: unset;
    font-size: 1.125rem;
    text-align: center;
    padding: .334em 1.26em;
}

.main-slider-section .stom-button a {
    min-width: 190px;
}

.stom-button a {
    min-width: 170px;
}

.stom-button.one a {
    background-color: var(--col-primary);
    color: #fff;
    border-color: var(--col-primary);
}

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

.stom-button.two a {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}

.stom-button.two:hover a {
    background-color: #000;
    color: #fff;
    border-color: #000
}

header .main-navigation .three {
	padding: 5px 13.5px 31px;
}
header .main-navigation .three a {
	padding: 5px 15px;
}
.header-sticky-active header li.three {
	transition-duration: .175s;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.burger-menu) .header-sticky-active.scrolled header li.three  {
	padding: 5px 15px;
}

.form_submit_btn,
header .three a,
.stom-button.three a {
    background-color: var(--col-secondary) !important;
    color: #fff;
    border-color: var(--col-secondary);
}

.form_submit_btn:hover,
header .three a:hover ,
.stom-button.three:hover a {
    background-color: #fff !important;
    color: var(--col-secondary) !important;
    border-color: var(--col-secondary);
}

.stom-button.inline {
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.form_submit_btn .stom-custom-svg:last-child,
.stom-button .stom-custom-svg {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}


/* menu btn */
.menu_btn {
    align-items: center;
}

.menu_btn a {
    transition: .175s !important;
}

.hover-active:not(.hover-style-bold) ul.menu .menu_btn a:before {
    content: unset !important;
}


/* ____ HEADER ____ */


/*  TOPBAR ____ */


/*  SUBMENU FOLDUD ____ */

header .top-bar .section {
    overflow: visible;
}

header .top-bar ul ul.sub-menu {
    position: absolute;
    padding: 0;
    left: 0;
    transform: translateX(-25%);
    margin: 0;
    top: 100%;
    background: white;
    z-index: 1;
    width: 190px;
    padding: 8px 0 0;
    display: none;
    box-shadow: 2px 4px 6px rgb(103 103 103 / 12%);
}

header .top-bar ul ul.sub-menu a {
    display: block;
    text-align: start;
    padding: 11px 13px;
    width: 100%;
    float: left;
    margin: 0;
    transition: background .2s ease;
}

header .top-bar ul ul.sub-menu li a:after {
    content: unset;
}

.top-bar .top-bar-right ul li.menu-item-has-children ul.sub-menu a:hover {
    background: #f2f2f2;
}

.top-bar .top-bar-right ul li.menu-item-has-children:hover ul.sub-menu {
    display: block;
}

header .top-bar ul li.menu-item-has-children {
    position: relative;
}


/*  LOGO ____ */

.site-branding #logo {
    padding: 25px 0 14px;
}

.site-branding #logo img {
    image-rendering: -webkit-optimize-contrast;
    max-width: 184px;
    max-height: 111px;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .site-branding #logo img {
    max-height: 60px;
}


/*  MAINNAV ____ */
.main-navigation li {
    display: flex;
    align-items: flex-end;
}

header .main-navigation a {
    padding: 5px 13.5px 31px;
    font-size: 1.1rem;
}

header .socials-wrapper.placement-menu {
    display: flex;
    align-items: flex-end;
}

header .socials-wrapper.placement-menu a,
.textwidget .socials-wrapper a {
    color: var(--col-secondary);
}

header .socials-wrapper.placement-menu a.stom-social-shortcode {
    padding-left: 5px;
    padding-right: 5px;
    transition: padding .175s;
}

header .socials-wrapper.placement-menu a.stom-social-shortcode:last-of-type {
    padding-right: 0 !important;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.burger-menu) .header-sticky-active.scrolled header .socials-wrapper.placement-menu a.stom-social-shortcode {
    padding-bottom: 5px !important;
}

.hover-active:not(.hover-style-bold) ul.menu a:before {
    background-color: var(--col-secondary);
    height: 2px;
}

/* ____ FOOTER ____ */
#colophon {
    background: #fff;
    padding: 0;
}

#colophon .section {
    padding-bottom: 0;
}

#colophon .section>div {
    padding: 99px 71px 117px;
}

#colophon .section>div.stom-cols-4 {
    width: 30.824%;
    margin-right: 0 !important;
    padding-right: 52px !important;
}

#colophon .section>div.stom-cols-8 {
    width: 69.176%;
}

#colophon .section>div.stom-cols-8 .max-width_container {
    max-width: 847px;
}

#colophon .section>div.clear {
    display: none;
}

#colophon .blue_footer {
    background: var(--col-primary);
    color: #fff;
}

#colophon .section .widgets-1 {
    padding-left: 0;
    padding-right: 0;
}

#colophon .widgets-1>div {
    max-width: 167px;
    margin-left: auto;
}

#colophon .widgets-3>div {
    /* max-width: 197px; */
    margin-right: auto;
}

#colophon .widget-title {
    display: block;
    font-size: 1.375rem;
    margin-bottom: 1rem;
}

#colophon .site-info {
    padding: 1rem 0
}

#colophon .site-info .stom-cols-9 {
    display: none;
}

#colophon .site-info .copyright {
    width: 100%;
    text-align: center;
}

#colophon .site-info .copyright a {
    font-weight: 700;
}




/* ____ PAGESLIDER ____ */
.page-slider-section .slider-text {
    align-items: flex-end;
}


body:not(.home) .page-slider-section .slide-element {
    min-height: 200px;
}

/* ____ FORMS ____ */

body:not(.stom-gform-legacy) .gform_wrapper .gform_body {
    padding-top: 0;
}

.gform_wrapper.gravity-theme .gfield input,
.gform_wrapper.gravity-theme .gfield select,
.gform_wrapper.gravity-theme .gfield textarea {
    outline: none;
    transition: .175s;
}

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



.gform_wrapper.gravity-theme .gfield .ginput_container_date input {
    width: 100%;
}

.contact_wrapper .gform_wrapper.gravity-theme .gfield input,
.contact_wrapper .gform_wrapper.gravity-theme .gfield select,
.contact_wrapper .gform_wrapper.gravity-theme .gfield textarea {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-size: 1.125rem;
}

.contact_wrapper .gform_wrapper.gravity-theme .gfield input::placeholder,
.contact_wrapper .gform_wrapper.gravity-theme .gfield select::placeholder,
.contact_wrapper .gform_wrapper.gravity-theme .gfield textarea::placeholder {
    color: rgba(255, 255, 255, .4);
}

.gform_wrapper.gravity-theme .gfield textarea.medium {
    max-height: 151px;
}

.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 26px;
}

/*  FORSIDE ____ */


/*  UNDERSIDE ____ */


/* ____ SEKTIONER ____ */


/*  custom_hero_contact_section  ____ */
.custom_hero_contact_section.stom-grid-section .section .grid-elements {
    flex-wrap: nowrap;
}


.page-slider-section .slider-text,
.custom_hero_contact_section .section {
    padding-top: 0 !important;
    color: #fff;
}

.custom_hero_contact_section.stom-grid-section .section.columns-2 .grid-element {
    margin: 0 !important;
}

.custom_hero_contact_section.stom-grid-section .section.columns-2 .grid-element:first-of-type {
    width: 64.5% !important;
}

.custom_hero_contact_section.stom-grid-section .section.columns-2 .grid-element:first-of-type .overlay {
    max-width: 875px;
    width: 100%;
    left: unset;
    right: 0;
    padding-bottom: 80px;
}

.custom_hero_contact_section.stom-grid-section .section.columns-2 .grid-element:last-of-type {
    width: 35.5% !important;
    background: var(--col-primary);
    color: #fff;
}

.custom_hero_contact_section.stom-grid-section .section.columns-2 .grid-element:last-of-type .overlay {
    max-width: 563px;
    padding: 13.6%;
}

.custom_hero_contact_section.stom-grid-section .section.columns-2 .grid-element:last-of-type .overlay .gform_wrapper {
    max-width: 342px;
}

.custom_hero_contact_section .gform_wrapper.gravity-theme .gfield.gfield--width-third {
    grid-column: span 12;
    -ms-grid-column-span: 12;
}

/*  skills-section ____ */
.skills-section h2 {
    text-align: center;
}

.skills-section img.aligncenter {
    margin-bottom: 0;
}

.skills-section.stom-grid-section .section .grid-element .overlay {
    padding: 0;
}

.skills-section.stom-grid-section .section .grid-element .overlay p:first-child {
    margin-bottom: 5px;
}

.skills-section.stom-grid-section .section .grid-element .overlay h4 {
    margin-bottom: .3rem;
}



/*  .stom-billede-sektion  */

.stom-billede-sektion.not-fullwidth {
    padding-left: 40px;
    padding-right: 40px;
}

.stom-billede-sektion.not-fullwidth .section {
    max-width: 1820px;
    padding: 50px 0;
}

.stom-billede-sektion.not-fullwidth .stom-cols-6 {
    display: flex;
    align-items: center;
}

.stom-billede-sektion.not-fullwidth.picture-right .stom-cols-6 {
    justify-content: flex-end;
}

.stom-billede-sektion.not-fullwidth.picture-left .stom-cols-6 {
    justify-content: flex-start;
}

.stom-billede-sektion.not-fullwidth .stom-cols-6 .stom-center-box {
    max-width: 522px;
}

/* products_section  */
.products_section.stom-grid-section .section.columns-3 .grid-element {
    width: calc((100% - (30px * 2)) / 3);
    color: #fff;
}

.products_section h2 {
    margin-bottom: 0;
    line-height: 1;
}

.products_section .overlay a {
    z-index: 10;
    position: relative;
}

/* ____ UNDERSIDER ____*/

.contact-page .grid-element:first-child .stom-custom-svg {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

.stom-custom-svg.transparent {
    color: transparent !important;
}

.widget-area .number-three-default-widget {
    background: var(--col-primary);
    color: #fff;
}

.widget-area .number-three-default-widget.img-drop-shadow img {
    filter: drop-shadow(2px 2px 0px #17374490);
}

.widget.number-three-default-widget .widget-title {
    text-align: center;
    margin-bottom: .8rem;
}

.tilbud_section {
    border: 1px solid #00000050;
    box-shadow: 0px 1px 5px -3px #000000aa;
    padding: 20px;
}

.padding-bottom-zero .section {
    padding-bottom: 0 !important;
}

.padding-bottom-zero .section {
    padding-bottom: 0 !important;
}


/* GALLERI */
.gallery-item {
	margin: 0;
}
.gallery .gallery-item img {
    height: 200px;
    object-fit: cover;
}

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





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

/* woocommerce style goes here */

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