/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

footer#footer a {
    margin-bottom: 0;
    border-bottom: #596c8f 1px dashed;
}

.page-id-42 .img-inner.dark img {
    max-width: 250px;
}
.page-id-23 #main ul {
    margin-bottom: 60px;
}

.accordion-item {
}
.accordion-item .accordion-title {
    text-transform: uppercase;
    font-weight: 800;
}
.accordion-item i.icon-angle-down {
    border-radius: 50%;
    color: #fff;
    width: 1em;
    height: 1em;
    line-height: inherit;
}
/*Meat    */
.accordion-item:nth-child(1) .accordion-title, .accordion-item:nth-child(13)  .accordion-title{
    color: #DE5B49 ;
}
.accordion-item:nth-child(1) .icon-angle-down, .accordion-item:nth-child(13) .icon-angle-down {
    background-color: #DE5B49;
}
/*Fruit&Vege    */
.accordion-item:nth-child(2) .accordion-title, .accordion-item:nth-child(14) .accordion-title{
    color: #04CA95 ;
}
.accordion-item:nth-child(2) .icon-angle-down, .accordion-item:nth-child(14) .icon-angle-down {
    background-color: #04CA95;
}
/*Packaging    */
.accordion-item:nth-child(3) .accordion-title, .accordion-item:nth-child(15) .accordion-title{
    color: #FF225A   ;
}
.accordion-item:nth-child(3) .icon-angle-down , .accordion-item:nth-child(15) .icon-angle-down{
    background-color: #FF225A ;
}
/*Packaging    */
.accordion-item:nth-child(4) .accordion-title, .accordion-item:nth-child(16) .accordion-title{
    color: #F0CA4D  ;
}
.accordion-item:nth-child(4) .icon-angle-down, .accordion-item:nth-child(16) .icon-angle-down {
    background-color: #F0CA4D ;
}
/*Packaging    */
.accordion-item:nth-child(5) .accordion-title, .accordion-item:nth-child(17) .accordion-title{
    color: #6713E8  ;
}
.accordion-item:nth-child(5) .icon-angle-down, .accordion-item:nth-child(17) .icon-angle-down {
    background-color: #6713E8 ;
}
/*Packaging    */
.accordion-item:nth-child(6) .accordion-title, .accordion-item:nth-child(18) .accordion-title{
    color: #22A6FF  ;
}
.accordion-item:nth-child(6) .icon-angle-down, .accordion-item:nth-child(18) .icon-angle-down {
    background-color: #22A6FF ;
}
/*Packaging    */
.accordion-item:nth-child(7) .accordion-title, .accordion-item:nth-child(19) .accordion-title{
    color: #BF1C83   ;
}
.accordion-item:nth-child(7) .icon-angle-down, .accordion-item:nth-child(19) .icon-angle-down {
    background-color: #BF1C83  ;
}
/*Packaging    */
.accordion-item:nth-child(8) .accordion-title, .accordion-item:nth-child(20) .accordion-title{
    color: #540032    ;
}
.accordion-item:nth-child(8) .icon-angle-down, .accordion-item:nth-child(20) .icon-angle-down {
    background-color: #540032   ;
}
/*Packaging    */
.accordion-item:nth-child(9) .accordion-title, .accordion-item:nth-child(21) .accordion-title{
    color: #04756F    ;
}
.accordion-item:nth-child(9) .icon-angle-down, .accordion-item:nth-child(21) .icon-angle-down {
    background-color: #04756F   ;
}
/*Packaging    */
.accordion-item:nth-child(10) .accordion-title{
    color: #0065af    ;
}
.accordion-item:nth-child(10) .icon-angle-down {
    background-color: #0065af   ;
}
/*Packaging    */
.accordion-item:nth-child(11) .accordion-title{
    color: #c90505    ;
}
.accordion-item:nth-child(11) .icon-angle-down {
    background-color: #c90505   ;
}
/*Packaging    */
.accordion-item:nth-child(12) .accordion-title{
    color: #ff05ee    ;
}
.accordion-item:nth-child(12) .icon-angle-down {
    background-color: #ff05ee   ;
}


button.single_add_to_cart_button.button.alt:before {
    font-family: 'fl-icons' !important;
    speak: none !important;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    position: relative;
    content: "\e909";
}
.supplierBox {
        padding: 20px;
}
.supplierBox:nth-child(odd) {
    background: #f8f7f7;
}


.button.empty {
margin: 10px 0 0 !important;
color: #fff;
background-color: rgb(224, 0, 0);
}
.button.empty:active, .button.empty:hover {
color: #fff;
}

img.fullbg {
/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.fullbg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}
    @media only screen and (min-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.accordion-title span {
text-align: center;
}

}
 
    @media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.accordion-inner {
    padding: 1em 0;
}


}