Negative Top Margin

negative-top-margin
Css
.negative-top-margin>div>div{
  margin-top: -7vw;
}

Header Menu Links

header-menu-links
Css
.header-menu-links span {
font-family: var(--swift-header-font);
font-size: 1.5rem;
margin: 0px 0px 0px 10px;
}
.header-menu-links .btn {
font-family: var(--swift-header-font);
}

Button Ando Font

btn-display-font
Css
.btn-display-font .btn{
font-family: var(--swift-display-font);
font-size: 1.25rem;
}

Image Rounded Corners

image-rounded-corners
Css
.image-rounded-corners img{
border-radius: 15px;
-webkit-border-radius:15px;   
}

Row With Rounded corners and shadow

row-with-rounded-corners-and-shadow
Css
.row-with-rounded-corners-and-shadow>div>div { 
  border-radius: 15px;
  -webkit-border-radius:15px;   
  overflow: hidden;
  box-shadow: 0px 1px 4px 1px #00000057;
  -webkit-box-shadow: 0px 1px 4px 1px #00000057;
}

Column With Rounded corners and shadow

column-with-rounded-corners-and-shadow
Css
.column-with-rounded-corners-and-shadow>div>div>div {    
  border-radius: 15px;
  -webkit-border-radius:15px;   
  overflow: hidden;
  box-shadow: 0px 1px 4px 1px #00000057;
  -webkit-box-shadow: 0px 1px 4px 1px #00000057;
  z-index: 99;
}

Header Shadow (Global)

Css
header > .beige-black {
    box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 30%);
   -webkit-box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 30%);
}

Shadows Into Light Eyebrow (Global)

Css
.text-accent {
   font-family: 'font-ShadowsIntoLight';
  font-weight: 400!important;
}

Column With Rounded Corners

column-with-rounded-corners
Css
.column-with-rounded-corners>div>div>div {    
  border-radius: 15px;
  -webkit-border-radius:15px;   
  overflow: hidden;
}

Logo Color (Global)

Css
path.cls-1, path.cls-2 {
    fill: var(--swift-foreground-color);
}

Finansiering Iframe Styling

financing-iframe
Css
.financing-iframe>h2  {
    width: 100%;
    height: 650px;
}

Deaktivere medarbejder links

inactiveLinks
Css
.inactiveLinks article {
   pointer-events: none;
   cursor: default;
}

Mega Menu Styling

megamenupadding
Css
.megamenupadding .nav-item>a, .megamenupadding .nav-item>span {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}
.megamenupadding #Megamenu_Page_1872_9864 .dropdown-menu>div>div.flex-wrap{
    display: grid !important;
    grid-template-columns: 2fr 2fr 1fr;
    margin-bottom: 3rem;
    column-gap: 5vw;
}
.megamenupadding #Megamenu_Page_1901_9864 .dropdown-menu>div>div.flex-wrap{
display: grid !important;
    grid-template-columns: auto auto auto auto;
    grid-gap: 2vw;
}

Heading ShadowsIntoLight Font

headingSiLFont
Css
.headingSiLFont h1, .headingSiLFont h2, .headingSiLFont h3, .headingSiLFont h4, .headingSiLFont h5, .headingSiLFont h6 {
    font-family: 'font-ShadowsIntoLight' !important;
    font-weight: 400!important;
}

Image Full Width

imageFullWidth
Css
.imageFullWidth figure>img {
    width: 100%;
}

Webkit Rounded Corner (Global)

Css
.rounded-4{
-webkit-border-radius: 0.5rem !important;
}

Indholdfortegnelse

indholdfortegnelse
Css
.indholdfortegnelse>div>div>div:last-of-type .item_swift_textadvanced:last-of-type {
    background: none;
}
.indholdfortegnelse>div>div>div:last-of-type .item_swift_textadvanced:last-of-type > div:last-of-type {
    background-color: var(--swift-background-color);
    border-radius: 15px;
    padding-bottom: 2vh;
}

Mobile Menu line (Global)

Css
.offcanvas>.offcanvas-body>.offcanvas-navigation>.second-nav:before {
    content: "";
    width: 90%;
    height: 2px;
    background-color: #808080;
    display: block;
    margin: 2vh 0px 2vh 15px;
    border-radius: 1px;
}

Slider max Width

slider-max-width
Css
.slider-max-width .g-col {
max-width: 92vw;
}

DropDown Max Height

dropdown-max-height
Css
.dropdown-max-height .choices__list {
    max-height: 35vh;
}

Prisliste (Global)

Css
@media only screen and (max-width: 600px){
    .accordion-header .accordion-button {
        display: grid !important;
        grid-template-columns: 3fr 1fr auto;
        font-size: 0.8rem;
        /* justify-items: self-end; */
        grid-gap: 1rem;       
    }  
    .accordion-header .accordion-button .col-4 {
            width: 100%;
            justify-items: self-end;
            align-self: center;
            }
        .accordion-header .accordion-button .col-4.collapsed{
      grid-column: 4 / 5; 
}
    .accordion-collapse>div {
    display: grid!important;
    grid-template-columns: 3fr 1fr auto;
    grid-gap: 1rem;
    font-size: 0.8rem;
}
    .accordion-collapse>div .col-4 {
            width: 100%;
            justify-items: self-end;
            }
}

Active Nav Link (Global)

Css
.nav-link.active {
text-decoration: underline!important;
}

Klinik Navn (Global)

Css
figure.m-0.d-flex.justify-content-start.item_swift_logo span {
    font-weight: 600;
}

Poster Image Fill

poster-image-fill
Css
.poster-image-fill{
height: 100%;
}
.poster-image-fill>figure{
height: 100%;
}
.poster-image-fill>figure>img{
height: 100%;
width: 100%;
}

Klinik Dropdown (Global)

Css
.choices__heading {
font-size: 0.9rem!important;
}
.choices__input:focus {
    border: 1px solid #EDAD64 !important;
    box-shadow: inset 0px 0px 3px 0px #EDAD64;
}

Form Image Rounded Corners

form-image-rounded-corners
Css
.form-image-rounded-corners img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

Form Column With Rounded corners and shadow

form-column-with-rounded-corners-and-shadow
Css
.form-column-with-rounded-corners-and-shadow > div > div > div > .theme {    
  border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  -webkit-box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  z-index: 99;
  overflow: hidden;
  background-image: url(/Files/Images/Assets/bg-tooth-custom.png);
  background-size: cover;
}
.form-column-with-rounded-corners-and-shadow #MailRecipient.form-select {
  color: var(--swift-button-primary-foreground-color);
  background-color: var(--swift-button-primary-background-color);
  border: 1px solid var(--swift-button-primary-border-color);
  padding: .75rem 2.25rem .75rem .75rem;
}
.form-column-with-rounded-corners-and-shadow #MailRecipient.form-select:focus  {
  border-color: rgba(var(--swift-foreground-color-rgb),.3);
  -webkit-box-shadow: 0 0 0 .25rem rgba(77,77,77,.25);
  box-shadow: 0 0 0 .25rem rgba(77,77,77,.25);
  outline: 0;
}
.form-column-with-rounded-corners-and-shadow .form-control {
  color: var(--swift-button-secondary-foreground-color);
  background-color: var(--swift-button-secondary-background-color);
  border: 1px solid var(--swift-button-secondary-border-color);
}
.form-column-with-rounded-corners-and-shadow .form-control:focus  {
  border-color: rgba(var(--swift-foreground-color-rgb),.3);
  -webkit-box-shadow: 0 0 0 .25rem rgba(77,77,77,.25);
  box-shadow: 0 0 0 .25rem rgba(77,77,77,.25);
  outline: 0;
}
.form-column-with-rounded-corners-and-shadow label.form-label {
  font-size: 14px;
  font-weight: 400;
}
.form-column-with-rounded-corners-and-shadow label.form-check-label {
  color: var(--swift-button-link-color);
  font-size: 13px;
}
.form-column-with-rounded-corners-and-shadow .form-check-input {
  border: 1px solid var(--swift-button-link-color);
}
.form-column-with-rounded-corners-and-shadow .form-check-input:focus  {
  border-color: rgba(var(--swift-foreground-color-rgb),.3);
  -webkit-box-shadow: 0 0 0 .25rem rgba(77,77,77,.25);
  box-shadow: 0 0 0 .25rem rgba(77,77,77,.25);
  outline: 0;
}
.form-column-with-rounded-corners-and-shadow .form-control::placeholder {
  color: var(--swift-button-link-color);
  font-size: 13px;
  opacity: 1;
}
.form-column-with-rounded-corners-and-shadow button[type='submit'] {
  color: var(--form-column-submit-button-foreground-color);
  background-color: var(--form-column-submit-button-background-color);
  border: 1px solid var(--form-column-submit-button-border-color);
  font-size: 13px;
}
.form-column-with-rounded-corners-and-shadow button[type='submit']:hover,
.form-column-with-rounded-corners-and-shadow button[type='submit']:active {
  color: var(--form-column-submit-button-hover-foreground-color);
  background-color: var(--form-column-submit-button-hover-background-color);
  border: 1px solid var(--form-column-submit-button-hover-border-color);
}

Hide on Clinic Visit (RefPageID param required)

custom-clinic-visit-hide
Css
.custom-clinic-visit .custom-clinic-visit-hide { display: none; }
By clicking 'Accept All' you consent that we may collect information about you for various purposes, including: Statistics and Marketing