/*######### GENERAL **********/


.whiteText{
    color: white;
}

a{
  color: var(--buttons-color-etc);
}

a:hover{
    color:var(--dark-icons-color);
}

.searched-product-title a:hover, .searched-product-title a:focus, .hover-invert:hover, .hover-invert:focus{
    color: var(--buttons-color-etc);
}

.btn-primary {
    color: #ffffff;
    background-color: var(--buttons-color-etc);
    border-color: var(--buttons-color-etc);
}
.vm-btn.vm-btn-primary {
    color: #ffffff;
    background-color: var(--buttons-color-etc);
    border-color: var(--buttons-color-etc);
    opacity: 0.8;
}
.vm-btn.vm-btn-primary:hover {
   color: #ffffff;
    background-color: var(--buttons-color-etc);
    border-color: var(--buttons-color-etc);
    opacity: 1;
}
/*######### HEADER **********/
header{
    /*
    height: 130px;
    left: 0;

    top: 0;
    width: 100%;
    z-index: 9;
    background: rgba(0,0,0,.7) !important;
    */
    
    height: auto;
    left: 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9;
    background: rgba(0,0,0,.7) !important;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
    
}
.site.com_content.view-featured header{
    position: fixed;
}


#top-header{
    text-align: center;
}

#top-header strong{
    color: white;
}

#top-header a{
    font-family: helvetica, arial, sans-serif; font-size: 10pt; color: rgba(245, 245, 245, 0.96); 
    margin-right: 15px;
}


#top-header #mod-custom110 a{
    color: rgba(245, 245, 245, 0.96);
    text-decoration: none;
}

#top-header  i{
    color:rgb(125, 125, 125);
}

#header-left img{
    max-width: 100%;
}

#header-middle{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}


#header-middle .search{
    margin-top: 20px;
}



#header-middle nav li a{
    color: white;
    font-family:  sans-serif;
}

#header-middle .search .searchActions{
    display: flex;
}
#header-middle .search .searchActions #mod-vp-ajax-search-searchword{
    height: 40px;
    border: 1px solid #ebeaea;
    color: black;
    background: white;
    width: 285px 
}
#header-middle .search .searchActions button{
    height: 40px;
    padding: 9px 16px 11px;
    background: var(--buttons-color-etc);
    color: white;
    border-color: var(--buttons-color-etc);
    font-size: 14px;
}
#header-middle .search .searchActions button i{
    margin-right: 5px;
}

#header-middle .header-middle-under{
    display: flex;
    max-width: 100%;
}

#header-middle .header-middle-under .fa-solid.fa-cart-shopping, #header-middle .header-middle-under .fa-user{
    color:white;
    font-size: 30px;
}

#header-middle .header-middle-under .vp-minicart{
    z-index: 100;
}

.searched-product-title a{
    font-size: 14px;
}

#header-middle .header-middle-under .vp-dropmod-container{
    position: relative;
}
#header-middle .header-middle-under .vp-minicart .vp-dropmod-inner{
    display: none;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;    
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 2px #ccc;
    position: absolute;
    min-width: 400px;
    padding: 30px
}

#header-middle .header-middle-under .vp-minicart:hover .vp-dropmod-inner{
    display: block;    
    opacity: 1;
}

#header-middle .header-middle-under .vp-minicart .row-mini.product-row img{
    max-width: 100%;
    border: 1px solid #ebebeb;
    overflow: hidden;
    width: 80px;
    height: auto;
    box-shadow: #000 0em 0em 0em;
}

.btn-base, .feature-icon-hover .icon {
    color: #ffffff;
    background-color:  var(--buttons-color-etc);;
    border-color:  var(--buttons-color-etc);;
}

.btn-base:hover{
    background-color:  var(--dark-icons-color);;
    border-color:  var(--dark-icons-color);;
}

#header-middle .header-middle-under .vp-minicart .product-count-text{
    font-weight: 600;
    color:  var(--buttons-color-etc);;
}

#header-middle .header-middle-under .product-count{
    
}

#header-middle .header-middle-under .cart-show-container,#header-middle .header-middle-under #mod-custom156,#header-middle .header-middle-under #mod-custom157,#header-middle .header-middle-under .vmCartModule{
    display: flex;
    flex-direction: row;
    line-height: 80px;
    margin-left: 20px;
}

#header-middle .header-middle-under .vmCartModule{
	position: relative;
}

#header-middle .header-middle-under .cart-show-container .mini-cart-total{
    margin-left:8px;
    color: var(--buttons-color-etc);
}

/* footer ################################# */
footer{
    background-color: #000000a8;
    padding-top: 70px;
    margin-top: 30px;
    position: relative;
}

footer h3{
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 18px;
    font-family: Helvetica;
}

footer h3::before {
    content: "";
    background: var(--buttons-color-etc);
    width: 40px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
}

footer a{
    color: white;
}

footer a:hover{
    color: var(--buttons-color-etc);
}

footer .nav{
    flex-direction:column;
    color: white;
}

footer .nav li{
    list-style: disc;
    
}


footer .pu-scroll-up{
    position: absolute;
    top: -1px;
    height: 50px;
    left: 50%;
    margin-left: -180px;
    width: 0px;
    width: 0px;
    border-left: 180px solid transparent;
    border-right: 180px solid transparent;
    border-top: 30px solid #f5f5f5;
    z-index: 8;
}

footer .pu-scroll-up .icon {
    position: relative;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .32);
    margin-left: -35px;
    margin-top: -37px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
}
footer .pu-scroll-up .icon:before {
    content: "";
    width: 90px;
    height: 90px;
    border: 1px solid rgba(255, 255, 255, .32);
    left: -10px;
    top: -10px;
    position: absolute;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
}


footer .pu-scroll-up .fa-solid {
    background: #ef7f1a;
}
footer .pu-scroll-up .fa-solid {
    font-size: 26px;
    color: #fff;
    background: var(--buttons-color-etc);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}


#mod-custom147 ul{
    list-style: none;
    display: flex;
    flex-direction: row;
}

#mod-custom147 ul li{
    font-size: 24px;
    margin-right: 10px;
}

/* Blocks main page ####################### */
#mod-custom143 .policy-shop{
    background-color: #f5f5f5;
    margin-top:15px;
}


#mod-custom143 .policy-shop .content-policy{
    text-align: center;
    border: 2px solid #ebeaea;
    font-family:  Helvetica;
    
    display: flex;
    position: relative;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    min-height: 100px;
}
#mod-custom143 .policy-shop .content-policy .icon img{
    width: 42px;
}
#mod-custom143 .policy-shop .content-policy:hover{
    border-color: var(--buttons-color-etc)
}

#mod-custom143 .policy-shop .content-policy .icon{    
    position: absolute;
    left: 40px;
    top: 30%;
    font-size: 30px;
    color: var(--dark-icons-color)
}
#mod-custom143 .policy-shop .content-policy h2{
    font-size: 16px;
    font-weight: 700;
}

#mod-custom143 .policy-shop .content-policy , #mod-custom143 .policy-shop .content-policy a{
    text-decoration: none;
    font-size 16px;
    font-weight 700;
    color: #222;
}

#over-content{
    padding-left: 0px;
    padding-right: 0px;
}

#over-content-3{
    margin-top:30px;
}

.trustmark.multiple:nth-of-type(2) {
  display: none;
}

/* first page left content 3 ####################### */
#mod-custom144{
    padding: 40px 20px;
    background-color: rgb(245, 245, 245);
    box-shadow: rgb(226, 225, 225) 1px 1px 3px 0px inset;
    color: #3b3b3b; /*rgb(125, 125,125);*/
    font-size:17.3333px;
}
#mod-custom144 h3{
    font-size:17.3333px;
    font-weight: 600;
    color: #3b3b3b; /*rgb(125, 125,125);*/
}
.equal-height-columns {
      display: flex;
    }

    .equal-height-columns .col-md-6 {
      display: flex;
      flex-direction: column;
    }

    .equal-height-columns .col-md-6 img {
      max-height: 100%;
      width: auto;
    }
/*################ CART #########################*/

#vmCartModule .vmCartModuleInner{
    display: none;
    position: absolute;
    z-index: 1;
    background: white;
    right: -100px;
    min-width: 400px;
    top: 60px;
    border: solid #ef7f1a 1px;
    line-height: 20px;
}

#vmCartModule:hover .vmCartModuleInner{
    display: block;
    transition: 1.5s ease;
}



#vmCartModule .vm_cart_products{
    
    padding: 15px;
}
#vmCartModule .total_products{
    
    padding: 15px;
}
#vmCartModule .show_cart{
    
    padding: 15px;
}
#vmCartModule::before{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f07a";
    line-height: 70px;
    color: white;
    font-size: 30px;
    margin-left: 10px;
}
.t4-header-r .search .form-control, .t4-header-r .search .search-query, .t4-header-r .form-search .form-control, .t4-header-r .form-search .search-query{
    background-size: 20px;
}

#vmCartModule .details{
	border-color: var(--body-link-color);
    background: black;
    color: var(--body-link-color);
    background: #ef7f1a;
    color: white;
    line-height: 30px;
	opacity: 0.8;
}
#vmCartModule .subtotal_with_tax{
    margin-left: 5px;
}

#vmCartModule .total,#vmCartModule .total_products{
    width: 100%;
    text-align: center;
}
#vmCartModule .details:hover{
	opacity: 1;
}


/*################ END CART #########################*/

/******************* ARTICLES **********************/
.site.com_content.wrapper-static.view-article #over-content, .site.com_phocagallery #over-content,.site.com_contact {
    /*margin-top: 180px;*/
    
}


/************* SUBFOOTER *****************/
#subfooter{
    background-color: rgb(76 76 76);
    color: white;
    padding: 20px;
}

#mod-custom148{
    text-align: right;
}


/***************************** CONTACT ******************/
.com-contact__container h2{
    display: none;
}

/**************** VIRTUEMART ***********************/

/*************** SEARCH ***************************/



/**************** PRODUCTS *************************/
.pagenav {
    padding: 3px 8px;
    margin: 0 4px;
    border: 1px solid var(--dark-icons-color);
    background-color: var(--dark-icons-color);
    color: white;
}
a.pagenav {
    border: 1px solid var(--buttons-color-etc);
    background-color: var(--buttons-color-etc);
    color: white;
}
.product-container  h2 a{
    color: black;
    text-decoration: none;
}
.product-container:hover h2 a{
    color: black;
}
.product-container:hover .vm-product-media-container a img {
    opacity: 0.7;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.product-container:hover{
    border-color: var(--buttons-color-etc);
}

.product-container .vm-details-button{
    display: none;
}

span.addtocart-button span.addtocart-button, span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button, span.addtocart-button span.addtocart-button-disabled{
    background: var(--buttons-color-etc);
    border: var(--buttons-color-etc);
    border-radius: 0px;
}
.PricebasePrice.vm-display.vm-price-value{
    text-decoration: line-through;
}


.category-view > .row{
    margin-top: 40px !important;
}
.category-view > .row > .category{
    opacity: 1;   
}
/**************** PRODUCT **************/
.back-to-category{
    margin-bottom: 20px;
}
.vm-product-container .main-image{
    border: solid #f5f5f5 2px;
    padding: 10px;
}
.vm-product-container .vm-product-media-container{
    padding: 20px;
}
.vm-product-container .main-image img{
    max-width: 500px;
}

#mod-custom150{
    margin-top: 20px;
}
.product-sutitle-tag{
    margin-right: 5px;
    font-weight: 600;
}
.productdetails-view.productdetails{
    color: var(--grey-color-text);
}

.vm-product-details-container{
    float: none;
    width: auto;
}

.vm-product-details-container h1 {
    font-size: 18px;    
    font-weight: 600;
    margin-bottom: 18px;
    text-transform: capitalize;
    color:var(--grey-color-text);
}

.vm-product-details-container .manufacturer{
    margin-bottom: 10px;
}

.productdetails-view.productdetails #productTabs .nav-item .nav-link.active{
    color: white;
    background-color: var(--buttons-color-etc);
    font-weight: 600;
}
.productdetails-view.productdetails .tab-content{
    border: solid #f5f5f5 1px;
    padding: 20px;
}
.productdetails-view.productdetails .nav-tabs .nav-link{
    border-top-left-radius: 0;
    border-top-right-radius: 0; 
}

.product-code-container{
    color:var(--grey-color-text);
    font-weight: 600;
    margin-bottom: 20px;
}

.product-code-container span{
    margin-right: 5px;
}

.product-info{
    display: block;
    overflow: hidden;
    padding: 20px 0 0;
    border-top: 1px solid #f0f0ed;
}
.vm-product-details-container .product-price{
    text-align: left;
    color: var(--dark-icons-color);
    float: none;
}

.PricepriceWithoutTax {
    font-size: 24px;
    color: #e74c3c;
    line-height: 1.5;
    font-weight: 600;
}
.PricesalesPrice {
    line-height: 1.5;
    font-weight: 600;
    font-size: 14px;
}

.productdetails .content_product_detail .product-info {
    display: block;
    overflow: hidden;
    padding: 20px 0 0;
    border-top: 1px solid #f0f0ed;
}

/**************** BREADCRUMPS ********************/
#breadcrumbs-container{
    background: #f5f5f5;
}


/*************** POLICY *************/
.policy.policy1{
    font-size: 16px;
    color: var(--dark-icons-color);
}
.policy.policy1 i{
    color: var(--buttons-color-etc);
}


/*********** VP SEARCH *************/
.searched-product-image > a > img{
    max-width: 100%;
}

/************* articles ************/
.com-content-article.item-page img{
    max-width: 100%;
    height: auto;
}

/************* cookies ************/
#cookie-popup {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background-color: #f8f9fa;
  padding: 10px;
  border: 1px solid #ced4da;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#accept-cookies{
    margin-bottom: 10px;
}

/********* image modal ***********/
#imageModal{
    justify-content: center;
}
#imageModal  .modal-content {
      background: transparent;
      border: none;
    }

#imageModal  .modal-header {
      border: none;
    }

#imageModal  .modal-dialog {
      margin: 0;
    }

#imageModal  .modal-body img {
      width: 100%;
      height: auto;
      display: block;
    }

#imageModal .modal-close {
    position: absolute;
    top: 25px;
    right: 10px;
    padding: 15px;
    cursor: pointer;
    color: #fff;
    z-index: 100;
    font-size: 30px;
}

/*manuf carousel*/

#manufacturersCarousel .item img{
    max-width: 100%;
}


.item.slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
    max-height: 120px;
}

.item.slick-slide a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.item.slick-slide img {
  max-width: 100%; /* Ensure the image doesn't exceed the container width */
  max-height: 100%; /* Ensure the image doesn't exceed the container height */
}

.phonelabel, .phoneprice {
    color: #d57117;
    font-size: 1em;
}

.instoreprice, .instorelabel {
    color: #0088ff;
}

.productDisplayShipment {
    display: none;
}

..category-vertical-list {
  list-style: none; /* Remove default list styles */
  padding: 0; /* Remove default padding */
  margin: 0; /* Remove default margin */
}

.category-vertical-list li {
  display: block; /* Make list items block elements */
  background-color: #f0f0f0; /* Optional background color for links */
  padding: 5px 10px;
  border-bottom: solid #e3e3d8 1px;
}

.category-vertical-list li h2{
	font-weight: 400;
	font-size: 1rem;
}

/* Optional: Add some styling for links inside list items */
.category-vertical-list li a {
  text-decoration: none; /* Remove default underline for links */
  color: #333; /* Set the text color for links */
  padding: 5px; /* Add padding to links (adjust as needed) */
  display: block; /* Make links block elements to fill the entire list item */
  
}

/* Optional: Style the links on hover */
.category-vertical-list li:hover {
  background-color: #ddd; /* Change background color on hover */
  color: #000; /* Change text color on hover */
}

.diagrammata > .card-header {
	text-align: center;
	background: #444;
	color: white;
}

.diagrammata ul{
	list-style: none;
}
.diagrammata ul li{
    border-bottom: 1px solid #f3f3f3;
}
.diagrammata ul li a{
	font-size: 15px;
	color: #777;
	text-decoration: none;
}
.diagrammata ul li a:hover{
	color: var(--buttons-color-etc);
}

.diagrammata .mod-custom > h3{
		text-align: center;	
}
.diagrammata ul li img{
	max-width: 110px;
} 

.logout-container{
	position: relative;
}

.logout-container #logout_menu {
    position: absolute;
    z-index: 300;
}

.logout-container #logout_menu {
    display: none;
}

.logout-container:hover #logout_menu {
    display: block;
    background-color: #fff;
    min-width: 100px;
    text-align: center;
    left: -30px;
	padding: 0px;
    top: 60px;
    line-height: 50px;
    border: solid #ef7f1a 1px;
}


@media only screen and (max-width: 996px) {


#header-middle .header-middle-under #mod-custom156, #header-middle .header-middle-under #mod-custom157{
	position: absolute;
	top: 0px;
	right: 10px;	 
 }
}

.usersmenuinside{
	text-align:center;
	flex-direction: column;
	
}

.usersmenuinside a{
	font-size:20px;
	text-decoration: none;
}

body.site.com_users #over-content-2b .card h3{
	text-align: center;
}

#aimycaptchalessformguard{
	display: none;
}

.category_description.antallaktikaCat .custom{
    display: flex;
	display: flex;
    max-width: 100%;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.productsNoOnTop{
    color: white;
    background: var(--buttons-color-etc);
    height: 30px;
    display: inline;
    line-height: 20px;
    padding: 5px 7px;
    border-radius: 20px;
    position: absolute;
    right: -10px;
    top: 0px;
}

.row-mini .vpf-removefromcart-btn{
	display: none;
}

@media only screen and (max-width: 768px) {
	#fancybox-wrap{
		max-width:100%;
		
	}
	#fancybox-content{
		max-width: 100%;
		display: contents;
	}
}

.product-gtin-container{
	margin-bottom: 20px;
	font-weight:500;
}

.breadcrumb-item.active, .breadcrumb-item a {
    color: black !important;
	
}

.attention-products{
	color: #cd0606; font-size: 1rem; font-weight: bold;
}