/* 
Theme Name:     WEBLOFT
Theme URI: 		http://www.webloft.ca/
Description: Thème personnalisé pour le client. Habituellement développé à partir d'un PSD fournis par votre agence de communication. Pour plus d'informations, veuillez communiquer avec votre agence ou le support de Webloft au 514-945-3700 / support@webloft.ca
Author:         WEBLOFT // JFRanger, Maxime & Dominique
Theme URI: 		http://www.webloft.ca/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html, body  {
	overflow-x: hidden;
}

/* WOOCOMMERCE */
body .elementor.product:not(.sale) .wl-sale {
    display: none!important;
}

.woocommerce-product-gallery {
    display: flex;
    justify-content: space-between;
}

.woocommerce-product-gallery .flex-control-thumbs {
    order: -10;
    width: 10%;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 100%;
    padding-top: 0;
    padding-bottom: 5px;
}

body.woocommerce div.product div.images .flex-control-thumbs li {
    padding-bottom: 0;
    margin-bottom: 60px;
}
body.woocommerce div.product div.images .flex-control-thumbs li:last-child {
    margin-bottom: 0;
}

body.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display: none;
}

body.woocommerce .woocommerce-product-gallery .flex-viewport {
    width: 90%;
}

body.woocommerce .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img {
    max-width: 60%;
    margin: 0 auto;
}

.wl-product-tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.wl-product-tabs ul li:not(:last-child) {
    margin-bottom: 20px;
}
.wl-product-tabs ul li .title {
    margin: 0;
    padding: 0;
    list-style: none;
    background: rgba(0, 90, 167, 0.1);
    font-family: "Roboto";
    font-size: 25px;
    line-height: 1em;
    color: #0B0844;
    font-weight: 900;
    text-transform: uppercase;
    padding: 20px 90px 20px 35px;
    position: relative;
    cursor: pointer;
}
.wl-product-tabs ul li .title:after {
    content: "";
    width: 23px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.513' height='23.653' viewBox='0 0 24.513 23.653'%3E%3Cpath id='Tracé_57' data-name='Tracé 57' d='M9.4-1l9.4,16.455H0Z' transform='translate(16.786 22.787) rotate(-150)' fill='%230a0b41'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.wl-product-tabs ul li.active .title:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.653' height='24.513' viewBox='0 0 23.653 24.513'%3E%3Cpath id='Tracé_56' data-name='Tracé 56' d='M9.4-1l9.4,16.455H0Z' transform='translate(0.866 16.786) rotate(-60)' fill='%230a0b41'/%3E%3C/svg%3E%0A");
}
.wl-product-tabs ul li .content {
    display: none;
}
.wl-product-tabs ul li .content {
    padding: 20px 35px 0;
    font-family: "Roboto";
    font-size: 18px;
    line-height: 1.2em;
    color: #0B0844;
}
.wl-product-tabs ul li .content p:last-child {
    margin-bottom: 0;
}


.wl-megamenu_products ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wl-megamenu_products li a {
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0B0844;
}

.wl-megamenu_products li a:hover {
    color: #C3344B;
}

.wl-megamenu_cats ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wl-megamenu_cats li a {
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0B0844;
}

.wl-megamenu_cats li a:hover {
    color: #C3344B;
}

@media only screen and (max-width: 468px) {
  .wl-product-tabs ul li .title {
    font-size: 16px;
  }
  
  .wl-product-tabs ul li .content {
  font-size: 15px !important;
  }
}

@media screen and (max-width: 767px) {
	body .wl-product-dnc > ul > li {
		max-width: inherit!important;
		margin-left: 20px!important;
		margin-right: 20px!important;
		width: calc(50% - 40px)!important;
	}
	
	body .wl-product-dnc > ul > li .img img {
		width: auto!important;
		height: auto!important;
	}
}


#wl-registration-form:not(.wc-endpoint) {
    padding: 25px;
    border: 1px solid lightgrey;
    border-radius: 15px;
}

#wl-registration-form .msg {
    padding: 25px;
    margin-bottom: 30px;
    color: #ffffff;
    border-radius: 15px;
}

#wl-registration-form .msg p:last-child {
    margin-bottom: 0;
}

#wl-registration-form .msg.success {
    background: green;
}
#wl-registration-form .msg.error {
    background: red;
}
#wl-registration-form > p {
    display: block;
    margin-bottom: 30px;
}
#wl-registration-form > p > label {
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}
#wl-registration-form > p:last-child {
    margin-bottom: 0;
    margin-top: 40px;
}

#wl-registration-form p input:not([type=radio]):not([type=checkbox]):not([type=submit]) {
    font-size: 16px;
    line-height: 28px;
    padding: 8px 16px;
    width: 100%;
    min-height: 44px;
    border: unset;
    border-radius: 4px;
    outline-color: rgb(84 105 212 / 0.5);
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}
#wl-registration-form p input[type=submit] {
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: var(--e-global-color-accent );
    color: #ffffff;
    border-radius: 30px 30px 30px 30px;
    padding: 10px 30px;
}
#wl-registration-form p input[type=submit]:hover {
    color: var(--e-global-color-ca89e80 );
    background-color: var(--e-global-color-primary );
    border-color: var(--e-global-color-ca89e80 );
}

#wl-registration-form p .input-radio-group input {
    margin-right: 5px;
}
#wl-registration-form p .input-radio-group label:not(:first-child) {
    margin-left: 10px;
}
#wl-registration-form.wc-endpoint {
    max-width: 700px;
    margin-top: 30px;
}

#wl-registration-form.wc-endpoint tr > th:first-child {
    max-width: 170px;
    vertical-align: middle;
    text-align: right;
}
#wl-registration-form #optin_marketing {
    vertical-align: middle;
}