/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

:root{
    
    /* Layout */
    --content-layout-width: 1440px;
    --content-layout-width-medium: 1280px;
    --content-layout-width-small: 768px;

    /* Colors */
    --primary-color: #15486c;
    --secondary-color: #0c2b41;
    --text-color: #000000;

    /* Grey Scale */
    --color-white: #FFFFFF;
    --color-black: #000000;

    --color-grey-light: #f4f4f4;
    --color-grey-medium: #CCCCCC;
    --color-grey-dark: #262725;

    /* Typography */
    --font-family-body: Arial, Helvetica, sans-serif;
    --font-family-heading: Arial, Helvetica, sans-serif;

    /* Font Sizes */
    --fontsize-h1: calc(28px + (62 - 28) * ((100vw - 375px) / (1920 - 375)));
    --fontsize-h2: calc(26px + (58 - 26) * ((100vw - 375px) / (1920 - 375)));
    /*--fontsize-h3: calc(22px + (50 - 22) * ((100vw - 375px) / (1920 - 375)));*/
    --fontsize-h4: calc(20px + (45 - 20) * ((100vw - 375px) / (1920 - 375)));
    --fontsize-h5: calc(18px + (28 - 18) * ((100vw - 375px) / (1920 - 375)));
    /*--fontsize-h6: calc(14px + (21 - 14) * ((100vw - 375px) / (1920 - 375)));*/

    --fontsize-body: calc(15px + (22 - 15) * ((100vw - 375px) / (1920 - 375)));
    --fontsize-lead: calc(16px + (26 - 16) * ((100vw - 375px) / (1920 - 375)));
}

/* -------------- HEADER STYLING -------------- */

.fusion-tb-header .fusion-image-element span, 
.fusion-tb-header .fusion-image-element a, 
.fusion-tb-header .fusion-image-element img {
    min-width: 200px;
}

#wrapper .fusion-tb-header .fusion-fullwidth.fusion-sticky-transition {
    background: #fff;
}

/* Menu */

.fusion-tb-header .contact a span {
    width: 200px;
    height: 50px;
    background: var(--awb-color1);
    text-align: center;
    justify-content: center;
    border-radius: 8px;
    transition: .3s ease;
}

.fusion-tb-header .contact:hover a span {
    color: #fff;
    background: var(--awb-color5);
}

#wrapper .fusion-tb-header .fusion-sticky-transition li:not(.contact) span.menu-text {
    color: var(--awb-color7);
}

#wrapper .fusion-tb-header .fusion-sticky-transition li:not(.contact) span.menu-text:hover {
    color: var(--awb-color2);
}

/* -------------- HEADER STYLING END -------------- */

/* -------------- TYPOGRAPHY -------------- */

p em,
em {
    font-style: normal;
    color: #fff;
    background: var(--awb-color1);
    padding: 3px 20px;
    border-radius: 15px;
    line-height: 1.6;
}

/* -------------- TYPOGRAPHY END -------------- */

/* -------------- BEFORES & AFTERS -------------- */

#wrapper .fusion-fullwidth.tile {
    position: relative;
}

#wrapper .fusion-fullwidth.tile:before {
    content: '';
    position: absolute;
}

#wrapper .fusion-fullwidth.tile:before{
    background-image: url(./images/white-tiles.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: -9% 45%;
    opacity: 65%;
}

/* -------------- BEFORES & AFTERS END -------------- */


#wrapper a.fusion-button {
    min-width: 200px;
}