@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;1,400&display=swap');

@font-face {
    font-family: "casodesign-iconfont";
    src: url("../fonts/casodesign-iconfont.woff2") format("woff2"),
	url("../fonts/casodesign-iconfont.woff") format("woff");
    font-display: swap
}

@font-face {
    src: url("../fonts/382AE2_0_0.eot");
    src: url("../fonts/382AE2_0_0.eot?#iefix") format("embedded-opentype"),
	url("../fonts/382AE2_0_0.woff2") format("woff2"),
	url("../fonts/382AE2_0_0.woff") format("woff"),
	url("../fonts/382AE2_0_0.ttf") format("truetype");
    font-family: "KlintStd-Regular", sans-serif;
    font-display: swap
}

@font-face {
    src: url("../fonts/382AE2_1_0.eot");
    src: url("../fonts/382AE2_1_0.eot?#iefix") format("embedded-opentype"),
	url("../fonts/382AE2_1_0.woff2") format("woff2"),
	url("../fonts/382AE2_1_0.woff") format("woff"),
	url("../fonts/382AE2_1_0.ttf") format("truetype");
    font-family: "KlintPro-Medium", sans-serif;
    font-display: swap
}

@font-face {
    src: url("../fonts/382AE2_2_0.eot");
    src: url("../fonts/382AE2_2_0.eot?#iefix") format("embedded-opentype"),
	url("../fonts/382AE2_2_0.woff2") format("woff2"),
	url("../fonts/382AE2_2_0.woff") format("woff"),
	url("../fonts/382AE2_2_0.ttf") format("truetype");
    font-family: "KlintStd-Bold", sans-serif;
    font-display: swap
}

@font-face {
    src: url("../fonts/oooh-baby-v4-latin-regular.woff2") format("woff2"),
	url("../fonts/oooh-baby-v4-latin-regular.woff") format("woff");
    font-family: "Oooh Baby";
    font-display: swap
}

.side-menu ul, .footer-menu ul {
    list-style: none;
    padding: 0;
}

.side-menu .current-menu-item a::before,
.footer-menu .current-menu-item a::before {
    display: inline-block;
    font: normal normal normal 14px / 1 "casodesign-iconfont";
    font-size: .625rem;
    margin-right: .75rem;
    letter-spacing: 0;
    vertical-align: -10%;    
    content: "\f138" / "";
}

.side-menu a {
    font-family: "KlintPro-Medium", sans-serif;
    border-top: 1px solid #fff;
    padding: 0.375rem 1.5rem;
    display: block;
}

.footer-menu a, .side-menu a {
    color: var(--e-global-color-69c9db5);
    font-size: 16px; 
}

.footer-menu li {
    padding-bottom: 0.375rem;
}

.side-menu a:hover, .side-menu .current-menu-item a,
.footer-menu a:hover, .footer-menu .current-menu-item a {
    color: white;
}

#footer-payment .gallery-item { 
    max-width: 110px;
    height: 52px;
    padding: .375rem .1875rem;
    border-radius: .375rem;
    background-color: #d9d9d9;

    margin: 0 1.5rem 1.5rem 0;
}

#footer-payment img { width: 80px; }

#header-slider .xpro-hero-slider-title,
.title-underline,
.image-signature .widget-image-caption
{
    position: relative
}

#header-slider .xpro-hero-slider-title::before,
.title-underline::before,
.image-signature .widget-image-caption::before
{
    position: absolute;
    top: -0.75rem;
    left: 0;
    width: 60px;
    height: 2px;
    background: #333;
    content: "";
}

.xpro-hero-slider-button-primary { padding: .375rem .75rem; margin-top: 1.5rem }

button, .c-button a, .c-button button {
    display: inline-block;
    padding: .375rem .75rem;
    background: #333;
    color: #fff;
    font-family: "KlintProMedium", sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .2s;
}


button:hover, .c-button a:hover, .c-button button:hover {
    background: #404040;
    color: #fff;
    text-decoration: none;
}

.page h1.entry-title { display: none !important }

.image-signature .wp-caption {
    position: relative;
}

.image-signature .widget-image-caption {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
}