/*
Theme Name: Montreal Junk
Theme URI: https://elementor.com/hello-theme/
Template: hello-elementor
Author: Kohpr
Author URI: https://kohpr.com/
Version: 2.5.0.1645437007
Updated: 2022-02-21 04:50:07
*/

/***********************************************/
/*                   General                   */
/***********************************************/
/* Prevents Whitespace on right side of mobile */
html, body{
	width:100%;
	overflow-x:hidden;
}

/* Add whitespace to non elementor pages */
body.page-template-default main,
body.error404 main
{
    margin-top: 60px;
    margin-bottom: 60px;
}

/* Remove focus shadow from elementor input field */
.elementor-field-group input:focus { box-shadow: none !important; }

/* Force text going off screen to be broken into multiple lines */
.force_linebreak .elementor-icon-list-text { word-break: break-word; }

/* Disable hover effect on inline urls */
.inline_url:hover { 
    color: black !important;
    cursor: default;
}

/* Show that inline link is clickable in body of text */
.inline_url_accent {
    color: var(--e-global-color-primary) !important;
    font-weight: 600 !important;
}
.inline_url_accent:hover { color: var(--e-global-color-secondary) !important; }
.accent { color: var(--e-global-color-primary); }


/***********************************************/
/*                   Header                    */
/***********************************************/
/* ***** HEADER OUTER CONTAINER ***** */
#sticky-header.elementor-sticky--effects {
    background-color: #000000f5;
    box-shadow: 0 6px 5px -5px rgb(0 0 0 / 28%) !important;
}


/* ***** HEADER INNER CONTAINER ***** */
#sticky-header > .elementor-container {
    /* min-height: 100px;  */ /* on elementor */
    transition: min-height 0.8s ease !important;
}
#sticky-header.elementor-sticky--effects > .elementor-container{
    min-height: 80px;
}


/* ***** HEADER LOGO ***** */
#sticky-header .elementor-widget-image img{
    transition: 0.8s ease;
}
#sticky-header.elementor-sticky--effects .elementor-widget-image img{
    max-width: 150px;
}


/* ***** HEADER BUTTON ***** */
#sticky-header.elementor-sticky--effects .elementor-button{
    color: var(--e-global-color-primary) !important;
    background-color: transparent !important;
    border-color: var(--e-global-color-primary) !important;
}
#sticky-header.elementor-sticky--effects .elementor-button:hover{
    color: white !important;
    background-color: var(--e-global-color-primary) !important;
}


/* ***** HEADER MENU ***** */
#sticky-header.elementor-sticky--effects .elementor-nav-menu a,
#sticky-header.elementor-sticky--effects .elementor-widget-polylang-language-switcher span {
    color: white;   
}
#sticky-header.elementor-sticky--effects .elementor-nav-menu a:hover,
#sticky-header.elementor-sticky--effects .elementor-widget-polylang-language-switcher span:hover  {
    color: var(--e-global-color-secondary);   
}



/***********************************************/
/*                    Footer                   */
/***********************************************/
/* Footer Language Switcher: Align right on desktop */
@media only screen and (min-width: 1025px) {
    [data-elementor-type="footer"] .elementor-widget-polylang-language-switcher .cpel-switcher__list{
        justify-content: right !important;
    } 
}



/***********************************************/
/*                 Testimonials                */
/***********************************************/
/* Remove padding from stars in testimonials */
.elementskit-commentor-content ol,.elementskit-commentor-content ul {
    padding-left: 0px !important;
}

/* Testimonial section background gradient */
section#testimonials {
	background-image: linear-gradient(to left top, #ffd164, #ffc154, #ffb045, #ff9f3a, #ff8c31, #ff8034, #ff7339, #ff663e, #fe5f4a, #fb5855, #f7535f, #f14f69);
}


/***********************************************/
/*              Horizontal Borders             */
/***********************************************/
/* Horizontal Border Headings */
.horizontal_border_1 .elementor-heading-title::before,
.horizontal_border_1 .elementor-heading-title::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
	
	background-color: var( --e-global-color-primary );
	margin: 0px 15px;
    width: 40px;
    height: 3px;

    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
}

.horizontal_border_2 .elementor-heading-title::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
	
	background-color: var( --e-global-color-primary );
	margin-right: 10px;
    width: 30px;
    height: 3px;

    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
}

@media only screen and (min-width: 768px) {
    .horizontal_border_3 .elementor-heading-title::before,
    .horizontal_border_3 .elementor-heading-title::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        
        background-color: var( --e-global-color-primary );
        margin: 0px 15px;
        width: 30px;
        height: 3px;

        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
    }
}

/***********************************************/
/*                   LiteSpeed                 */
/***********************************************/
/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}