/* COLOR MOBILE HAMBURGER MENU-ICON - Place in template custom CSS --- background-color = color of three lines
.burger-icon > span {background-color: white !important;}
*/

/* SOCIAL ICONS IN TOP-BAR */
ul.social-icons > li {font-size: 26px;}
.fa-facebook {color: #4267b2;}
.fa-x-twitter {color: #1da1f2;}
.fa-soundcloud {color: #ff5500;}
.fa-youtube {color: #d32322;}
.fa-instagram {color: #ca37ac;}
.fa-linkedin {color: #4267b2;}
.fa-whatsapp {color: #29af3e;}


/* CONTACT-INFO IN TOP-BAR */
.sp-contact-info {
font-size: 20px;
}

/* STICKY HEADER WITH BACKGROUND WHEN SCROLLING niet correct? */
/*
#sp-header.header-sticky {
background-color: red;
}
*/

/* MAIN MENU */
/* TO USE GOOGLE FONT IN MAIN MENU:
PLACE IN TEMPLATE CUSTOM CODE BEFORE </head>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
*/

/*.sp-megamenu-parent >li >a {
  display: inline-block;
  padding: 0 15px;
  line-height: 90px;
  font-size: 26px;
  font-weight: bold;
  font-family: 'Playfair Display', serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  background: #f8eadc;
}
*/

.sp-megamenu-parent >li >a {
  display: inline-block;
  padding: 0 15px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  /* color: #000; */
}

/*
.sp-megamenu-parent >li >a:hover {
	text-decoration: underline;
	text-decoration-color: red;
}
*/

/* MAIN MENU TRANSPARENT EXAMPLE 1
header#sp-header {
    position: absolute;
    z-index: 333;
    background: transparent;
    width: 100%;
}
*/

/* MAIN MENU TRANSPARENT EXAMPLE 2
header#sp-header {
    position: absolute;
    z-index: 333;
    background: #f8eadc4d;
    width: 100%;
}
*/



/* JOOMLA LOGIN FORM HIDE FORGOT USERNAME AND PASSWORD */
#login-form ul.unstyled {
display: none !important;
}


/* CW GALLERY HIDE THE ALL BUTTON 
.cwgallery_module .cwFiltersAlbum {
   display: none;
}
*/



/* J2STORE STUFF START */

/* J2Store Selection box alongside Shopping Cart */
.row .span3 {
width: 20%;
}

/* J2Store Product images in one row */
.additional-image-list li {
    display: inline-block;
}
.additional-image-list {
    padding: 0;
}

/* J2Store always show product description */
.detail .tab-content .fade {
    opacity: inherit;
}

/* J2Store Product overview margin button add-to-cart */
.j2store-addtocart-form {
margin-bottom: 50px;
}

/* J2Store Product detail margin button Back to overview */
a.j2store-product-back-btn.btn.btn-small.btn-info {
margin-bottom: 25px;
}

/* J2Store Product filter */
#j2store-pf-filter-product-type {
border: solid black 2px;
background: #abcabc;
padding: 20px;
}

/* J2Store Product price */
.product-price-container .sale-price {
	font-size: 1em;
}

h1.product-title {
	font-size: 24px;
}

h2.product-title {
	font-size: 18px;
}

/* J2Store Display cart in block */
.j2store .j2store-cart .row {
display: block;
}

/* J2Store padding for the coupon code field */
.j2store-cart .coupon {
padding-top: 25px;
padding-bottom: 25px;
}

/* J2Store always show three buttons on My Profile page */
.j2store-myprofile .nav a {
display: block !important;
}

/* J2Store always functional three buttons on My Profile page */
.nav-tabs .nav-link {
display:block !important;
}

/* J2STORE STUFF END */


/* SP PAGE BUILDER STUFF START */

/*
CSS CLASSES
ROW HEADING AND DIVIDER	row_heading_and_divider
Addon Heading			heading_page_title
Addon Divider			divider
Addon Text Block		text_block
*/

/* BODY BACKGROUND
body {
	background-color: green;
}
*/

/* ROW HEADING AND DIVIDER
.sppb-section.row_heading_and_divider {
	background-color: blue;
	padding-top: 0px;
	padding-bottom: 0px;
}
*/

/* HEADING PAGE TITLE
.heading_page_title .sppb-addon-title {
	font-size: 72px;
	color: red;
}
*/

/* DIVIDER
.divider {
	border-bottom: 3px solid blue !important;
}
*/

/* TEXT_BLOCK TITLE
.text_block .sppb-addon-title {
	color: white;
}
*/

/* TEXT_BLOCK CONTENT
.text_block .sppb-addon-content {
	color: purple;
}
*/

/* TEXT_BLOCK MINIMUM HEIGHT
.text_block {
min-height: 380px;
padding: 15px;
}
*/

/* WIDESCREEN OR MOBILE
/*
@media (max-width: 767px) {
	.text_block .sppb-addon-content {
	color: #ffffff;
	}
}
*/

/* SPPB HIDE ITEM TITLE IN ADDON: CAROUSEL
PLACE IN TEMPLATE CUSTOM CODE
.sppb-carousel-text h1,
.sppb-carousel-text h2,
.sppb-carousel-text h3 {display: none; visibility: hidden;}
*/

/* SP PAGE BUILDER STUFF END */


/* Change width of company logo
#sp-menu{
    flex: 0 0 70%;
    max-width: 70%;
}
#sp-logo{
    flex: 0 0 30%;
    max-width: 30%;
}

/* Change color of menu-items in dropdown */
/*
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    background: grey !important;
}
*/

/* Remove box-shadow at bottom of menu in Header, height 30px */
/*
#sp-header {
	box-shadow: 0 0px 0px;
	height: 30px;
	line-height: 30px;
	background:#2b6ca3;
}
*/

/* Reduce space (padding) in all sub-menus, also between sub-menu items */
/*
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding:0px;
	background: #dd6a15;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	padding: 0px 10px;
	background:#d1d1d1;
}
*/

/* Change the amount of space between menu heading and top of dropdown menu */
/* Bron: https://www.facebook.com/groups/helix.framework/permalink/1463657160422821/ */
/*
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
margin-top: -40px;
}
*/