/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 30 2023 | 07:57:11 */
.add_to_cart_button.loading, .show-quickly.loading, .single_add_to_cart_button.loading, .add_to_cart_button.loading::before, .show-quickly.loading::before, .single_add_to_cart_button.loading::before {
	color: #fff !important;
}
.mini-cart-buttons a {
	color: #fff;
	-webkit-text-fill-color: currentColor;
	background-color: #ee4903;
	border-color: #e64207;
}
.topRow {
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: cover;
}
#wsatc-stick-cart-wrapper .wsatc-variation select {
	padding: 1px 30px;
	max-width: 100% !important;
	
}
.wsatc-qty-wrapper .wsatc-qty-field {
	text-align: center;
	width: 62px;
	
}
.wsatc-stick-cart-wrapper .wsatc-add-to-cart {
	background-color: #f34902 !important;
	color: #fff;
}
.wsatc-stick-cart-wrapper .wsatc-add-to-cart:hover {
	background-color: #333 !important;
}

.wsatc-stick-cart-wrapper {
	top: 90px !important;
}
.wsatc-qty-wrapper .wsatc-qty-field {
	-webkit-appearance: textfield !important;
}
#cookie-notice .button {
	display: inherit !important;
}
#cookie-notice {
	padding: .5vw;
}
#cookie-notice #cn-notice-text {
	color: #333;
}
#cookie-notice .button.bootstrap {
	background-color: #333;
}
#faq .cbdDetails {
	display: none;
}
#faq h2 {
	margin-bottom: 35px;
	margin-top: 0px;
}
#cookie-notice {
	max-width: 100%;
	width: 100%;
	right: 0;
	background: #444 !important;
}
#cookie-notice #cn-notice-text {
	color: #fff;
}
.cookie-notice-container {
	padding: 5px 0;
}
@media(max-width:768px){
#wsatc-stick-cart-wrapper .wsatc-variation select {
	padding: 1px 1px;
}
  .topRow {
	background-position: left !important;
	background-repeat: no-repeat;
	background-size: cover;
}
.wsatc-stick-cart-wrapper {
	top: 60px !important;
}
}


/*.........................magic hero page.........................*/

.customProD {
	background-image: url('https://smartific.nl/wp-content/uploads/2021/03/single-line.png');
	padding: 40px 20px 40px 0;
	background-color: #333;
	background-repeat: repeat-y;
	color: #fff;
}
.customProDRight {
	background-image: url('https://smartific.nl/wp-content/uploads/2021/03/single-line.png');
	padding: 40px 0px 40px 20px;
	background-color: #333;
	background-repeat: repeat-y;
	color: #fff;
	background-position-x: right;
}
.customProDRight .wpb_single_image, .customProD .wpb_single_image  {
	margin-bottom: 0px;
}
.customProDRight h2, .customProD h2 {
	color: #fff;
	text-transform: none;
}
.customProD .wpb_text_column, .customProDRight .wpb_text_column {
	margin-bottom: 15px;
}
 .ReviewSection .wpb_widgetised_column.wpb_content_element {
    margin-bottom: 15px;
}


/* Submenu Mobile in new tab - Start */
.mobile-menu-content-wrap .mobile-menu-content {
  position: relative;
  overflow: visible !important;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  will-change: transform;
}

.mobile-menu-content-wrap div.mobile-menu-content .et_b_header-menu .menu li {
	position: static;
}

.mobile-menu-content-wrap div.mobile-menu-content .et_b_header-menu .menu li > .nav-sublist > ul,
.mobile-menu-content-wrap div.mobile-menu-content .et_b_header-menu .menu li > .nav-sublist-dropdown:not(.nav-sublist) {
  position: absolute;
  left: 110% !important;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 1;
  border: 0 none;
  padding: 0 !important;
  pointer-events: auto;
  display: block !important;
  height: 100% !important;
}

.mobile-menu-content-wrap div.mobile-menu-content .et_b_header-menu .menu li.over > .nav-sublist > ul,
.mobile-menu-content-wrap div.mobile-menu-content .et_b_header-menu .menu li.over > .nav-sublist-dropdown:not(.nav-sublist) {
  z-index: 3;
}

.mobile-menu-content-wrap {
  overflow: hidden;
  height: 100%;
}

.mobile-menu-content-wrap div.mobile-menu-content .open-child {
  transform: rotate(-88deg);
}

.toggles-by-arrow .mobile-menu-content-wrap .over > a .open-child:before,
.toggles-by-arrow .mobile-menu-content-wrap .over > a .open-child:after {
  width: 50%;
}

.toggles-by-arrow .mobile-menu-content-wrap .over > a .open-child:after {
  left: calc(50% - 0.18em);
  transform: rotate(-45deg);
}

.toggles-by-arrow .mobile-menu-content-wrap .over > a .open-child:before {
  left: 0px;
  transform: rotate(45deg);
}
/* Submenu Mobile in new tab - End */



@media (min-width:769px){
    .innerImg .vc_column-inner {
	padding-left: 0px;
}
.innerImgRight .vc_column-inner {
	padding-right: 0px;
}
}
@media (max-width:769px){
 .customProD {
	background-image:none !important;
	padding: 20px !important;
	background-color: #333;
	background-repeat: repeat-y;
	color: #fff;
}
  .customProDRight {
	background-image:none !important;
	padding: 20px !important;
	background-color: #333;
	background-repeat: repeat-y;
	color: #fff;
}
  .customProD h2 {
	font-size: 24px;
	padding-top: 15px;
}
  .customProDRight h2 {
	font-size: 24px;
}
  .customProD .vc_btn3-container, .customProDRight .vc_btn3-container{
	margin-bottom:15px;
}
 .customProDRight .wpb_content_element, .customProD .wpb_content_element{
	margin-bottom: 15px;
}
  .innerImg .vc_column-inner {
	padding-left: 15px !important;
}
  .innerImgRight .vc_column-inner {
	padding-right: 15px !important;
}
  .ReviewSection .vc_column-inner {
	padding-top: 10px !important;
}
}


/*.....................................magic hero page...........................*/



/*.....................................truffles calculator...........................*/

@media only screen and (max-width: 767px){
  .topRow p {
	font-size: 18px;
}
.topRow h1 {
	font-size: 30px;
}  
}
 .calculator-grid{background: #f8f8f8;
            padding: 18px;
            border: 1px solid #efefef;
            float: left;
            width: 100%;
}
.calculator-result {
	background: #333;
	display: inline-block;
	padding: 10px 39px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	margin-left: 22px;
   margin-bottom: 1vw;
}
.calc-top select{
          border: 1px solid rgba(255,86,44,0.5);
          border-radius: 5px;
          width: 13%;
}

@media(max-width:1025px){
.cal-small li{
     width:48%;
}
}
@media (max-width:992px){
.calculator-section {
      width: 100% !important;
}
.cal-small li{
     width: 48.5% !important;
     margin-bottom:20px !important;
}
.calc-top select{
     width:auto !important;
}
}
 @media(max-width:340px){
.calculator-section li{
     width:100%;
     margin-bottom:25px;
}
.cal-small li {
     width: 100%;
}
.calculator-result{
     margin-left:0;
}
}
.calculator-section ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.calculator-section {
	float: left;
	width: 50%;
	padding: 1vw;
}
.cal-small {
	width: 100% !important;
}
.calc-top {
	width: 100% !important;
}
.calculator-section label, .cal-small label {
	padding-bottom: 0px;
	position: relative;
	display: inline-block;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
}
.calculator-section li {
	display: inline-block;
	width: 48%;
	background: #fff;
	box-shadow: 0 6px 0px 0px #efefef;
	text-align: center;
	padding: 30px 5px;
	margin-right: 1%;
	cursor: pointer;
	border-radius: 5px;
	transition: transform .2s;
}
.calculator-section li.active {
	box-shadow: 0 6px 0px 0px #ff562c;
	background: #ff562c0d;
}
.calculator-section li h2 {
	font-size: 16px;
	font-weight: 600;
}
.cal-small li img {
	width: 67px;
	height: 67px;
}
.cal-small li {
	display: inline-block;
	width: 24%;
	background: #fff;
	box-shadow: 0 6px 0px 0px #efefef;
	text-align: center;
	padding: 30px;
	margin: .3%;
	cursor: pointer;
	border-radius: 5px;
	transition: transform .2s;
}
.cal-small ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.calculator-section label, .cal-small label {
	padding-bottom: 0px;
	position: relative;
	display: inline-block;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
}
.calculator-result {
	background: #333;
	display: inline-block;
	padding: 10px 39px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	margin-left: 22px;
	margin-bottom: 1vw;
}
.warninG.table .ibox-symbol i {
	text-align: center !important;
	line-height: 44px !important;
	min-height: 1.8em;
}
/*.....................................truffles calculator...........................*/