/*
 Theme Name: FJLP Theme
 Theme URI: http://example.com/my-custom-theme
 Author: Sarah Katerji
 Author URI: http://example.com
 Description: A custom theme created for Fondation Jean Lapointe.
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom, theme, learning
 Text Domain: fjlp-theme
*/


/***** Patterns *****/
/*TODO: dynamic serving for colors*/
.underlined u{
    position: relative;
    z-index:1;
    text-decoration: none;
}
.underlined-pattern u::after{
    content:'';
    position: absolute;
    width: 100%;
    bottom: -15px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    background-image: url('./assets/images/word_underline.svg');
}
.underlined-pattern-green u::after{
    content:'';
    position: absolute;
    width: 100%;
    bottom: -15px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    background-image: url('./assets/images/line-green.svg');
}
.underlined-pattern-purple u::after{
    content:'';
    position: absolute;
    width: 100%;
    bottom: -15px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    background-image: url('./assets/images/line-purple.svg');
}
.underlined-pattern-yellow u::after{
    content:'';
    position: absolute;
    width: 100%;
    bottom: -15px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    background-image: url('./assets/images/line-yellow.svg');
}

.underlined-pattern-red u::after{
    content:'';
    position: absolute;
    width: 100%;
    bottom: -15px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    background-image: url('./assets/images/line-red.svg');
}



/* normal underline */
.underlined-straight u::after{
    position:absolute;
    content:"";
    width:100%;
    height:12px;
    bottom:0px;
    left:0px;
    z-index:-1;
}

.underlined-corail u::after{
    background-color: #F28586;
}

/*Elementor buttons*/
.elementor-button-icon svg{
    font-size:35px;
}
.elementor-button-content-wrapper{
    align-items: center;
}