/*
Theme Name: Spectra One Child
Template: spectra-one
Author: Brainstorm Force
Author URI: https://brainstormforce.com/
Description: Spectra One is a beautiful and modern WordPress theme built with the Full Site Editing (FSE) feature. It's a versatile theme that can be used for blogs, portfolios, businesses, and more. Spectra One comes with a sleek and professional design that will make your website stand out from the crowd.
Tags: full-site-editing,blog,theme-options,translation-ready,rtl-language-support,full-width-template
Version: 1.1.3.1720207741
Updated: 2024-07-05 19:29:01

*/


/* MENU / NAVIGATION */
.menu-principal .wp-block-navigation .wp-block-navigation-item__content {
font-size: 15px;
font-weight: 600;
padding: 10px 16px}

.menu-principal .wp-block-navigation .wp-block-navigation-item__content:hover {
    text-decoration: underline;
cursor: pointer;
}

.menu-principal .wp-block-navigation-item.current-menu-item.wp-block-navigation-link {
border: 1px solid #35383B;
}

.menu-principal .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { 
border-top: 2px solid #35383B;}

.menu-principal .wp-block-navigation__submenu-container .wp-block-navigation-item__content {}

.menu-principal .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    text-decoration: underline;
}

.menu-principal .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
right:auto; left: 0;}





/* INPUT / FORMULAIRE */
.input-text,
input,
select,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    background-color: #fff;
    color: #35383B;
	border: 1px solid #00000026;
	padding: 10px;
}


/*select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.50002 4L6.00002 8L10.5 4' stroke='%2335383B' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  	background-repeat: no-repeat;
  	background-position: right 0.7rem top 50%;
  	background-size: 0.65rem auto;
	padding-right: 30px;
}*/



/* override pour visuel de bouton sombre */
.wpcf7 input[type="submit"],
.woocommerce div.product .wc-block-add-to-cart-form form.cart button.single_add_to_cart_button,
.button.wp-element-button
{
	background: #35383B;
	color: #fff;
	font-weight: 500;
	padding: 16px 22px;
	cursor: pointer;
}

.wpcf7 input[type="submit"]:hover,
.woocommerce div.product .wc-block-add-to-cart-form form.cart button.single_add_to_cart_button:hover,
.button.wp-element-button:hover
{
	background: #4d5155;
}

.wpcf7 p:has(.wpcf7-form-control-wrap) {
	margin-bottom: 18px;
}



/* BOUTONS */

.wp-element-button:hover, .wp-block-button__link:hover {
    color: #fff; 
}

.wp-element-button, .wp-block-button__link {
	border-radius: 0;
}

.woocommerce div.product form.cart div.quantity .qty {
	padding-top: 14px; /* doit faire matcher aux inputs */
	padding-bottom: 14px;
}




/* wysiwyg */
.woocommerce-Tabs-panel p {
	margin-bottom: 10px;
	line-height: 1.8;
}

.woocommerce-Tabs-panel h2,
.woocommerce-Tabs-panel h3,
.woocommerce-Tabs-panel h4 {
	margin-bottom: 20px;
}



/* common */
img {
    max-width: 100%;
}

body, html {
    max-width: 100%;
	line-height: 1.6;
}


@font-face{
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    src:url("fonts/icomoon.eot");
    src:url("fonts/icomoon.woff") format("woff"),
    url("fonts/icomoon.ttf") format("truetype")
}

[class*="iconF"] {
    position: relative;
    line-height: 1;
	display: inline-block;
	transition: all 0.5s;
	cursor: pointer;
    z-index: 99;
}

[class*="iconF"]:before {
    font-family: "icomoon",sans-serif !important;
    font-weight: normal !important;
    color:#35383b;
    font-size: 16px;
    transition: all 0.5s;
 }

.iconF-left:before {   content:"\e901"; }
.iconF-right:before {  content:"\e900"; }




/* homepage */

.homeFeatured {
    position: relative;
    margin-bottom: 60px;
}

.lstTitle {
    position: relative;
    z-index: 9999;
    width: 50%;
}

.lstTitle li {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    opacity: 0.2;
    font-size: 14px;
    font-weight: 600;
    transition: opacity 0.3s;
}

.lstTitle li:hover, .lstTitle li.activeItem {
    opacity: 1;
    cursor: pointer;
}     

.lstImg {
    position: absolute;
    top: 0;
    right: 0;
    left: 33%;
}

#lstImg, #carrouselAlbum { opacity: 0; transition: opacity 0.5s;/*before it's loaded*/}

.lstImg img {
    max-height: 600px;
}

@media screen and (min-width: 768px) {
    .lstTitle {    font-size: 20px;  }
}

@media screen and (min-width: 1024px) {

    .lstTitle li { border-bottom: 1px solid #35383b;   font-size: 28px; padding: 30px 0;}

}


/* category */

.carrouselAlbum .iconF-left, .carrouselAlbum .iconF-right {
    background: #fff;
    padding: 7px 6px;   
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 0;
}
   
.carrouselAlbum .iconF-left:hover, .carrouselAlbum .iconF-right:hover {background: #000;}
.carrouselAlbum .iconF-left:hover:before, .carrouselAlbum .iconF-right:hover:before { color: #fff;}
.carrouselAlbum .iconF-right { right: 0; left: auto;}
.carrouselAlbum .iconF-left:before, .carrouselAlbum .iconF-right:before {  font-size: 36px;}
.carrouselAlbum li { cursor: pointer;}

.nav-modal.iconF-left, .nav-modal.iconF-right {
	position: absolute;
	top: 8px;
	right: 0;
	padding: 5px 0px 3px;
	border-bottom: 2px solid transparent;
}

.nav-modal.iconF-left:before, .nav-modal.iconF-right:before { color: #000; font-size: 18px;}
.nav-modal.iconF-left:hover, .nav-modal.iconF-right:hover, .nav-modal.iconF-left:focus, .nav-modal.iconF-right:focus, .nav-modal.iconF-left:active, .nav-modal.iconF-right:active {	background: transparent;}
.nav-modal.iconF-left:hover, .nav-modal.iconF-right:hover { border-color: #000; }
.mfp-title { padding-right: 150px;}
.mfp-preloader { color: #35383b; }
img.mfp-img { padding-top: 18px;}
.mfp-image-holder .mfp-close { color: #35383b; font-size: 16px; font-family: "Open Sans"; 
	font-weight: 600; opacity: 1; height: auto; line-height: 1; position: static; }
.mfp-image-holder .mfp-close:hover { text-decoration: underline #6b6d6e;}
/*.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer;}*/

div.mfp-counter {
    width: 120px;
    text-align: center;
    display: inline-block;
	padding-top: 12px;
}

span.mfp-counter {
	position: static;
	font-size: 14px;
	color: #35383b;
	font-weight: 600;
}

.nav-modal.iconF-left {
	right: 100px;
}

.mfp-bg {
	background: rgba(255,255,255,0.8);
	opacity: 1;
}

.mfp-figure { box-shadow: 0;}
.mfp-figure figure  { max-width:80%; margin: 0 auto;}
.mfp-figure:after { content: none;}
.mfp-counter { color: #000; font-size: 15px;}
.mfp-figure figcaption { position: relative;}
.mfp-title { font-size: 14px; font-style: italic; color: #000; font-weight: 600; padding-top: 12px;}
/*.mfp-bottom-bar { margin-top: 10px;}*/

@media screen and (min-width: 1024px) {
	.mfp-figure figure { max-width:70%;}
}

.carrouselAlbum {
    position: relative;
    height: 400px;
}

.carrouselAlbum ul {
    position: absolute;
    top: 0;
    left: 0;
    right: -30%;
}

.slick-track {
	margin-left: 0;
	margin-right: 0;
}


.carrouselAlbum li {   margin-right: 10px;}

.lstCategory, .headerCategory {
    display: flex;
    flex-direction: column;
}

.headerCategory .spacer {  display: none;}

.menuAlbum {  margin-bottom: 20px;}
.menuAlbum ul {
    display: flex;
    flex-wrap: wrap;
}
.menuAlbum li {
    margin-right: 10px;
    margin-bottom: 10px;
}
.menuAlbum li:last-child { margin-right: 0;}
.menuAlbum a {
    display: inline-block;
    padding: 16px 20px;
    background: #f0f1f1;
    border: 1px solid #f0f1f1;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s;
    color: #35383b;
    text-decoration: none;
}
.menuAlbum a.activeItem, .menuAlbum a:hover {
    background: #fff;
    border-color: #35383b;
}
.menuAlbum a:hover {  text-decoration: underline #a1a2a3;}
.headerCategory header, .headerCategory .spacer {  border-bottom: 1px solid #35383b; }

.summaryTxt, .lstAlbum, .headerCategory header, .headerCategory .spacer, .standardImgZone {
    flex: 0 0 auto;
    width: 100%;
}

.menuAlbum .menuAlbumMobile select { width: 100%; max-width: 400px;}

.summaryTxt, .lstAlbum, .standardImgZone { padding-top: 16px;}
.summaryTxt { border-bottom: 1px solid #35383b;}
.menuAlbum .menuAlbumDesktop { display: none;}

@media screen and (min-width: 1024px) {
    .headerCategory .spacer { display: block;   }
	.summaryTxt, .headerCategory header { width: calc(30% - 30px);  }
    .lstAlbum, .headerCategory .spacer, .standardImgZone {  width: calc(70% - 30px);   }
	.summaryTxt, .lstAlbum, .standardImgZone { padding-top: 30px;}
	.summaryTxt  { border-bottom: 0;}
	.menuAlbum .menuAlbumDesktop { display: flex;}
	.menuAlbum .menuAlbumMobile { display: none;}

    .lstCategory, .headerCategory {
        flex-direction: row;
        justify-content: space-between;
    }   
}



/********* typography ***********/

h1, .style-h1 {
    font-size: 22px;
    font-weight: 300;
    padding-bottom: 16px;
}

h2, h3, h4, h5, h6, figure {
	margin-bottom: 20px;
}

.summaryTxt {
    line-height: 1.6;
}

.summaryTxt p {
    margin-bottom: 20px;
}

.styleUI a {
    font-weight: bold;
}

.styleUI a:hover {
    text-decoration: underline;
}

.styleUI ul, .styleUI ol {
    margin-bottom: 26px;
}

.styleUI ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
    font-size: 14px;
}

.styleUI ul li:before {
    content: "\e900";
    font-family: "icomoon";
    color: #000;
    top: 50%;
    margin-top: -8px;
    position: absolute;
    left: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
}

.styleUI ol {
    counter-reset: bullet;
}

.styleUI ol li {
    margin-left: 22px;
    position: relative;
    font-size: 14px;
    margin-bottom: 6px;
}

.styleUI ol li:before {
    counter-increment: bullet;
    content: counters(bullet,".") ".";
    position: absolute;
    left: -22px;
    color: #000;
    font-weight: 800;
    font-size: 14px;
}

.styleUI h2 {}
.styleUI h3 {}
.styleUI h4 {}

@media screen and (min-width: 1024px) {
	h1, .style-h1 {
		font-size: 28px;
		padding-bottom: 16px;
	}
}


/* select2 overide */
/* obsolète avec les dernières versions */
/*.select2-container--default .select2-selection--single { 
    border: 1px solid #000; 
    border-radius: 0; 
    height: 50px; 
    font-size: 13px; 
    font-weight: 600;
}

.select2-container .select2-selection--single .select2-selection__rendered {  padding: 10px 16px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    margin-top: -10px;
    right: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow b {    border: 0;}

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
    content: "\e902";
    font-family: "icomoon";
    color: #757779;
    font-size: 9px;
}

.select2-container .select2-selection--single .select2-selection__rendered { padding-right: 32px;}*/




/********* woocommerce/wordpress overrides ***********/
/* somehow the theme overrides itself, so I have to override it */

.ast-single-post .entry-content .woocommerce .woocommerce-MyAccount-content  a {
	text-decoration: underline;
}

/* nécessaire pour les shortcodes qui ont le maximum set à 1000 */
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
	max-width: 100%;
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
	margin-top: 40px;
}

.wc-block-components-button:not(.is-link) {
	background: #35383B;
	color: white;
}

.wc-block-components-button:not(.is-link):hover {
	background: #000;
}



/*** other overrides ***/

/* mieux de cacher celui-ci car la traduction embarque pas anyway */
.woocommerce-loop-category__title mark.count { display: none!important;}

/* autres ajustements divers Woocommerce */
@media screen and (max-width: 920px) {
	.woocommerce-MyAccount-content {
		margin-top: 30px;
	}
}

.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses, .woocommerce-MyAccount-content .woocommerce-order-details {
	margin-top: 40px;
}

.woocommerce-account .addresses .title .edit {
	text-decoration: underline;
	float: none;
}


.moneris-direct-card-form {
	max-width: 200px;
}

.moneris-direct-card-form input {
	width: 100%;
	margin-bottom: 12px;
}

.moneris-direct-card-form label {
	margin-bottom: 0;
}

.moneris-payment-gateway-label { display: flex; }
.moneris-payment-gateway-label .wc-block-components-payment-method-label { margin-right: 20px; }
.moneris-input-half-wrapper {
	display: flex;
	flex-direction: column;
}

/*concept intéressant mais pas de contrôle sur la grosseur, donc caché */
.jp-card-container { display: none; } 





/* contourner bug non réglé lié à l'éditeur */
/* https://wordpress.org/support/topic/responsive-conditions-dont-work-on-site-editor/ */
@media (min-width: 1025px) {
	body .uag-hide-desktop.uagb-google-map__wrap, body .uag-hide-desktop {
		display: none !important;
	}