/*
Theme Name: Saline
Author: LEFUCINE
Template: botiga
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: botiga
*/

/* Block prd-home */
.wopb-block-image img {
	height: 500px !important;
	object-fit: cover !important;
	margin: auto !important;
	display: table;
}

@media all and (max-width: 782px) {
	html {
		overflow-y: auto !important;
	}
}

/* SCROLL-DOWN ARROW */
.scroll-icon {
    position: absolute;
    left: 50%;
    bottom: 10px;
    display: block;
    text-align: center;
    font-size: 20px;
	z-index: 100;
    text-decoration: none;
    text-shadow: none;
    width: 24px;
    height: 24px;
    border-bottom: 3px solid #2c6946;
    border-right: 3px solid #2c6946;
    z-index: 9;
    left: 50%;
    -webkit-transform: translate(-50%, 0%) rotate(45deg);
    -moz-transform: translate(-50%, 0%) rotate(45deg);
    transform: translate(-50%, 0%) rotate(45deg);
    -webkit-animation: fade_move_down 4s ease-in-out infinite;
    -moz-animation: fade_move_down 4s ease-in-out infinite;
    animation: fade_move_down 4s ease-in-out infinite;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    min-width: 60vw !important;
    -webkit-box-shadow: 0px 8px 40px rgb(0 0 0 / 12%);
    box-shadow: 0px 8px 40px rgb(0 0 0 / 12%);
    background: #fff !important;
    margin-top: 60px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 20px !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children > ul.mega-sub-menu {
	padding: 25px;
}

/* Animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px) rotate(45deg); opacity: 0; }
}

.scrollBox {
  position:fixed;
  width:4px;
  height:50px;
  overflow:hidden;
  bottom:150px;
  left:24px;
}
.scrollBox:after {
  content:"";
  position:absolute;
  top:-50px;
  height:50px;
  width:4px;
  background: #2c6946;
  animation:scrollDrive 2s ease infinite;
}

@keyframes scrollDrive {
  0% {
    top:-50px;
  }
  50% {
    top:50px;
  }
  100% {
    top:50px;
  }
}

.vertical-text {
  margin: 0 auto 2em;
  width: 0;
  word-wrap: break-word;
  position:fixed;
  left:24px;
  bottom:200px;
  font-size:10px;
  text-transform:uppercase;    
}
/* END SCROLL-DOWN ARROW */

.wpcf7-list-item-label {
	font-size: 12px;
	line-height: 100%;
}
div#page.site div.botiga-offcanvas-menu.toggled div.mobile-header-item div.row div.col.align-right {
	max-width: 25px !important;
}
.site-branding {
	text-align: center;
}
ul#shipping_method.woocommerce-shipping-methods li { 
	text-align: right;
}
.payment_box p:last-of-type {
	font-size: 12px;
	margin: 20px 0;
}
.pswp__caption__center {
	display: none !important;
}
/*
 * CUSTOM
 */
div.botiga-offcanvas-menu.toggled > div.mobile-header-item:nth-child(3){
	display: flex !important;
}
.botiga-offcanvas-menu {
	padding: 50px !important;
	max-width: 80% !important;
}
.back-to-top.display {
	bottom: 150px !important;
	right: 15px !important;
}
.cli-modal-backdrop {
    background-color: #75757575;
}

/* 
 * GRADIENT ANIM.
 */
.animated-gradient,.woocommerce-page-header, footer, .footer-widgets {
    background: linear-gradient(90deg, #fae1dd, #d8e2dc, #fff3b0, #edf6f9);
    background-size: 800% 800%;

    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    -o-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:86% 0%}
    50%{background-position:15% 100%}
    100%{background-position:86% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:86% 0%}
    50%{background-position:15% 100%}
    100%{background-position:86% 0%}
}
@-o-keyframes AnimationName {
    0%{background-position:86% 0%}
    50%{background-position:15% 100%}
    100%{background-position:86% 0%}
}
@keyframes AnimationName {
    0%{background-position:86% 0%}
    50%{background-position:15% 100%}
    100%{background-position:86% 0%}
}

@-webkit-keyframes AnimationName {
    0%{background-position:86% 0%}
    50%{background-position:15% 100%}
    100%{background-position:86% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:86% 0%}
    50%{background-position:15% 100%}
    100%{background-position:86% 0%}
}
@-o-keyframes AnimationName {
    0%{background-position:86% 0%}
    50%{background-position:15% 100%}
    100%{background-position:86% 0%}
}
@keyframes AnimationName {
    0%{background-position:86% 0%}
    50%{background-position:15% 100%}
    100%{background-position:86% 0%}
}

@media all and (min-width: 1024px) {
body {
	background-size: 70% !important;
    background-position: 50% 100% !important;
}
}

/* 
 * BROWSER SCROLL-BAR 
 */
* {
  scrollbar-width: thin;
  scrollbar-color: #2c6946 transparent;
}

*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #eceeec;
}

*::-webkit-scrollbar-thumb {
  background-color: #2c6946;
  border: 1px solid #eceeec;
}

.white {
	color: #fff !important;
}

.custom-logo {
	height: 125px;
}

.social-profile .ws-svg-icon {
    width: 32px !important;
    height: 32px !important;
}

h1, h2, h3, h4, h5, h6, .site-title,
body, button, input, select, option, optgroup, textarea {
	font-family: 'Courier Prime', monospace !important;
}

.woocommerce-page-header h1 {
	color: #2b6845 !important;
}

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
	padding: 1.25em 1.375em !important;
}

#main-bg {
	-webkit-box-shadow: 5px 5px 15px 5px #ececec; 
	box-shadow: 5px 5px 15px 5px #ececec;
}

.main-navigation a {
    font-size: 16px;
    font-weight: 600;
}

/* 
 * BG-COLORED-PATTERN 
 */
.athemes-blocks-block-container-bg-cover.athemes-blocks-block-container-bg-effect-parallax:before {
  content: "";
  background: url(./images/pattern/pat30.png) repeat;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 2;
}
.custom-front-bg div.athemes-blocks-block-container-bg-cover div.athemes-blocks-block-container-wrapper-content{
	z-index: 3;
}
.site-info .row .col-md-6:nth-of-type(2) {
	align-self: center;
	display: grid;
}
.site-info .ws-svg-icon svg {
	fill: #438061 !important;
}
.site-info .ws-svg-icon:hover svg {
	fill: #000 !important;
}
.xoo-wsc-icon-basket1::before {
	content: "\e910" !important;
}

/* 
 * WOOCOMMERCE 
 */
div.single-product.botiga-quick-view-popup.opened div.botiga-quick-view-popup-content div.botiga-quick-view-popup-content-ajax .product div.row {
	align-items: center;
}
p.woocommerce-info {
    text-align: center;
}
#primary > div.woocommerce-sorting-wrapper > div {
	 align-items: center;
}
.woocommerce-cart .cart_totals h2 {
	font-size: 1.8rem !important;
}
.wc-block-product-categories {
	margin: 50px auto 0 auto;
	display: flex;
	max-width: 385px;
}
.wc-block-product-categories__dropdown {
	flex: 1;
	display: flex;
}
.wc-block-product-categories__button {
	display: block;
}
.woocommerce-page-header {
	background-color: transparent !important;
}
bdi {
	color: #000;
}
.woocommerce-sorting-wrapper select {
	max-width: 250px !important;
}
.woocommerce-loop-product__title {
    font-weight: 600 !important;
}
.woocommerce-product-search {
	display: flex !important;
}
.woocommerce-sorting-wrapper .col-md-6.col-6.text-align-right {
	margin: 10px 0;
}
.woocommerce-sorting-wrapper .col-md-6.col-6.text-align-right form select {
	font-size: 12px !important;
	border: 1px solid #2c6946;
	padding: 10px;
	border-radius: 5px;
}

/* 
 * Yith Filter
 */
.yith-wcan-filters {
	background-color: transparent !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label:not(.with-image):not(.disabled):hover {
	background-color: #438061 !important;
	box-shadow: 0 0 0 2px #438061 !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label > a {
	color: #2b6845 !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label > a:hover {
	color: #fff !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label:not(.disabled):hover {
	background-color: #438061 !important;
  	box-shadow: 0 0 0 2px #438061 !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label:hover,
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label:not(.disabled):hover{
  	color: #fff !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label.active.with-image, 
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label:not(.disabled):hover {
	box-shadow: 0 0 0 2px #438061 !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-content ul.filter-items li.filter-item a span.term-image img {
	display: none !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.filter-has-3-column {
	width: auto !important;
}
.filter-item.label.level-0.label-below:hover a span {
	color: #fff !important;
}
.rotate-text {
	transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
}

/* 
 * MEDIA Q 
 */
@media only screen and (max-width: 480px) {  
	body.woocommerce ul.products.columns-3 li.product:nth-of-type(3n+1) {
		clear: none !important;
	}
	body.woocommerce ul.products.columns-3 li.product:nth-of_type(2n+1) {
		clear: both !important;
	}
	main#primary.site-main.product-grid div.woocommerce-sorting-wrapper div.row div.col-md-6.col-6 {
		display: inline-table !important;
		width: 100% !important;
		min-width: 320px;
		margin: 15px auto;
		text-align: center;
	}

	.top-bar-contact a {
		font-size: 12px;
		display: inline-flex;
	}
}
@media only screen and (max-width: 768px) {
	.top-bar-contact a {
		font-size: 12px;
		display: inline-flex;
	}
	/* CATEGORY BLOCK - HOME PAGE */
	body.home .wopb-block-image.wopb-block-image-opacity img {
		width: 100vw !important; 
	}
	body.home .wopb-block-content-wrap .wopb-category-content-items .wopb-category-content-item {
		max-width: 175px;
	}
}