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; }