/*
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.   ***************/

/* Global */

.banner {
	background-image: url(https://bluecrystal.test-preview.co/wp-content/uploads/2022/08/banner_bg_pattern_white.png);
}


/* main menu */
.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target {
    background: none;
}
.ubermenu-skin-grey-white {
    background: none;
}

ul.ubermenu-submenu{
	padding-top: 45px !important;
    margin-top: -45px !important;
    border-radius: 25px !important;
	width: 115px !important;
	width: fit-content !important;
	max-width: 145px !important;
}

.productsNAV ul.ubermenu-submenu{
	max-width: 120px !important;
}

a.ubermenu-target {
	z-index: 999 !important;
}

.ubermenu-submenu>.ubermenu-item>a {
	min-width: 115px !important;
	border-radius: 100px !important;
	font-weight: bold;
}

.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item {
	min-width: unset !important;
}

.productsNAV {
	cursor: pointer !important;
}

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
	color: #293579 !important;
}

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target:hover,
.ubermenu-main .ubermenu-current-menu-item.ubermenu-item-level-0 > .ubermenu-target{
    color: #fff !important;
}


/* #header .header-bg-container:after{
    content: "";
    pointer-events: none;
    top: calc(100% - 0px);
    left: 0;
    display: block;
    width: 200px;
    height: 100px;
    background: url(/wp-content/uploads/2021/04/curve_top.png) no-repeat;
    z-index: 100;
    position: absolute;
}

.footerWrap:before{
    content: "";
    pointer-events: none;
    bottom: calc(100% - 1px);
    right: 0;
    display: block;
    width: 200px;
    height: 100px;
    background: url(/wp-content/uploads/2021/04/curve_bottom.png) no-repeat bottom right;
    z-index: 100;
    position: absolute;
} */

.sliderCopy h1,
.sliderCopy h2,
.sliderCopyGold h1,
.sliderCopyGold h2{
	background: #293579;
    margin-bottom: 0.25em;
    width: fit-content;
    padding: 0.25em;
	padding-bottom: 0.05em;
}

.sliderCopyGold h1 ,
.sliderCopyGold h2 {
	background: #A45C34;
}


/* Buttons */
.button {
	text-transform: uppercase !important;
}

.contactUs input.wpcf7-submit.button {
	font-size: 1.15em;
}

.wpcf7-form-control.wpcf7-submit.button {
	background-color: #293579 !important;
}
#footer .wpcf7-form-control.wpcf7-submit.button {
	background-color: #fff !important;
	color: #293579;
}

/* Footer */

.circle.facebook {
	border-radius: 5px !important;
}

.footerLinks a:hover {
	color: #000;
	transition: color 200ms;
	transition-timing-function: ease-out;
}

/* Absoulte Footer */
.absolute-footer {
	display: none;
}

/* COVID FOOTER */
.footerCOVID {
	font-size: .75em;
	color: #fff;
}

.back-to-top {
	bottom: 30px !important;
}

/* RECIPIES PAGE */

.recipeWrap {
	justify-content: center;
}

.recipe h3.title {
	text-transform: capitalize;
}

/* COVID BANNER */
#COVID19REDIRECT #close {
	padding: unset;
    margin: unset;
    line-height: unset;
    min-height: unset;
	border-radius: unset !important;
}

/* PRODUCTS PAGE */

#chooseSugar {
	table-layout: fixed
}

#chooseSugar td {
	padding: 0.5em;
}

ul ul{
	margin-top: 1em;
}

ul ul{
	list-style-type: circle;
}

table {
	width: 100%;
	border-collapse: collapse;
}

td {
	width: 25%;
	display: inline-block;
}

th,
td {
	border-bottom: none;
}

.conversions td {
	display: table-cell !important;
}

tr:first-of-type td {
	color: #fff;
	padding: 1.5em !important;
}

.rws tr:first-of-type td {
	background-color: #293579;
}

.rws tr:first-of-type {
	background-color: #293579;
}



.gbs tr:first-of-type td {
	background-color: #A9592B;
}

.gbs tr:first-of-type {
	background-color: #A9592B;
}

th, td {
  text-align: center;
  padding: 8px;
}

tr:nth-child(even) {
	background-color: #f2f2f2;
}


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


}