.brand-logo > img:nth-child(1) {
 max-width: 240px;
}

.container-header .mod-menu > li > a {
 color: black;
}

.header {
  background-color: transparent;
  background-image: none;
}

/* Replacement menu for Casseopia default */
div#maximenuck131 {
 width: 100vw;
}
/* alternatively, control this via style setup in mod_maximenuck */
body div#maximenuck131 ul.maximenuck {
 background-color: transparent;
}
body div#maximenuck131 ul.maximenuck span.titreck {
 color: black;
 font-size: larger;
 
}
/* nudge the image upwards in relation to the menu links */
body div#maximenuck131 img[style] {
 margin-top:-2em !important;
}


/* Don't display logo image on screens larger than 640px as it is visible
 * via the mod_maximenuck menu module instead */
@media only screen and (min-width: 641px) {
 a.brand-logo {
  /* display: none; */
  /* reenable logo now that we're using the JUX mega menu instead */
 }
}
/* Never display the logo specified by the Casseopia template; use custom
 * module in the menu position instead 20250624 */
 a.brand-logo {
  display: none;
 } 

/* Joomla UX megamenu module */
/* Show menu and hamburger aligned right and bottom and nudge up a couple em */
div#jux_megamenu133 {
 margin: auto 0 2em auto;
  /*
 margin-left: auto;
 margin-top: auto;
 margin-bottom: 2em;
 */
}


body.item-127 div.com-content-article.item-page {
  /* override max width on the home/landing page */
  max-width: none;
}

div.share-social > span.txt {
/* Remove "Share:" at the bottom of articles (Joomlart?) */
    display: none;
}

div.header-nav span.menu-item-title {
/* Make menu text larger */    
    font-size: 1.3em;
}

div.moduleecofetti-header001 {
  width: 100%;
  color: white;
  background-color: #64b664;
  font-size: large;
  padding: 1vw;
  margin-top: 1em;

}

/* Don't show ecofetti header module for mobile except on home page */
@media only screen and (max-width: 640px) {
 body:not(.itemid-127) div.moduleecofetti-header001 {
   display: none;
 }
}

.button, #watch-ecofetti-dissolve, button.btn-primary {
    /* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); */
    display: inline-block;
    box-shadow: 0.5em 0.5em 4px rgba(0, 0, 0, 0.8);
    border-radius: 50px;
    background-color: #64b664;
    min-height: 4.5rem;
    padding: 2rem;
    color: white;
    text-decoration: none;
    font-size: larger;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.button:hover, #watch-ecofetti-dissolve:hover, button.btn-primary:hover {
 color: white;
 background-color: #64b664;
 transform: translate(-2px,-2px);
} 

.ecofetti-home-flex-container {
  display: flex;
  /* background-color: #e46796; */
  justify-content: space-between;
  /* justify-content: space-evenly; */
  align-items: stretch;
  /* flex-wrap: wrap; */ 
}

.ecofetti-home-flex-container > div {
  color: white;
  background-color: #e46796;
  margin: 10px;
  padding: 20px;
  font-size: larger;
  text-align: center;
  width: 100%;
  max-width: 25%;
}


/* Cancel flex items for small screens; contents makes the child elements children of the element the next level up in the DOM */
@media only screen and (max-width: 640px) {
  .ecofetti-home-flex-container {
    display: contents;
  }
  .ecofetti-home-flex-container > div {
  max-width: none;
  }
}

.ecofetti-home-flex-container > div > img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
}

/* Flex box clickable divs */
div.ecofetti-home-flex-container > div {
 cursor: pointer;
}

#ecofettirainbowbanner {
  width: 100%;
}

#ecofettirainbowbanner > img {
  width: 100%;
}

#ecofetticolornotes1 {
  
}
#ecofetticolornotes1 > img {
  width: 40vw;
}
#ecofetticolornotes2 {
    position:relative;
    bottom:35vw;
    left: 35vw;
    color: white;
    padding: 4em;
    background-color: #64b664;
    max-width: 40vw;
    font-size: larger;
}

  /* For small screens, don't use custom placement of the "We have done our very best to capture Ecofetti colors as we see them for
   * photos" blurb */
@media only screen and (max-width: 640px) {
  #ecofetticolornotes2 {
   position: static;
   max-width: none;
  }
}

#ecofettifooter {
    /* for home page only */
    color: white;
    background-image: none;
    background-color: #583287;
    font-size: larger;
    padding: 5em;
    text-align: center;
}

body.item-127 #ecofettifooter {
    /* for home page only */
   margin-top: -40rem;
}   


/* HIKASHOP */

div.hikashop_subcategories {
  display: none; /* separate link to samples category is not needed (unknown
  how to turn this off with a Hikashop setting) */
}

div.hikashop_category_information h2 {
 text-align: center;
}

/* Add box shadow to product display grid */
div.hikashop_subcontainer {
box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}


/* In a price range remove the <br> tag and insert an en dash */
div.hikashop_subcontainer br {
 display: none;
}
div.hikashop_category_information span.hikashop_product_price.hikashop_product_price_1::before {
 content: "\2013";
} 


div.hikashop_product_characteristic_on_listing > span.hikashop_product_characteristic_value_on_listing {
 border: 1px solid blue;
 color: red;
}
#hikashop_category_information_menu_116 {

 /* background-color: orange; */
}


/* Add padding above Choose Options buttons and add to cart buttons (choose div that has a following hikabtn hikacart sibling */
div:has(~ a.hikabtn.hikacart), div:has(~ button.hikabtn.hikacart){
 margin-bottom:1em;
}

a.hikabtn.hikacart, button.hikabtn.hikacart {
 font-size: larger;
}


div.hikashop_product_characteristic_name_on_listing {
 font-size: larger;
 font-weight: bold;
 font-style: italic;
}

span.hikashop_product_characteristic_value_on_listing {
 display: inline-block;
 /* background-color: lightgray; */	
 margin: 3px;
 padding: 7px;
/* border: 1px solid black; */
 border-radius: 10px;
 color: white;
 /* mix-blend-mode: difference; */
 /* box-shadow: 5px 5px #d3d3d3; */
 box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}


span.hikashop_product_characteristic_value_on_listing_7 {
/* small glassine */
 color: black;
 background-color: white; 
}
span.hikashop_product_characteristic_value_on_listing_33 {
/* medium glassine */
 color: black;
 background-color: white; 
}
span.hikashop_product_characteristic_value_on_listing_6 {
/* large glassine */
 color: black;
 background-color: white; 
}

span.hikashop_product_characteristic_value_on_listing_29 {
 --color: #fcfbfc; /*snow cut white */
 color: contrast-color(var(--color));
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_4 {
 --color: #f1786c; /* watermelon */
 color: contrast-color(var(--color));
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_28 {
 --color: #ff8d81; /* pretty pink */
 color: contrast-color(var(--color));
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_27 {
 --color: #ffb363; /* peach */
 color: contrast-color(var(--color));
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_31 {
 --color: #ffca43; /* dandelion */
 color: contrast-color(var(--color));
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_2 {
 --color: #a0d6b4; /* sea foam */
 color: contrast-color(var(--color));
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_32 {
 --color: #2dd7ff; /* aqua */
 color: contrast-color(var(--color));
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_1 {
 --color: #55aaff; /* true blue */
 color: contrast-color(var(--color));
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_3 {
 --color: #6f2da8; /* grape */
 color: contrast-color(var(--color));
 color: white;
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_30 {
 --color: #4A4A4A; /* charcoal */
 color: contrast-color(var(--color));
 color: white;
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_38 {
 --color: #ffffff; /* white */
 color: contrast-color(var(--color));
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_39 {
 --color: #5edc1f; /* green apple */
 color: contrast-color(var(--color));
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_40 {
 --color: #e8d2fe; /* ice */
 color: contrast-color(var(--color));
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_41 {
 --color: #ed80e9; /* orchid */
 color: contrast-color(var(--color));
 background-color: var(--color); 
}




/* Glassine seals */
span.hikashop_product_characteristic_value_on_listing_34 {
 --color: white; /* heart seal */
 color: red;
 background-color: var(--color); 
/* background-image: url("/images/seal_heart.jpg");
 background-size: contain;
 */
}
span.hikashop_product_characteristic_value_on_listing_34::before {
 background-image: url("/images/seal_heart.jpg");
 background-size: 1em 1em;
 display: inline-block;
 width: 1em; 
 height: 1em;
 content: '';
}
span.hikashop_product_characteristic_value_on_listing_35 {
 --color: white; /* star seal */
 color: gold;
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_35::before {
 background-image: url("/images/seal_star.jpg");
 background-size: 1em 1em;
 display: inline-block;
 width: 1em; 
 height: 1em;
 content: '';
}
span.hikashop_product_characteristic_value_on_listing_36 {
 --color: white; /* circle seal */
 color: blue;
 background-color: var(--color); 
}
span.hikashop_product_characteristic_value_on_listing_36::before {
 background-image: url("/images/seal_circle.jpg");
 background-size: 1em 1em;
 display: inline-block;
 width: 1em; 
 height: 1em;
 content: '';
}


/* Format the product pages */
/* Note product page template override in use at
 /home/public/templates/cassiopeia/html/com_hikashop/product/show_default.php
*/

div.hikashop_product_page {
/*
 box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
  box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
*/
 padding: 2em;

}

div.hikashop_product_top_part {

 text-align: center;

}
/*div.hikashop_global_image_div,*/ div.hikashop_product_right_part  {
 /*box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
 box-shadow: blue 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, rgb(31, 193, 27) 10px -10px, rgb(255, 255, 255) 20px -20px 0px -3px, rgb(255, 217, 19) 20px -20px, rgb(255, 255, 255) 30px -30px 0px -3px, rgb(255, 156, 85) 30px -30px, rgb(255, 255, 255) 40px -40px 0px -3px, rgb(255, 85, 85) 40px -40px;
 box-shadow: blue 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, rgb(31, 193, 27) 10px -10px, rgb(255, 255, 255) 20px -20px 0px -3px, rgb(255, 217, 19) 20px -20px, rgb(255, 255, 255) 30px -30px 0px -3px, rgb(255, 156, 85) 30px -30px, rgb(255, 255, 255) 40px -40px 0px -3px, rgb(255, 85, 85) 40px -40px;
 box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px, rgb(31, 193, 27) 0px 0px 0px 6px, rgb(255, 217, 19) 0px 0px 0px 9px, rgb(255, 156, 85) 0px 0px 0px 12px, rgb(255, 85, 85) 0px 0px 0px 15px;
 box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
 box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
 box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
 */
 padding: 1em;
 text-align: center;
 
}

div.hikashop_global_image_div {
 text-align: center;
}

div.hikashop_product_characteristics {
 padding: 1em;
}

div.hikashop_product_description_main {
 text-align: left;
}

p.ecofetti_product_description_intro {
 font-weight:bold;
 font-size: larger;
}

div.hikashop_product_page {
 box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

span.hikashop_product_name_main {
display: inline-block;
padding: 0.5em;
}
span.hikashop_product_name {
 position: relative;
 font-size: xx-large;
/* box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px
 0px;*/
/* font-style: italic;*/
 /*background-color: #FFEBCD;*/
/* border: 6px solid white;*/
/* border-image: linear-gradient(45deg, turquoise, greenyellow) 1; */
/* border-image: linear-gradient(45deg, #64b664, #583287) 1;
 border-radius: 15px;
 padding:5px;
*/
}

span.hikashop_product_name::before {
/* https://dev.to/afif/border-with-gradient-and-radius-387f */ 
  /*
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5px; 
  padding: 2px; 
  background:linear-gradient(45deg,#64b664, #583287); 
  mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  mask-composite: exclude; 
 */
} 



/* Samples category page limit width on large screens */
@media only screen and (min-width: 641px) {
 div.hikashop_category_description {
  max-width: 80%;
  }
}

div.hikashop_category_description {
 font-size: larger;
 margin-left: auto;
 margin-right: auto;
}
img.ecofetti-sample-arc {
 max-width: 50%;
 shape-outside: url('/images/Ecofetti/ecofetti-sample-rainbow-alpha.webp');
 shape-margin: 3rem;
}
img#ecofetti-sample-arc-1 {
 float: left;
} 
img#ecofetti-sample-arc-2 {
 float: right;
}

/* Don't show 2nd sample rainbow arc on small screens */
@media only screen and (max-width: 640px) {
 img#ecofetti-sample-arc-1 {
  display: none;
  }
}

p#done-our-best-for-photos {
 clear: both;
}
p#ecofetti-pretty-special {
/*  clear: both;*/
}
p#ecofetti-limit-samples {
 text-align: center;
 font-style: italic;
} 


/* Shrink width of contact page on large screens */
@media only screen and (min-width: 641px) {

 div.com-contact.contact {

  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  font-size: larger;

 }
}

 div.com-contact.contact h2{
  display: none;
 }

 div.com-contact.contact div.controls {
  text-align: center;
 }



div.hk-row-fluid {

  justify-content: center;

} 


/* Format options for 5 samples in the cart */
p.hikashop_cart_option_name {
 /*text-align: right;*/
 clear: both;
 display: list-item;
 list-style-type: square;
 list-style-position: inside;
 text-align: left;
}

@media only screen and (min-width: 641px) {
 p.hikashop_cart_option_name {
   text-indent: 25%;
 }  
} 

/* Menu item Order Ecofetti non-clickable as of 20250630 */
#OrderEcofetti🎉 > span {
 cursor: default;
}


/* Use color tiles to choose color instead of drop down menu 20250701 

https://www.hikashop.com/support/documentation/integrated-documentation/20-hikashop/tutorials/272-display-by-color.html

*/

.hikashop_product_options_table td .inputbox {display: none;}

.hikashop_product_options_table td img {border: 2px groove black;}

.hikashop_product_options_table td label {display:inline !important;}

/* For Joomla 4 : */

table.hikashop_product_options_table input {display: none;}

/*
table.hikashop_product_options_table div {display:inline !important; padding-left: 5px;}
*/

/* add border to chosen color image */
input.form-check-input:checked + label.form-check-label > img {
/* border:5px outset #583287;*/
 
 border: 5px solid white; 
  outline: 5px outset #583287;
  outline-offset: -2px;
  
}
/* set size of Ecofetti color image */
label.form-check-label > img {
 max-height: 3rem;
 max-width: 3rem;
}

/* Make the Hikashop Ecofetti color tiles into a flex layout */
table.hikashop_product_options_table div.controls {
  display: flex;
  /* background-color: #e46796; */
/*  justify-content: space-between;*/
/*  justify-content: space-evenly;*/
 justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}

table.hikashop_product_options_table div.controls div.form-check-inline {
 margin: 0;
 padding: 2px;
/*  color: white;
  background-color: #e46796;
  margin: 10px;
  padding: 20px;
  font-size: larger;
  text-align: center;
  width: 100%;
  max-width: 25%;
  */
}

/* Shopping cart upper right popup (see cart notification plugin to increase
 * auto-hide delay in order to work on this CSS) */

div.notifyjs-wrapper div.notifyjs-container div.notifyjs-metro-base {
 padding: 1em;
}
div.notifyjs-wrapper div.notifyjs-container div.notifyjs-metro-base div.image {
 left: 32px;
}
div.notifyjs-wrapper div.notifyjs-container div.notifyjs-metro-base div.title {
 font-size: larger;
}
div.notifyjs-wrapper div.notifyjs-container div.notifyjs-metro-base div.text {
 font-size: larger;
} 
/* one background color */
div.notifyjs-wrapper div.notifyjs-container {
 background-color: #d9edf7;
} 
/* info means messages like added to cart */
div.notifyjs-wrapper div.notifyjs-container .notifyjs-metro-info {
/* background-color: #d9edf7; */
/* background-color: red; */
} 
/* warning means messages like */
div.notifyjs-wrapper div.notifyjs-container .notifyjs-metro-warning {
/* background-color: #d9edf7; */
/* background-color: yellow; */
} 
/* notice means messages like limit reached */
div.notifyjs-wrapper div.notifyjs-container .notifyjs-metro-notice {
/* background-color: #d9edf7; */
/* background-color: blue; */
} 



/* Cart / bag icon display only on small screens */
@media only screen and (min-width: 641px) {
 div#mod-custom136 {
  display: none;
 }
}  

div#mod-custom136 {
/* margin: top right bottom left; */
margin: 3em 0 auto 0;

}
div#ecofetti-cart-icon-1 {

 width: 3em;
 height: 3em;
/* float: right;*/
 
}
div#ecofetti-cart-icon-1 a {

 color: black;

}