/* Gröna lunds accentfärger */
:root {  
    --accent-dark: #073024;
    --accent-mid: #8CCBB9;
    --accent-light: #C9E8DD;}

/* Import the fonts */
@font-face {  font-family: 'Raleway';  src: url('/public/block/Blocks_System/DefaultCSS/fonts/Raleway/Raleway-VariableFont_wght.ttf') format('truetype');  font-wight: 100 900;}


@font-face {  font-family: 'Raleway';  src: url('/public/block/Blocks_System/DefaultCSS/fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf') format('truetype');  font-weight: 100 900;  font-style: italic;}

/* Text styling */
.text-block  {
    font-family: 'Raleway' !important;
}
.text-block.extra_bold p,
.text-block.extra_bold h1,
.text-block.extra_bold h2,
.text-block.extra_bold h3 {
    font-weight: 800;
}
/* Text block background color styling */
.text-block.dark_bg {
background-color: var(--accent-dark);
}
.text-block.mid_bg {
background-color: var(--accent-mid);
}
.text-block.light_bg {
background-color: var(--accent-light);
}

.text-block.dark_txt {
    color: var(--accent-dark);
}

.text-block.mid_txt {
    color: var(--accent-mid);
}

.text-block.light_txt {
    color: var(--accent-light);
}

/* Text rotation */
.text-block.lean_left{
    transform:rotate(-6deg);
}
.text-block.lean_right {
    transform: rotate(6deg);
}


/*This section is for styling made for technical reasons.*/

/*Hides Spotlist in editor*/
.No_Spot #spotWrap {    
    display: none;
}


/*Controlpanel styling.*/
.controlpanel .list .Button-ctl>div {
    background-color: initial;
    border: 4px solid black;
    border-radius: 0px;
}

.controlpanel .list .Button-ctl.active>div {
    background-color: initial;
    border: 6px solid rgb(255, 9, 9);
    border-radius: 0px;
}