/* a {
color:inherit !important;
} */
.no-margin-top{margin-top: 0!important;}
a:focus {
outline: none !important;
}
.wp-block-heading.is-style-virksund-h2{
font-style:normal;
font-weight:600;
text-transform:uppercase;
}
.news-header {
min-width: 300px;
}
.no-underline {
text-decoration: none !important;
}
/* Waves: */
.virk-wave-top-base {
position: relative;
overflow-x: hidden;
}
.virk-wave-top-base::before {
content: '';
position: absolute;
left: 0px;
width: 140vw;
min-width: 1000px;
height: clamp(60px, 8vw, 95px);
/* overflow-x: clip; */
background-color: var(--wp--preset--color--base);
-webkit-mask-image: url('data:image/svg+xml, ');
mask-image: url('data:image/svg+xml, ');
}
.virk-wave-top-contrast-2 {
position: relative;
overflow-x: hidden;
}
.virk-wave-top-contrast-2::before {
content: '';
position: absolute;
left: 0px;
width: 140vw;
min-width: 1000px;
height: clamp(60px, 8vw, 95px);
/* height: 95px; */
/* overflow: hidden; */
background-color: var(--wp--preset--color--contrast-2);
-webkit-mask-image: url('data:image/svg+xml, ');
mask-image: url('data:image/svg+xml, ');
/* transform: rotateY(180deg); */
}
.virk-wave-top-contrast-3 {
position: relative;
overflow-x: hidden;
}
.virk-wave-top-contrast-3::before {
content: '';
position: absolute;
left: 0px;
width: 140vw;
min-width: 1000px;
height: clamp(60px, 8vw, 95px);
/* height: 95px; */
/* overflow: hidden; */
background-color: var(--wp--preset--color--contrast-3);
-webkit-mask-image: url('data:image/svg+xml, ');
mask-image: url('data:image/svg+xml, ');
}
/* A bit of fun:
Pure css animated bubbles
https://codepen.io/Momika/pen/ydaWmQ */
/* */
.gaester
{
border-radius: 46% 17% 45% 30% / 32% 27% 25% 41%;
}
.gaester:hover {
filter: brightness(120%);
/* backdrop-filter: brightness(1.5); */
}
.virk-bigbutton
{
border-radius: 46% 17% 45% 30% / 32% 27% 25% 41%;
}
.virk-bigbutton:hover {
filter: brightness(120%);
/* backdrop-filter: brightness(1.5); */
}
.link-primarycolor{
a {
color: var(--wp--preset--color--primary)
}
}
.virk-border-hover {
border-radius: 100px;
outline: solid 0px #b11c1c;
transition: 0.3s linear;
margin: 0.5em; /* Increased margin since the outline expands outside the element */
}
.virk-border-hover:hover {
transform: scale(1.2);
outline-width: 5px;
}
.virk-data {
position: relative;
padding: 0px;
margin: 0px;
}
.virk-data:hover div#virk-data-popup{
visibility: visible;
transition-delay:0.3s;
}
#virk-data-popup {
position: absolute;
top: 25px;
left: 75px;
visibility: hidden;
z-index: 10;
padding-inline: 10px;
border-radius: 10px;
width: 250px;
background-color: var(--wp--preset--color--contrast);
opacity: 70%;
color: var(--wp--preset--color--base) !important;
a {
color: var(--wp--preset--color--base) !important;
}
}
#virk-data-popup:hover {
visibility: visible;
}
.virk-person-card {
width: 220px;
min-height: 200px;
padding: 0.5em !important;
color: var(--wp--preset--color--contrast);
background-color: var(--wp--preset--color--accent-5);
border-radius: 20px;
border-width: 2px;
border-color: var(--wp--preset--color--contrast);
border-style: solid !important;
text-align: center;
overflow: hidden;
h5 {
}
img {
width: 100px;
border-radius: 200px;
border-width: 2px !important;
border-color: var(--wp--preset--color--contrast);
border-style: solid !important;
}
.img:hover {
transform: scale(1.2);
}
figure {
margin-block-start: 5px !important;
}
p {
margin-block-start: 5px !important;
}
}