/*
 Theme Name:     Divi Child By Mon Ordi Est Lent
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme Customized by Mon Ordi Est Lent
 Version:        1.0.0
 Author:         Elegant Themes & Mon Ordi Est Lent
 Author URI:     https://monordiestlent.com
 Template:       Divi
 License:     GPL2
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: divi-custom-child-101
 Domain Path: /lang

 Divi Custom Child by Mon Ordi Est Lent is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 2 of the License, or
 any later version.

 Divi Custom Child by Mon Ordi Est Lent is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with Divi Custom Child by Mon Ordi Est Lent. If not, see https://www.gnu.org/licenses/gpl-2.0.html.
*/


/* =Theme customization starts here
------------------------------------------------------- */

.custom-button,
.button-style-1 {
    background-color: var(--button1Background) !important;
    transition: background-color 500ms ease 0ms;
    color: var(--button1Text);
}

.custom-button:hover,
.button-style-1:hover {
    background: unset !important;
    background-color: var(--button1HoverBackground) !important;
    color: var(--button2HoverText);
}

.invert-custom-button,
.button-style-2 {
    background-color: var(--button2Background) !important;
    transition: background-color 500ms ease 0ms;
    color: var(--button2Text);
}

.invert-custom-button:hover,
.button-style-2:hover {
    background: unset !important;
    background-color: var(--button2HoverBackground) !important;
    color: var(--button2HoverText) !important;
}

.custom-button,
.button-style-1,
.invert-custom-button,
.button-style-2 {
    display: flex;
    align-items: center;
    border-radius: 3px;
    border-style: none !important;
    box-shadow: none;
    padding: 12px 15px !important;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    cursor: pointer;
    position: relative;
    text-decoration: none;
}

li.et-social-icon.et-social-linkedin a.icon:hover {
    color: var(--linkedin) !important;
}

li.et-social-icon.et-social-twitter a.icon:hover {
    color: var(--twitter) !important;
}

li.et-social-icon.et-social-facebook a.icon:hover {
    color: var(--facebook) !important;
}

li.et-social-icon.et-social-youtube a.icon:hover {
    color: var(--youtube) !important;
}

li.et-social-icon.et-social-instagram a.icon:hover {
    color: var(--instagram) !important;
}

li.et-social-icon.et-social-rss a.icon:hover {
    color: var(--rss) !important;
}

li.et-social-icon.et-social-phone a.icon:hover {
    color: var(--phone) !important;
}

li.et-social-icon.et-social-email a.icon:hover {
    color: var(--email) !important;
}

.et-social-linkedin a.icon::before {
    content: "\e09d";
}

.et-social-youtube a.icon::before {
    content: "\e0a3";
}

.et-social-phone a.icon::before {
    content: "\e090";
}

.et-social-email a.icon::before {
    content: "\e076";
}