/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
header.sticky-header.e-flex.elementor-element {
    --shrink-header-to: 0.6; /* Shrinks to 60%, values: 0.1 to 1 */
    --transition-timing: .45s ease; /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */
    background-color: rgba(255, 255, 255, 0); /* Set your own background color */
    --min-height: var(--header-height);
    --transition: all var(--transition-timing);
}
header.sticky-header.e-flex.elementor-element.elementor-sticky--effects {
    background-color: rgba(255, 255, 255, .95); /* Set your own background color on scroll */
    --min-height: calc( var(--header-height) * var(--shrink-header-to) );
}
header.sticky-header.e-flex.elementor-element.elementor-sticky--effects > .e-con-inner{
    padding:7px 0;
    align-items: center;
}
header.sticky-header.e-flex.elementor-element.elementor-sticky--effects .elementor-menu-toggle i,
header.sticky-header.e-flex.elementor-element.elementor-sticky--effects .elementor-menu-toggle::after{
    color:#000
}
/***
* class: .logo
* Add the class "logo" to your logo to scale your logo to 80% on scroll
*/
header.sticky-header .logo img,
header.sticky-header .logo.elementor-widget-theme-site-logo img,
header.sticky-header .logo .elementor-icon svg {
    width: 300px;
    height: 100px;
    transition: all 0ms ease;
}
header.sticky-header.elementor-sticky--effects .logo img,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
    width: 128px;
    height: 40px;
    content: url('https://www.uddannelsesvalget.nu/wp-content/uploads/2023/09/uddannelsesvalget_pastel_teal_2.svg');
}
header.sticky-header .logo .elementor-icon svg {
    width: auto;
}
@media(min-width:1001px){
    header.sticky-header.e-flex.elementor-element {
        --header-height: 100px; /* Set your own header height */
    }
}
@media(max-width:768px){
	header.sticky-header .logo img,
	header.sticky-header .logo.elementor-widget-theme-site-logo img,
	header.sticky-header .logo .elementor-icon svg {
		width: 120px;
		height: 40px;
		transition: all 0ms ease;
	}
}
.elementor-menu-toggle::after{
	display: block;
	content: 'MENU';
	text-transform: uppercase;
	color:#fff;
	line-height: 15px;
	font-size: 14px;
	font-weight: 700;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	margin-left: 5px;
}
/****************************************************
*** LANDING PAGE
****************************************************/
.etape figure{
    height: 238px;
}
.etape figure img{
    height: 100%;
    width: 100%;
    object-fit: cover
}
/****************************************************
*** HEADER
****************************************************/
.cta{
	background-color: #e4147e;
    color: #FFFFFF;
    padding: 3px 8px 3px 8px;
    border-radius: 3px;
	position:relative;
}
li.menu-item a:hover{
	opacity: 0.8
}
li.menu-item a .cta:after{
	display:block;
	position:absolute;
    opacity: 0;
	content:'';
    height: 2px;
    width: 40px;
	background-color:#fff;
	bottom:-2px;
	left:calc(50% - 20px);
	transition:all 0.2s ease
}
li.menu-item a:hover .cta:after {
    opacity: 1;
}