/**
 * Theme Name:    Amplify Theme
 * Version:       1.2.1
 * Template:      twentytwentyfour
 * Author:        Amplify Digital
 * Author URI:    https://amplifydigital.se
 * Description:   Amplify Digital's custom theme for WordPress.
*/

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Start page */
body.home #intro {
   margin-block-start: 0;
   margin-top: -100px;
}

/* FA pseudo */
.menu-icon a::before {
   display: inline-block;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
}

/* Menu icons */
.menu-icon a::before {
   font-family: FontAwesome;
   font-size: .9em;
   margin-right: .4em;
   padding-left: .1em;
   padding-right: .1em;
}

.menu-icon-webb a::before { content: '\f0ac'; } /* globe */
.menu-icon-analys a::before { content: '\f201'; } /* chart */
.menu-icon-hosting a::before { content: '\f06c'; } /* leaf */
.menu-icon-drift a::before { content: '\f0e7'; } /* bolt */
.menu-icon-sakerhet a::before { content: '\f132'; } /* shield */
.menu-icon-ai a::before { content: '\f0d0'; } /* magic */

/* Menu icons hover */
.menu-icon:hover a { text-decoration: none; }

/* Menu icons hover before */
.menu-icon:hover a::before { color: var(--wp--preset--color--accent-2); } /* blue */
.menu-icon-analys:hover a::before { color: var(--wp--preset--color--accent-4); } /* purple */
.menu-icon-hosting:hover a::before { color: var(--wp--preset--color--accent); } /* green */
.menu-icon-drift:hover a::before { color: var(--wp--preset--color--contrast-3); } /* yellow */
.menu-icon-ai:hover a::before { color: var(--wp--preset--color--luminous-vivid-orange); } /* orange */
.menu-icon-sakerhet:hover a::before { color: var(--wp--preset--color--accent-3); } /* red */


/* Remove text decoration */
.AD_remove-text-decoration a {
   text-decoration: none!important;
}

/* Negativ bottenmarginal */
AD_negative-bottom-margin-20 {
   margin-bottom: -20px;
}

/* Glas-bakgrund header front */
html:not(.has-modal-open) .AD_glass {
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* Specialhöjd 200px & 400px */
.AD_height-200 { height: 200px; }
.AD_height-400 { height: 400px; }