/*
 Theme Name:   Vroff
 Theme URI:    https://vroff.com/
 Description:  Ditt virtuella kontorslandskap
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.0.0
*/

/* Custom CSS */
:root {
    --off-white: #FAFAFA;
}

@media (max-width: 980xp) {
	body .et_pb_text_inner p {font-size: 16px;}
}
.et_pb_section.hero {
    background: radial-gradient(86.07% 86.07% at 50% 100%, #7f22fe 0%, #18181A 100%);
	align-content: center;
}

.et_pb_section.hero > .et_pb_row {
    display: grid;
    align-items: center;
}

.et_pb_section_0_tb_header.et_pb_section.hero-header.et_pb_sticky {background-color: #0A0A0B!important; transition: background-color 0.3s ease;}
.et_pb_section_0_tb_header.et_pb_section.hero-header .et_pb_column_4_4 .et_pb_module {margin-bottom: 0px; transition: background-color 0.3s ease;}


@media (min-width: 981px) {
    .et_pb_section.hero > .et_pb_row {
        grid-template-columns: 1fr 1.5fr;
        gap: 15%;
    }
}

.et_pb_section.hero > .et_pb_row::after {
    display: none;
}

.et_pb_section.hero > .et_pb_row > .et_pb_column {
    width: auto;
    margin: 0
}

.et_pb_section.hero.has-floating-headings .et_pb_heading {
    padding: .85em 2.3em;
    border-radius: 6px;
    background: linear-gradient(180deg, rgba(58, 53, 78, 0.50) 0%, rgba(44, 41, 57, 0.50) 10.1%, rgba(24, 24, 26, 0.50) 50%, rgba(36, 30, 51, 0.50) 88.46%, rgba(49, 40, 66, 0.50) 100%);
    color: var(--off-white);
    line-height: 1.3;
    border: 1px solid #343437;
    position: absolute;
    z-index: 1;
    backdrop-filter: blur(5px);
    white-space: nowrap;
    font-size: clamp(.6em, 1.5vw, 1em);
}

.et_pb_section.hero.has-floating-headings .et_pb_heading h5 {
    font-size: 1.72em;
    font-weight: 500;
    color: #ffffff;
    line-height: inherit;
    padding: 0;
}

.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(1) {
    top: 33.5%;
    left: 13%;
}

.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(2) {
    top: 40%;
    left: 68%;
}

.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(3) {
top: 52%;
    left: -3%;
}

.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(4) {
    top: 60%;
    left: 75%;
}

.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(5) {
    top: 75%;
    left: 15%;
}

.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(6) {
    top: 66%;
    left: 77%;
}

.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(7) {
    top: 80%;
    left: 58%;
}

.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(8) {
    top: 74%;
    left: 23%;
}

@media (max-width: 980px) {
	.et_pb_section.hero#moten > .et_pb_row,
	.et_pb_section.hero#chatt > .et_pb_row,
	.et_pb_section.hero#projekt > .et_pb_row,
	.et_pb_section.hero#nyckeltal > .et_pb_row,
	.et_pb_section.hero#kalender > .et_pb_row,
	.et_pb_section.hero#prova > .et_pb_row {
		display: flex;
		flex-direction: column;
	}
    
	.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(1) {
        top: 36%;
        left: 21%;
    }

    .et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(2) {
        top: 37%;
        left: 63%;
    }

    .et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(3) {
        top: 48%;
        left: 0%;
    }

    .et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(4) {
        top: 50%;
        left: 72%;
    }

    .et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(5) {
        top: 61%;
        left: 10%;
    }

    .et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(6) {
        top: 64%;
        left: 67%;
    }
	.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(7) {
    top: 76%;
    left: 55%;
}

.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(8) {
    top: 74%;
    left: 18%;
}
	h3 {font-size: 30px!important;}
}







.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(6),
.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(7),
.et_pb_section.hero.has-floating-headings .et_pb_heading:nth-child(8) {display: none!important;}








.hero-header.et_pb_section {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0;
}

.hero-header.et_pb_section .et_pb_menu.et_pb_module {
    background: none;
}

.hero-header.et_pb_section .et_pb_menu ul.nav {
    margin: 0;
}

.hero-header.et_pb_section .et_pb_menu ul.nav li {
    padding: 0;
    margin: 0;
}

.hero-header.et_pb_section .et_pb_menu ul.nav > li > a {
    background: #272729;
    color: #FAFAFA;
    padding: 8px 24px;
    line-height: 20px;
    font-weight: 600;
}

.hero-header.et_pb_section .et_pb_menu ul.nav > li:first-child > a {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.hero-header.et_pb_section .et_pb_menu ul.nav > li:last-child > a {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.hero-header.et_pb_section .et_pb_row_inner > .et_pb_column {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
}

.et_pb_button_module_wrapper .et_pb_button,
.et_pb_button_module_wrapper .et_pb_button::after {
    line-height: 20px !important;
}

.et_pb_button_module_wrapper .et_pb_button:hover::after {
    margin-left: -2px;
}


@media (max-width: 980px) {
    .hero-header.et_pb_section .et_mobile_nav_menu {
        margin: 0;
    }

    .hero-header.et_pb_section .et_mobile_nav_menu .mobile_nav {
        margin: 0;
        background: #272729;
        padding: 3px 10px;
        border-radius: 6px;
    }

    .hero-header.et_pb_section .et_mobile_nav_menu .mobile_nav .mobile_menu_bar:before {
        top: 0
    }

    .hero-header.et_pb_section .et_mobile_nav_menu .mobile_nav.opened {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .hero-header.et_pb_section .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu {
        right: 0px;
        width: 200px;
        left: auto;
        border-radius: 6px;
    }

    .hero-header.et_pb_section .et_mobile_nav_menu .mobile_nav.opened ul.et_mobile_menu {
        border-top-right-radius: 0;
    }

    .hero-header.et_pb_section .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu a {
        padding: 10px 16px;
        font-weight: 600;
        border-bottom: 1px solid #343437;
    }

    .hero-header.et_pb_section .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu > li:last-child > a {
        border-width: 0;
    }
}

@media (min-width: 981px) {
    .desktop-hidden {
        display: none;
    }
}


#moten {
	/* background: linear-gradient(180deg, #0B0B0C 0%, #190F2B 100%); */
	background: #0a0a0b;
	padding-top: 0px;
}
#chatt {
	/* background: var(--Gradient-2, linear-gradient(180deg, #190F2B 0%, #271449 100%)); */
	background: #6723E0;
	padding-top: 0px;
}
#projekt {
	/* background: linear-gradient(180deg, #271449 0%, #351868 100%); */
	background: #0a0a0b;
	padding-top: 0px;
}
#nyckeltal {
	/* background: linear-gradient(180deg, #351868 0%, #271449 100%); */
	background: #6723E0;
	padding-top: 0px;
}
#kalender {
	/* background: linear-gradient(180deg, #271449 0%, #190F2B 100%); */
	background: #0a0a0b;
	padding-top: 0px;
}
#prova {
	/* background: linear-gradient(180deg, #190F2B 0%, #0B0B0C 100%); */
	background: #6723E0;
	padding-top: 0px;
}

#prova p,
#nyckeltal p,
#chatt p {color: #fff;}

body.page-id-443 #page-container .et_pb_section .et_pb_button_0,
body.page-id-443 #page-container .et_pb_section .et_pb_button_1,
body.page-id-472 #page-container .et_pb_section .et_pb_button_0,
body.page-id-472 #page-container .et_pb_section .et_pb_button_1 {
	font-size: 24px;
	padding-top: 12px !important;
    padding-bottom: 12px !important;
}