Fargepalett

Hovedfarge:

HEX #b9cfc1

CMYK 24, 0 , 21, 14

Tilleggsfarge:

HEX #7f93c2

CMYK 52, 34, 0, 10

Kontrastfarge:

HEX #f4970c

CMYK 0, 48, 96, 0

Headingfont: Neue Haas Grotesk text

Heading 1

Heading 2

Heading 3

Heading 4

(NB! H4 er holdt av til bruk for veldig små størrelser)

Paragraf 1

Paragraf 2

Paragraf 3

Monospace

Kopi av ekstra CSS (geirwerner) pr. 16.08.2024

// divers for meny på vanlig skjerm

.header-nav a:hover {

color: grey!important;

font-size: 1.2rem!important;

-webkit-transition: font-size .3s;

-moz-transition: font-size .3s;

-o-transition: font-size .3s;

transition: font-size .3s;

}

// Kalenderknapp START

.eventlist-meta-export-ical, .eventlist-meta-export-google{

background:grey;

padding: 7px 5px 7px 8px;

border-radius: 2px;

}

.eventlist-meta-export-google:hover {background-color: #3e8e41}

.eventlist-meta-export-ical:hover {background-color: #3e8e41}

// Kalenderknapper FERDIG

// Forsiktig puls på knapp

.sqs-button-element--primary{

animation: pulsing 2s infinite;

}

@keyframes pulsing {

0% {

transform: scale(0.99);

box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);

}

70% {

transform: scale(1);

box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);

}

100% {

transform: scale(0.99);

box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

}

}

/*Search Bar Bcakground color*/

.search-input {

background-color: white!important;

}

/*Search bar input text*/

.search-input {

border-left: 1px solid white !important;

border-top: 1px solid white !important;

border-right: 1px solid white!important;

border-bottom: 1px solid white !important;

}

// Remove Hyphens //

p, h1, h2, h3 {

-webkit-hyphens: manual !important;

-moz-hyphens: manual !important;

-ms-hyphens: manual !important;

hyphens: manual !important;

}

// justere tekststørrelse på summary-block MOBIL

@media only screen and (max-width:767px) {

.summary-title

{

text-align: center;

font-size: 1.5rem!important;

letter-spacing: -1px;

word-wrap: normal; /*stopper deling av ord*/

}

}

// fiiin rulling

html {

scroll-behavior: smooth;

}

/*Chnages Search bar input text color*/

.search-input {

color: green!important;}

// Diverse css for summary block

/* dette er selektorene:

.summary-block-wrapper

.summary-item

.summary-thumbnail

.summary-content

.summary-title

.summary-excerpt

.summary-metadata

.summary-read-more-link

*/

// dato og legg til i kalender

.event-date,

{

font-size:0.9rem;

}

.eventlist-meta-export-google, .eventlist-meta-export-ical

{

font-size:0.8rem;

color:white,

}

// Skjul Vis arrangement-knapp

.eventlist-button.sqs-editable-button.sqs-button-element--primary {

display: none;

}

blockquote {

border-left: 2px solid white;

padding: 1px 10px 1px 20px;

}

.summary-title {font-size: 1,8.rem!important;

font-weight:700!important;

color: darkgreen!important;

text-transform: uppercase;}

//Fjern strek under lenker

a {

text-decoration: none!important;

}

// Burger meny endringer

#header.shrink .header-border, #header.shrink .header-background-solid{

background: transparent;

}

.header--menu-open .burger-inner .top-bun,

.header--menu-open .burger-inner .patty,

.header--menu-open .burger-inner .bottom-bun {

height: 5px;

}

/*Tykkere linjer hamburgermeny*/

.top-bun, .patty, .bottom-bun {

height: 6px !important;

padding-right: 3px!important;

}

/*Farge på linjer hamburgermeny*/

.burger-inner > div {

background-color:white !important;

}

CSS-fargekart på navn: