/*
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: 60px;
    --h2: 32px;
    --h3: 25px;
    --h4: 22px;
    --h5: 16px;
    --h6: 14px;
    --p: 15px;

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

    /* font families */
    --h-fam: 'Raleway', sans-serif;
    --p-fam: 'Raleway', sans-serif;
    --btn-fam: var(--p-fam);

    /* colors */
    --color-1: #FF7900;
    --color-1-2: #FF9E47;
    --color-2: #0E375B;
    --color-bg: #f6f6f6;
    --color-text: #fff;
    --color-dark: #000;
    --color-overlay: rgb(0 0 0 / 20%);

    /* transitions */
    --transition: .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 */
}

/* footer */

#colophon.footer-setting-03 {
    padding: 0;
    background-color: var(--color-2);
    border-top: 1px solid var(--color-2);
}

#colophon .stom-custom-svg.fa-svg.stom-fa-facebook svg {
    width: 25px;
    height: 25px;
    color: #fff
}

.site-content table td {
    padding: 5px;
}

#colophon .copyright .section .footer-widgets .widget .textwidget ul {
    display: flex;
    align-items: center;
	margin: 0;
    padding: 0;
    list-style: none;
}

#colophon .widget-title {
    color: #fff;
}

#colophon .copyright .textwidget ul li a,#colophon .copyright .textwidget ul li {
    padding: 0;
    text-wrap: nowrap;
    color: #000
}

#colophon .copyright .section .footer-widgets .widget .textwidget ul li:not(:last-of-type):after {
    content: '|';
    margin: 0 5px
}

#colophon .copyright {
    font-size: calc(0.9333 * var(--p))
}

.footer-widget-area-extra {
    display:none
}

#colophon .copyright .textwidget ul li a, #colophon .copyright .textwidget ul li {
    color: #fff;
}

.footer-setting-03 .section-wrap {
    border-bottom: 1px solid #fff;
}

.footer-setting-03 div:is(.footer-widget-area-site-info) {
    border-bottom: 0;
}

#colophon .widget-title {
    font-size: var(--p);
}

#colophon .copyright {
    font-weight: 500;
}

#colophon .footer-widgets.widgets-1 img {
    width: 54px;
    height: 55px;
}


/* end footer */

/* header */

header .main-navigation ul.menu a {
    padding: .7em 0.7em;
}

.site-branding #logo img, .site-branding #logo svg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 61px;
}

.site-branding #logo {
    padding: 10px 0;
    line-height: 0;
}

#masthead {
    border-top: 4px solid #005199
}

.style-header-03 .menu-container a {
    font-weight: 600;
}

.menu a:active, .menu a:hover,.menu a:focus {
    color: var(--color-1)
}

.hover-style-bold ul.menu .sub-menu a>span.hidden-menu-item {
    justify-content: flex-start;
    padding-left: 15px
}

header .main-navigation ul.menu ul a {
    width: 320px;
}

/* end header */

/* generic */

body {
    background-color: #f5f5f5;
}

h2, h3, h4, h5, h6, .slider-text-inner {
    font-weight: 400;
}

/* end generic */


/* velkommen top slider */

.slider-text-inner {
    font-size: calc(var(--p) * 1.3333);
}

.slider-text-inner-wrapper p, .slider-text-inner-wrapper h1{
    max-width: 600px;
} 

/* buttons */

.site .stom-button a {
    font-weight: 600;
}

.site .stom-button a {
    border-radius: 3.75em;
    padding: .45em 3.75em;
}

.billede-video .stom-button a:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #fff;
}

.site .stom-button.orange a {
    color: #fff;
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
}

.site .stom-button.orange a:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #fff;
}

.site .stom-button.blue a {
    color: #fff;
    background-color: var(--color-2);
    border: 1px solid var(--color-2);
}

.site .stom-button.blue a:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #fff;
}

.site .stom-button svg {
    width: 10px;
    margin-left: 10px;
}

.site .stom-button.small a, .page-id-316 .stom-button a {
    padding: 0.5em 3.75em;
}

.site .stom-button.marg-right a {
    margin-right: 1.25em;
}

/* end buttons */

/* billede navigation velkommen */

.stom-grid-section.billede-nav .section .grid-elements {
    display: grid;
    gap: var(--gap-s);
}

.stom-grid-section .grid-element .full-element-link:hover {
    border-radius: 10px;
    opacity: 0.15;
    background-color: #fff;
    background-size: 50%;
}

.billede-nav .grid-elements .billede-nav-titel.grid-element .overlay h2 {
    margin-bottom: 5px;
}

.grid-element.img-overlap {
    background-color: var(--color-2);
    min-height: 25px;
    width: 100%;
    margin: auto;
    border-radius: 10px;
    gap: 40px;
}

.grid-element.img-overlap img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center center;
    max-height: 210px;
}

.grid-element.img-overlap p {
    margin: 0;
    line-height: 0;
}

.img-overlap .img-overlap-under {
    font-size: 15px;
    font-weight: 500;
    padding: 12px;
    text-align: center;
}

.section-wrap.clear.stom-grid-section.billede-nav {
    padding-top: 15px;
}

/* end billede nav */

/* start nyheder sektion */

.new-stom-post-wrapper .new-stom-post-thumb img {
    height: 280px;
    object-fit: cover;
	width: 100%;
}

main .section-wrap.news-item {
    margin-top: calc(2.05* var(--gap-l))
}

.new-stom-post-title {
    font-size: calc(1.6666 * var(--p));
    font-weight: 700;
}

.new-stom-post-content {
    font-size: var(--p)
 }

.new-stom-post-date {
    font-size: calc(0.8666 * var(--p))

}
.new-stom-post-link, .new-stom-post-link a {
    font-size: calc(0.9333 * var(--p));
    text-decoration: none;
}

.section-wrap.has-background.news-item .section {
    padding-block: var(--gap-l);
    position: relative;
    z-index: 2;
}

.new-stom-post-link:hover, .new-stom-post-link a:hover {
    text-decoration: underline;
}


.new-stom-post-link a svg {
    margin-left: 5px;
}

.news-item .new-stom-posts.stom-css-grid.columns-3 {
    margin: 50px 0;
}

.site .news-item .stom-button a {
    position: relative;
    color: #000;
    background-color: #fff;
    border: 1px solid #fff;
    font-weight: 600;
    z-index: 2;
}

.site .news-item .stom-button a:hover {
    color: #fff;
    background-color: var(--color-2);
    border: 1px solid var(--color-2);
    font-weight: 600;
}

.new-stom-post-thumb img {
    border-radius: 10px;
}

.news-item {
    position: relative;
}

.news-item:after {
    content: '';
    z-index: 1;
    position: absolute;
    width: 518px;
    height: 473px;
    bottom: 5px;
    right: -162px;
    background-repeat: no-repeat;
    background-image: url(https://systom.dk/kunder/hasserisgf.dk/wp-content/uploads/2024/04/logo-ele-css.svg);
}

.news-item:before {
    content: '';
    z-index: 1;
    position: absolute;
    width: 518px;
    height: 473px;
    top: 0;
    left: -259px;
    background-repeat: no-repeat;
    background-image: url(https://systom.dk/kunder/hasserisgf.dk/wp-content/uploads/2024/04/logo-ele-css.svg);
}

/* end nyheder sektion */

/* venstre billede sektion hold og program oversigt, forside */

.stom-billede-sektion.hold-program-oversigt .stom-picture img {
    object-position: top;
}

.stom-billede-sektion.hold-program-oversigt p {
    color: var(--color-dark);
}

.stom-billede-sektion.hold-program-oversigt {
    padding: var(--gap-l) 0;
}

.vp-flex video {
    border: 0px solid #fff
}

.video-popster {
   position: relative; 
}

.stom-grid-section .grid-element.video-popster .overlay .vp-a {
    margin: auto;
    margin-bottom: auto
}

.stom-grid-section.billede-video .section .grid-elements {
    display: grid;
    gap: 0;
}

.stom-grid-section .grid-element.insert-gap-l-pad {
    padding: var(--gap-l) var(--gap-l) var(--gap-l) 0;
}

.vp-a {
    transition: all 100ms;
    font-size:0;
    height: 76px;
    width:76px;
    background-size: 100%;
    background-repeat:no-repeat;
    background-image:url(https://systom.dk/kunder/hasserisgf.dk/wp-content/themes/number-three-one-child/images/play-circle-fill.svg);
    background-position: center;
    opacity: 1.0;
    }

.vp-a:hover, .vp-a:focus { 
    height: 86px;
    width: 86px;
    transition: all 100ms;
}

/* end venstre billede sektion hold og program oversigt, forside */


/* sponsor sektion */

.sponsore p {
    color: var(--color-dark)
}

.sponsore h2 {
    margin: 0 0 30px;
}


.sponsore img {
    max-height: 80px;
    width: auto;
}

/* end sponsor sektion */

/* underside */

body:not(.home) #content p, body #content {
    color: var(--color-dark)
}

body:not(.home) #content {
    margin: 0 auto;
}

body:not(.home) #content h1 {
    color: var(--color-dark);
    font-size: 48px
}

body:not(.home) h1, body:not(.home) h2, body:not(.home) h3, body:not(.home) h4, body:not(.home) h5, body:not(.home) h6 {
    font-size: 400;
}

body:not(.home) #content {
    margin-top: var(--gap-l);
}

body:not(.home) h1 {
    color: #fff
}

body:not(.home) .slide-element.slide-image img {
    max-height: 300px;
}

body:not(.home) .slider-text-inner-wrapper h1 {
    font-weight: 400;
}

.posts-archive-layout-2.posts-archive #primary article {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    padding: 10px;
    background-color: #fff;
	border-radius: 10px;
}
.posts-archive-layout-2.posts-archive .post-thumbnail img {
	border-radius: 10px;
    width: 100%;
}

.site .site-header .header-wrapper {
  max-width: 1460px;
}

.self-align {
	align-self: center;
}

.flxsplit {
	display: flex;
    justify-content: space-between;
}

.c-grid-2 {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}

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 {
	color: #000 !important;
}
/* mobil under menu */

#number-three-sticky-mobile-cta .cta-container span:last-child {
    display: none;
}
/* ===== END CSS Variables ===== */



/* Forside */
.news .news-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 32px;
}



.home .stom-billede-sektion .stom-picture img {
	border-radius: 10px;
}
.home .stom-grid-section .grid-element>img {
	border-radius: 10px;
}

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


/* style goes here */


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


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


/* woocommerce style goes here */


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