/* Rebranding CSS for Flatsome child theme */

/* Font face declarations */
@font-face {
    font-family: 'Den Faglige Font';
    src: url('../fonts/DenFagligeFont-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Den Faglige Font';
    src: url('../fonts/DenFagligeFont-RegularOblique.ttf') format('truetype');
    font-weight: 400;
    font-style: oblique;
}

@font-face {
    font-family: 'Den Faglige Font';
    src: url('../fonts/DenFagligeFont-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Den Faglige Font';
    src: url('../fonts/DenFagligeFont-LightOblique.ttf') format('truetype');
    font-weight: 300;
    font-style: oblique;
}

@font-face {
    font-family: 'Den Faglige Font';
    src: url('../fonts/DenFagligeFont-LightCondensed.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-stretch: condensed;
}

@font-face {
    font-family: 'Den Faglige Font';
    src: url('../fonts/DenFagligeFont-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Den Faglige Font';
    src: url('../fonts/DenFagligeFont-MediumOblique.ttf') format('truetype');
    font-weight: 500;
    font-style: oblique;
}

@font-face {
    font-family: 'Den Faglige Font';
    src: url('../fonts/DenFagligeFont-MediumCondensed.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-stretch: condensed;
}

@font-face {
    font-family: 'Den Faglige Font';
    src: url('../fonts/DenFagligeFont-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Den Faglige Font';
    src: url('../fonts/DenFagligeFont-BoldOblique.ttf') format('truetype');
    font-weight: 700;
    font-style: oblique;
}

@font-face {
    font-family: 'Den Faglige Font';
    src: url('../fonts/DenFagligeFont-BoldCondensed.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
}

/* Background colors */
.bg-white {
    background-color: #ffffff;
}

.bg-blue-50 {
    background-color: #e6f1ff;
}

.bg-blue-100 {
    background-color: #b2d3fe;
}

.bg-blue-500 {
    background-color: #0066cc;
}

.bg-blue-700 {
    background-color: #0650b2;
}

.bg-grey-100 {
    background-color: #FCFBFA;
}

.bg-grey-200 {
    background-color: #F5F3EF;
}

.bg-grey-300 {
    background-color: #EAE8E3;
}

.bg-grey-400 {
    background-color: #D3D0CA;
}

.bg-grey-1000 {
    background-color: #151515;
}

/* Text colors */
.text-white {
    color: #ffffff;
}

.text-blue-50 {
    color: #e6f1ff;
}

.text-blue-100 {
    color: #b2d3fe;
}

.text-blue-500 {
    color: #0066cc;
}

.text-blue-700 {
    color: #0650b2;
}

.text-grey-100 {
    color: #FCFBFA;
}

.text-grey-200 {
    color: #F5F3EF;
}

.text-grey-300 {
    color: #EAE8E3;
}

.text-grey-400 {
    color: #D3D0CA;
}

.text-grey-1000 {
    color: #151515;
}

/* Elements */
body {
    font-family: 'Den Faglige Font', 'Open Sans', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Den Faglige Font', 'Open Sans', sans-serif !important;
}

.nav-action-button {
    width: 174px;
    background-color: #007bff;
    color: #ffffff;
    display: flex;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 21px;
    transition: background-color 0.2s ease-in-out;
}

.nav-action-button:hover {
    background-color: #b2d3fe;
}

.nav-action-button:active {
    background-color: #0650b2;
}

.adt-search-icon {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
}

p a, ul:not(.header-nav) li a {
    color: #0870fb;
    transition: color 0.1s linear;
}

p a:hover, ul:not(.header-nav) li a:hover {
    text-decoration: underline;
}

p a:active, ul:not(.header-nav) li a:active {
    color: #0650b2;
}

.accordion .accordion-item:not(.adt-comparison-table-item) .accordion-title {
    background-color: #e6f1ff;
    box-shadow: none;
}

.accordion .accordion-item:not(.adt-comparison-table-item) button {
    background-color: #007bff;
}

.accordion .accordion-item:not(.adt-comparison-table-item) .active button {
    background-color: #0650b2;
}