/*
 Theme Name:   laumotors
 Description:  Woodmart Child Theme
 Author:       aprogramx
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/************* specific colors ******************/

.fa-file-word {
    color: #1B5EBE;
}

.fa-file-pdf {
    color: #FA0F00;
}

.wd-nav.wd-style-default {
    --nav-color-hover: #BF2525FF;
}

body .wd-page-wrapper .whb-main-header,
body .wd-page-wrapper .footer-container {
    background-color: #fff;
    overflow: hidden;
}

body .wd-page-wrapper .footer-container {
    position: relative;
}

/* Layer 1: fine grain/scratches via SVG turbulence noise */
body .wd-page-wrapper .whb-main-header::before,
body .wd-page-wrapper .footer-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('https://laumotors.de/wp-content/themes/laumotors/_img/noise_before.svg');
    opacity: 0.5;
    mix-blend-mode: multiply;
    pointer-events: none;
}

/* Layer 2: coarser mottling / stain, softer and larger scale */
body .wd-page-wrapper .whb-main-header::after,
body .wd-page-wrapper .footer-container::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('https://laumotors.de/wp-content/themes/laumotors/_img/noise_after.svg');
    opacity: 0.45;
    mix-blend-mode: multiply;
    pointer-events: none;
}

/******************************* content **********************************/

body .noise-neutral {
    -webkit-mask-image: url('https://laumotors.de/wp-content/themes/laumotors/_img/torn_deep.svg');
    mask-image: url('https://laumotors.de/wp-content/themes/laumotors/_img/torn_deep.svg');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: relative;
    color: #2b241d;
    padding: 70px 40px;
    text-align: center;
    background-color: #f4efe4;
    background-image:
            radial-gradient(circle at 15% 20%, rgba(67,47,36,0.4) 0%, rgba(67,47,36,0) 30%),
            radial-gradient(circle at 85% 75%, rgba(67,47,36,0.35) 0%, rgba(67,47,36,0) 35%),
            radial-gradient(ellipse at center, rgba(242,237,226,0) 45%, rgba(67,47,36,0.6) 100%);
}


/******************************* header ******************************/
.wd-page-title-bg.wd-fill::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
}

/***************************** slider **********************************/

.torn-box {
    position: relative;
    padding: 60px 80px;
    background-color: #f2ede2;
    color: #2b241d;
    background-image:
            radial-gradient(circle at 15% 20%, rgba(67,47,36,0.4) 0%, rgba(67,47,36,0) 30%),
            radial-gradient(circle at 85% 75%, rgba(67,47,36,0.35) 0%, rgba(67,47,36,0) 35%),
            radial-gradient(ellipse at center, rgba(242,237,226,0) 45%, rgba(67,47,36,0.6) 100%);
    /*background-image:*/
    /*        radial-gradient(circle at 15% 20%, rgba(163,117,53,0.35) 0%, rgba(163,117,53,0) 30%),*/
    /*        radial-gradient(circle at 85% 75%, rgba(163,117,53,0.3) 0%, rgba(163,117,53,0) 35%),*/
    /*        radial-gradient(ellipse at center, rgba(242,237,226,0) 45%, rgba(163,117,53,0.55) 100%);*/

    /* the torn-edge mask */
    -webkit-mask-image: url('https://laumotors.de/wp-content/themes/laumotors/_img/torn_image_mask.svg');
    mask-image: url('https://laumotors.de/wp-content/themes/laumotors/_img/torn_image_mask.svg');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

/******************** aged look *********************/

.aged-wide {
    position: relative;
    width: 100%;
    aspect-ratio: 21 / 9;
    background-color: #f2ede2;
    overflow: hidden;
}

/* even border tint, independent of aspect ratio */
.aged-wide::before {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 140px 50px rgba(67, 47, 36, 0.55);
    pointer-events: none;
}

/* a couple of off-center stains for irregularity, on top of the even border tint */
.aged-wide::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
            radial-gradient(circle at 12% 25%, rgba(67,47,36,0.35) 0%, rgba(67,47,36,0) 22%),
            radial-gradient(circle at 88% 70%, rgba(67,47,36,0.3) 0%, rgba(67,47,36,0) 25%);
    pointer-events: none;
}