/*
 Theme Name:   Hello Elementor Child
 Theme URI:
 Description:  Child theme of Hello Elementor
 Author:
 Author URI:
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

.scx-intro-icon {
    display: none !important;
}

.scx-trophy {
    display: none !important;
}

h1.woocommerce-products-header__title.page-title
 {
    color: #3D3062;
    font-family: Montserrat;
}


.woocommerce-info::before {
    color: #3D3062 !important;
}

.woocommerce-info {
	font-family: Montserrat;
    border-top-color: #3D3062 !important;
}

nav.woocommerce-breadcrumb{
	font-family: Montserrat;
  color: #3D3062 !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a{
	font-weight: 500;
	font-family: Montserrat;
	color: #3D3062 !important;
}

li.product {
    border: 1px solid #c1c1c1b5 !important;
    padding: 5px !important;
    text-align: center;
    margin: 5px !important;
	background-color :#fff;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: 1px solid #3D3062;
	font-family: Montserrat;
	color: #3D3062;
}

a.button.product_type_simple,
a.button.yith-wcqv-button {
	font-family: Montserrat;
    background-color: #3D3062;
    color: white;
    font-weight: 500;
}

a.button.product_type_simple:hover,
a.button.yith-wcqv-button:hover {
    background-color: #F90079;
    color: white;
}

h2.woocommerce-loop-product__title{
	font-family: Montserrat;
	color: #3D3062;
}

a.view-details-btn {
    background-color: #3D3062;
    font-family: Montserrat;
}

a.view-details-btn:hover {
	  color:white;
    background-color: #F90079;
    font-family: Montserrat;
}


button.woosq-btn.woosq-btn{
	background-color: #3D3062;
	font-family: Montserrat;
	color:white;
	border:none;
	padding:6px;
	padding-left:10px;
	padding-right:10px;
	font-weight: 500;
}

button.woosq-btn.woosq-btn:hover{
	  color:white;
    background-color: #F90079;
    font-family: Montserrat;
}

h1.product_title.entry-title{
	  color: #3D3062;
    font-family: Montserrat;
}

span.posted_in{
	color: #3D3062;
  font-family: Montserrat;
	font-weight: 500;
}

a.page-numbers {
    font-family: Montserrat;
    color: #F90079;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
	    font-family: Montserrat;
    color: #3D3062;
}

h2.woocommerce-loop-product__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.flex-direction-nav {
    display: none;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-family: 'Montserrat';
    color: #3D3062;
	  font-weight: 600;
	  white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



mark.count {
    font-family: 'Montserrat';
    color: #F90079;
	  background: transparent;
}

section.related.products {
    font-family: Montserrat;
    color: #3D3062;
    display: block;
    clear: both;
    width: 100%;
}

p.woocommerce-result-count {
    font-family: Montserrat;
    color: #3D3062;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
    color: #3D3062;
	font-weight: 500;
}


.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #3D3062;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color:  #F90079;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color:  #F90079;
}

ol.flex-control-nav.flex-control-thumbs {
    overflow: hidden;
    zoom: 1;
    margin: 0;
    padding: 0;
    display: flex;
	    cursor: pointer;
    margin: 0;
}

li>img{
	    opacity: 0.5 !important;
}
img.flex-active{
	    opacity: 1 !important;
}


.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    z-index: 1 !important;
}
/*
span.elementor-icon-list-text{
	font-family :"Montserrat";
	color : #3D3062;
}*/
li{
		font-family :"Montserrat";
	color : #3D3062;
}
a.customize-unpreviewable{
	    color:  #F90079;
}
h3.collection-title{
			font-family :"Montserrat";
	color : #3D3062;
}
p.search__message__content{
	display:none;
}

h3.accordion__heading.accordion__category {
    font-family: Montserrat;
    color: #3D3062;
    font-size: 21px;
}

.helpie-faq.accordions .accordion {
    margin-top: 10px;
	  margin : 0px;
}

ul {
    margin-bottom: 10px;
}

.helpie-faq.accordions .search__input {
    border: 1px solid #3D3062 !important;
	color : #3D3062 !important;
}

.helpie-faq.accordions .search__input:focus{
	    border: 1px solid #3D3062 !important;
	color: #3D3062 !important;
}

select.orderby {
    display: none;
}

p{
	font-family:'Montserrat';
	color : #3D3062;
}

h1.wpr-product-title, .product-short-description.product-excerpt{
	font-family:'Montserrat';
	color : #3D3062 !important;
}





.accordion__title {
    text-align: center;
}
input.search__input {
    text-align: center;
}

@media (max-width: 768px) {
  .products.columns-4:not(.elementor-grid) > li.product {
    width: 47% !important;
  }
}


@media (max-width: 768px) {
  h2.woocommerce-loop-product__title,h2.woocommerce-loop-category__title {
    display: inline-block;
    max-width: 13ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

h2.woocommerce-loop-product__title{
	    display: inline-block;
    max-width: 21ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.map-container {
  position: relative;
  width: 100%;
  height: 700px;
  overflow: hidden;
}

.map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

html[lang="ar"] h1.wpr-product-title{
  float: right !important;
}
html[lang="ar"] span.posted_in {
    text-align: start;
}

html[lang="ar"] body {
 /* font-family: 'Almarai';*/
  direction: rtl;
  text-align: right;
}

div#primary {
    margin-top: 20px !important;
}

/* Page categorie WooCommerce : afficher la grille de produits avant la description de la categorie.
   .term-description est imbriquee dans header.woocommerce-products-header (avec le h1) : on "aplatit"
   ce header avec display:contents pour pouvoir reordonner ses enfants au meme niveau que ul.products. */
body.tax-product_cat main.site-main {
    display: flex;
    flex-direction: column;
}

body.tax-product_cat main.site-main > header.woocommerce-products-header {
    display: contents;
}

body.tax-product_cat main.site-main > nav.woocommerce-breadcrumb {
    order: 1;
}

body.tax-product_cat main.site-main h1.woocommerce-products-header__title {
    order: 2;
}

body.tax-product_cat main.site-main > .woocommerce-notices-wrapper {
    order: 4;
}

body.tax-product_cat main.site-main > p.woocommerce-result-count {
    order: 5;
}

body.tax-product_cat main.site-main > form.woocommerce-ordering {
    order: 6;
}

body.tax-product_cat main.site-main ul.products.columns-4 {
    order: 3;
}

body.tax-product_cat main.site-main .term-description {
    order: 7;
}