/* INFO UTILITYS
Horizontal Button Group Set the classes below on a column 
*/
.no-min-height,
.no-min-height div {
    min-height: 0px !important;
    margin: 0px !important;
}
.horizontalBtnGroup > div {
    width: unset!important;
}
.horizontalBtnGroup.column-content-align-top {justify-content: flex-start!important;}
.horizontalBtnGroup.column-content-align-middle {justify-content: center!important;}
.horizontalBtnGroup.column-content-align-bottom {justify-content: flex-end!important;}
/* NOTE Gaps
Set the classes below on a column
*/
.setGap1 {gap:1px!important}
.setGap2 {gap:2px!important}
.setGap3 {gap:3px!important}
.setGap4 {gap:4px!important}
.setGap5 {gap:5px!important}
.setGap6 {gap:6px!important}
.setGap7 {gap:7px!important}
.setGap8 {gap:8px!important}
.setGap9 {gap:9px!important}
.setGap10 {gap:10px!important}
.setGap11 {gap:11px!important}
.setGap12 {gap:12px!important}
.setGap13 {gap:13px!important}
.setGap14 {gap:14px!important}
.setGap15 {gap:15px!important}
.setGap16 {gap:16px!important}
.setGap17 {gap:17px!important}
.setGap18 {gap:18px!important}
.setGap19 {gap:19px!important}
.setGap20 {gap:20px!important}

/* NOTE Spacers */
.spacer {	display: block; }
.spacer-1 { min-height: 1px; }
.spacer-2 { min-height: 2px; }
.spacer-3 { min-height: 3px; }
.spacer-4 { min-height: 4px; }
.spacer-5 { min-height: 5px; }
.spacer-6 { min-height: 6px; }
.spacer-7 { min-height: 7px; }
.spacer-8 { min-height: 8px; }
.spacer-9 { min-height: 9px; }
.spacer-10 { min-height: 10px; }
.spacer-20 { min-height: 20px; }
.spacer-30 { min-height: 30px; }
.spacer-40 { min-height: 40px; }
.spacer-50 { min-height: 50px; }
.spacer-60 { min-height: 60px; }
.spacer-70 { min-height: 70px; }
.spacer-80 { min-height: 80px; }
.spacer-90 { min-height: 90px; }
.spacer-100 { min-height: 100px; }
.spacer-200 { min-height: 200px; }
.spacer-300 { min-height: 300px; }
.spacer-400 { min-height: 400px; }
.spacer-500 { min-height: 500px; }
.spacer-600 { min-height: 600px; }
.spacer-700 { min-height: 700px; }
.spacer-800 { min-height: 800px; }
.spacer-900 { min-height: 900px; }
.spacer-1000 { min-height: 1000px; }

/* NOTE Margins */
.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px; }

/* NOTE Chrome Inspector Fix */
html, body { overflow-x:hidden; }

/* NOTE Click Through Elements */
.click-through { pointer-events: none !important; }



/* INFO HEADER */
.header-border-atop {
	  min-height: 5px!important;
}
.main-menu a.text-highlight {
  color: var(--title-inverse)!important;
  background-color: var(--primary)!important;
  --border-color: var(--border)!important;
  --border-radius: 0px !important;
  --border-style: solid !important;
  --border-width: 0px !important;
  --border-bottom: 1 !important;
  --border-left: 1 !important;
  --border-top: 1 !important;
  --border-right: 1 !important;
  --shadow-horizontal: 0px !important;
  --shadow-vertical: 0px !important;
  --shadow-blur: 0px !important;
  --shadow-spread: 0px !important;
  --shadow-color: var(--shadow) !important;
  padding-bottom: 5px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 5px !important;
  border: 1px solid var(--primary) !important;
  line-height: 14px !important;
}
.main-menu a.text-highlight:hover {
  color: var(--primary) !important;
  background-color: var(--bg-dark) !important;
  border: 1px solid var(--primary) !important;
}
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {

  .main-menu .open-menu i {
    padding: 0;
  }
  .account-menu .open-menu i {
    padding: 0;
  }
  .main-menu a.text-highlight {
    line-height: 34px !important;
    padding-left: 25px !important;
    margin-left: -6px !important;
    color: var(--primary) !important;
    background-color: var(--bg-dark) !important;
    border: 1px solid var(--primary) !important;
  }
  .main-menu a.text-highlight:hover {
    color: var(--title-inverse)!important;
    background-color: var(--primary)!important;
    border: 1px solid var(--primary) !important;
  }

}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 768px) {

  .main-menu .open-menu i {
    padding: 0;
  }
  .account-menu .open-menu i {
    padding: 0;
  }
  .main-menu a.text-highlight {
    line-height: 34px !important;
    padding-left: 25px !important;
    margin-left: -6px !important;
    color: var(--primary) !important;
    background-color: var(--bg-dark) !important;
    border: 1px solid var(--primary) !important;
  }
  .main-menu a.text-highlight:hover {
    color: var(--title-inverse)!important;
    background-color: var(--primary)!important;
    border: 1px solid var(--primary) !important;
  }

}/* Phone - Landscape */



/* INFO NAVIGATION */
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 768px) {

  .ba-hamburger-menu.ba-collapse-submenu li.deeper > span i:not(.ba-menu-item-icon), .ba-hamburger-menu.ba-collapse-submenu li.deeper > a i:not(.ba-menu-item-icon) {
    font-size: 50px;
  }  

}/* Phone - Portrait + Landscape */



/* INFO FOOTER */
footer .justify-flex-end {
  justify-content: flex-end !important;
}
footer .view-inline {
  display: inline!important;
}
footer .app-buttons {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
}
footer .app-buttons a {

}
footer .app-buttons a img {
    max-width: 150px;
}
/* NOTE Responsive Elements */
@media (min-width: 769px) {
  footer .view-inline {
    width: unset !important;
  }
}



/* INFO JBUSINESSDIRECTORY */
.jbd-container .btn-success {
  font-weight: bold;
  color: var(--title-inverse);
  background: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 0px;
  max-width: 100% !important;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  transition:
    color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
    background-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
    border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
    color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
    background-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
    border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.jbd-container .btn-success:not(:disabled):not(.disabled):active,
.jbd-container .btn-success:active,
.jbd-container .btn-success:hover {
  background: var(--bg-dark);
  border: 1px solid var(--primary);
  color: var(--primary)!important;
}
.jbd-container .btn-success i {
  transition:
    color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.jbd-container .btn-success:active i,
.jbd-container .btn-success:hover i {
  color: var(--primary)!important;
}
.jbd-container .btn-danger {
  padding-bottom: 16px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 16px;
}
.jbd-container button#file-upload-submitAll {
    border-radius: 0;
}

#searchform .form-field,
#searchform .form-field select,
#searchform .form-field input[type="text"],
#searchform .btn-success {
  border-radius: 0px;
  min-height: 50px;
}
/* NOTE Loading image after clicking on search */
.jbd-container .btn.search-dir-button.loader::after {
    top: 20%!important;
}
/* NOTE Header Search Area */
#companies-search textarea.required, #companies-search input.required, #companies-search select.required, #companies-search div.required a {
    border-color: rgba(255, 0, 0, 1) !important;
    box-shadow: 0 0 5px rgba(254, 9, 0, 1) inset !important;
    outline: 0 none;
    color: rgba(255, 0, 0, 1) !important;
    border-width: 3px;
}
/* 
.jbd-header-container #searchform .form-container { flex-wrap: nowrap; }
.jbd-header-container #searchform .fields-container { flex-wrap: nowrap; }
.jbd-header-container input { max-width: 170px; }
.jbd-header-container input#searchkeyword { max-width: 100%; }
.jbd-header-container select { max-width: 150px; }
.jbd-header-container button i {  }
*/
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {



}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 768px) {

  .jbd-header-container { padding-top: 0px; padding-bottom: 10px; }
  .jbd-header-container #searchform .form-container { flex-wrap: wrap; }
  .jbd-header-container #searchform .fields-container { flex-wrap: wrap; justify-content: space-between; }
  .jbd-header-container #searchform .fields-container .form-field { width: calc(50% - 10px); margin: 10px 0px; }
  .jbd-header-container #searchform .fields-container .form-field:nth-child(1) { order: 1; }
  .jbd-header-container #searchform .fields-container .form-field:nth-child(2) { order: 3; }
  .jbd-header-container #searchform .fields-container .form-field:nth-child(3) { order: 4; }
  .jbd-header-container #searchform .fields-container .form-field:nth-child(4) { order: 2; }
  .jbd-header-container input { width: 100%!important; }
  .jbd-header-container select { width: 100%!important; }
  .jbd-header-container button { min-width: 100%; }
  .jbd-header-container #searchform .search-dir-button { width: 100% !important; margin-top: 10px; }

}/* Phone - Landscape */
@media (min-width: 769px) and (max-width: 1024px) {

  .jbd-header-container { padding-top: 0px; padding-bottom: 10px; }
  .jbd-header-container #searchform .form-container { flex-wrap: wrap; }
  .jbd-header-container #searchform .fields-container { flex-wrap: wrap; justify-content: space-between; }
  .jbd-header-container #searchform .fields-container .form-field { width: calc(50% - 10px); margin: 10px 0px; }
  .jbd-header-container #searchform .fields-container .form-field:nth-child(1) { order: 1; }
  .jbd-header-container #searchform .fields-container .form-field:nth-child(2) { order: 3; }
  .jbd-header-container #searchform .fields-container .form-field:nth-child(3) { order: 4; }
  .jbd-header-container #searchform .fields-container .form-field:nth-child(4) { order: 2; }
  .jbd-header-container input { width: 100%!important; }
  .jbd-header-container select { width: 100%!important; }
  .jbd-header-container button { min-width: 100%; }
  .jbd-header-container #searchform .search-dir-button { width: 100% !important; margin-top: 10px; }

}/* Tablet - Portrait */
@media (min-width: 1025px) and (max-width: 1280px) {

  .jbd-header-container { padding-top: 0px; }
  .jbd-header-container #searchform .form-container { flex-wrap: nowrap; }
  .jbd-header-container #searchform .fields-container { flex-wrap: wrap; }
  .jbd-header-container #searchform .fields-container .form-field:first-child { width: 100%; }
  .jbd-header-container #searchform .fields-container .form-field:last-child { flex: 1; }
  .jbd-header-container input { width: 100%!important; }
  .jbd-header-container input#searchkeyword { max-width: 100%; }
  .jbd-header-container select { max-width: 150px; }
  .jbd-header-container button { min-width: 110px; height: 110px !important;}

}/* Tablet - Landscape */
@media (min-width: 1281px) and (max-width: 1440px) {

  .jbd-header-container { padding-top: 0px; }
  .jbd-header-container #searchform .form-container { flex-wrap: nowrap; }
  .jbd-header-container #searchform .fields-container { flex-wrap: nowrap; }
  .jbd-header-container input { max-width: 170px; }
  .jbd-header-container input#searchkeyword { max-width: 100%; }
  .jbd-header-container select { max-width: 150px; }

}/* Laptop */
@media (min-width: 1441px) {

  .jbd-header-container { padding-right: 10px; }
  #searchform .fields-container,  #searchform .fields-container .form-field.search { flex-grow: 1; }
  #searchform .fields-container .form-field.search input { width: 100%!important; }

}/* Desktop */



/* INFO ACYMAILING */
.acymailing-custom-links .acyterms {
    font-size: 80%;
    color: #fff;
    position: relative;
    top: -11px;
}
.acymailing-custom-links .acym_form div,
.acymailing-custom-links .acym_form span,
.acymailing-custom-links .acym_form p,
.acymailing-custom-links .acym_form label {
    color: #fff;
}
.acymailing-custom-links .acym_form span.acym__users__creation__fields__title {
    margin-right: 5px;
}
.acymailing-custom-links .acyterms a {
  color: #fff;
  transition:
    color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
    background-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
    color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
    background-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  text-decoration: underline;
}
.acymailing-custom-links .acyterms a:hover {
  color: var(--primary);
}
.acymailing-custom-links .acyterms .checkbox {
		position: relative;
  	top: 5px;
}
td.acysubbuttons input {
    font-weight: bold;
    color: var(--title-inverse);
    background: var(--primary);
    border-color: var(--primary);
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    max-width: 100% !important;
    transition:
      color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
      background-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
      border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
      color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
      background-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
      border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
td.acysubbuttons input:hover {
    background: var(--bg-dark);
    border: 1px solid var(--primary);
    color: var(--primary);
}
.acymailing-footer .acym_module_form label {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.acymailing-footer .acym_module_form label span {
    position: relative;
    top: -3px;
}
.acymailing-footer .acym_module_form input {
    max-width: 200px;
}
.acymailing-footer .acyterms {
  line-height: 1.4;
}
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {

  .acymailing-between-sections .acym_form tr,
  .acymailing-footer  .acym_form tr {
    display: flex;
    flex-flow: column;
    text-align: left;
  }
  .acymailing-footer .acym_module_form label {
      display: flex;
      flex-flow: column;
      align-items: flex-start;
      justify-content: space-between;
      font-size: 14px;
      line-height: 16px;
  }
  .acymailing-footer .acym_module_form input {
      max-width: 280px !important;
      width: 100%;
  }
  .acymailing-footer .acyterms {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
  }
  .acymailing-footer .acyterms input {
    margin: 10px 0px 20px 0px;
    display: block;
  }

}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 768px) {

  .acymailing-between-sections .acym_form tr,
  .acymailing-footer  .acym_form tr {
    display: flex;
    flex-flow: column;
    text-align: left;
  }
  .acymailing-footer .acym_module_form label {
      display: flex;
      flex-flow: column;
      align-items: flex-start;
      justify-content: space-between;
      font-size: 14px;
      line-height: 16px;
  }
  .acymailing-footer .acym_module_form input {
      max-width: 140px !important;
      width: 100%;
  }
  .acymailing-footer .acyterms {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
  }
  .acymailing-footer .acyterms input {
    margin: 10px 0px 20px 0px;
    display: block;
  }

}/* Phone - Landscape */
@media (min-width: 769px) and (max-width: 1024px) {

  .acymailing-between-sections .acym_form tr{
    display: flex;
    flex-flow: column;
    text-align: left;
  }
  .acymailing-footer .acym_module_form label {
      display: flex;
      flex-flow: column;
      align-items: flex-start;
      justify-content: space-between;
      font-size: 14px;
      line-height: 16px;
  }
  .acymailing-footer .acym_module_form input {
      max-width: 140px !important;
      width: 100%;
  }
  .acymailing-footer .acyterms {
    font-size: 14px;
    line-height: 16px;
    text-align: justify;
  }
  .acymailing-footer .acyterms input {
    margin: 10px 0px 20px 0px;
  }

}/* Tablet - Portrait */
@media (min-width: 1025px) {

  .acymailing-footer .acym_module_form label {
      display: flex;
      flex-flow: column;
      align-items: flex-start;
      justify-content: space-between;
  }

}



/* INFO TIKTOK ICON */
i.tiktok-tik-tok-filled.ba-btn-transition {
    font-size: 25px!important;
    position: relative;
    top: 5px;
}
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {

  i.tiktok-tik-tok-filled.ba-btn-transition {
    font-size: 18px !important;
  }

}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 768px) {

  i.tiktok-tik-tok-filled.ba-btn-transition {
    font-size: 18px !important;
  }

}/* Phone - Landscape */
@media (min-width: 769px) and (max-width: 1024px) {

  i.tiktok-tik-tok-filled.ba-btn-transition {
    font-size: 18px !important;
  }

}/* Tablet - Portrait */



/* INFO FEATURE STYLING */
.feature-inline .ba-feature-caption > div,
.feature-inline .ba-feature-caption > div h1,
.feature-inline .ba-feature-caption > div h2,
.feature-inline .ba-feature-caption > div h3,
.feature-inline .ba-feature-caption > div h4,
.feature-inline .ba-feature-caption > div h5,
.feature-inline .ba-feature-caption > div h6,
.feature-inline .ba-feature-caption > div div {
    display: inline;
}
.feature-inline .ba-feature-caption > div div {
    margin-left: 1rem;
}
.feature-list .ba-feature-caption {
    display: flex;
    flex-flow: column;
    position: relative;
}
.feature-list .ba-feature-title-wrapper {
    max-width: 80%;
}
.feature-list .ba-feature-description-wrapper {
    max-width: 80%;
}
.feature-list .ba-feature-button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 20%;
}



/* INFO FLYER MENU */
.flyer-menu {
    background: #fff;
    border-radius: 15px;
    padding: 15px;
}



/* INFO FLYER DASHBOARD ITEM */
.flyer-dashboard-item .ba-feature-box {
  flex-flow: row-reverse;
}
.flyer-dashboard-item .ba-feature-box .ba-feature-image-wrapper {
  margin: 0px 5px 0px 10px;
}
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px){

  .flyercreator-dashboard h1 {
      font-size: 22px;
      line-height: 28px;
  }
  .flyercreator-dashboard p {
      font-size: 16px;
      line-height: 24px;
  }  

}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 768px) {

  .flyercreator-dashboard h1 {
      font-size: 26px;
      line-height: 34px;
  }
  .flyercreator-dashboard p {
      font-size: 18px;
      line-height: 28px;
  }  

}/* Phone - Landscape */



/* INFO GOLDEN BORDERS */
.img-overlay-border {
  width: 350px;
  height: 350px;
  border: 2px solid var(--primary);
}
.img-overlay-caption {
	display: inline;
  min-width: 150px;
  height: 100%;
	padding: 0px 10px;
  background: var(--primary);
  color: var(--title);
  font-size: 30px;
  font-weight: 900;
  text-transform: uppercase;
}
.img-overlay-border-portfolio {
  width: 1000px;
  height: 621.5px;
  border: 2px solid var(--primary);
}
.img-overlay-caption-portfolio {
	display: inline;
  min-width: 150px;
  height: 100%;
	padding: 0px 20px;
  background: var(--primary);
  color: var(--title);
  font-size: 50px;
  font-weight: 900;
  text-transform: uppercase;
}



/* INFO HOMEPAGE */
/* NOTE Slideshow */
.homepage-slideshow {}
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {

  .homepage-slideshow .ba-slideshow-caption {
    padding: 20px;
  }
  .homepage-slideshow .ba-slideshow-nav {
    display: none !important;
  }
  .homepage-slideshow .slideshow-content,
  .homepage-slideshow .ba-overlay {
    max-height: 350px;
  }


}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 768px) {

  .homepage-slideshow .ba-slideshow-caption {
    padding: 70px;
  }

}/* Phone - Landscape */



/* INFO BUSINESS DIRECTORY - ACCOUNT & TOOLS */
/* NOTE Menu */
#jdb-wrapper.tmpl-style-3 .nav>li.nav-item a {
    text-align: left;
} 
/* NOTE Cancel btns */
body.com_jbusinessdirectory .btn.btn-dark.button-cancel,
body.com_jbusinessdirectory .btn.btn-dark.button-cancel:hover,
body.com_jbusinessdirectory .btn.btn-outline-dark.button-cancel,
body.com_jbusinessdirectory .btn.btn-outline-dark.button-cancel:hover {
  font-weight: bold;
  border-radius: 0px;
  max-width: 100% !important;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1), background-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), color 0.3s cubic-bezier(0.42, 0, 0.58, 1), background-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
/* NOTE Switch to customer */
body.com_jbusinessdirectory.customers #user_id {
  width: 100%;
  margin: 0;
}
body.com_jbusinessdirectory.customers .btn.btn-dark.btn-sm {
  padding: 5px 20px;
  font-size: 120%;
  font-weight: bold;
  margin: 0;
  height: 100%;
}
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {

  .jbd-container.jdb-wrapper-front#jdb-wrapper .jbd-message-container h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .jbd-container.jdb-wrapper-front#jdb-wrapper .jbd-message-container p {
    font-size: 16px;
    line-height: 22px;
  }

}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 768px) {

  .jbd-container.jdb-wrapper-front#jdb-wrapper .jbd-message-container h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .jbd-container.jdb-wrapper-front#jdb-wrapper .jbd-message-container p {
    font-size: 16px;
    line-height: 22px;
  }   

}/* Phone - Landscape */



/* INFO BUSINESS DIRECTORY - EDIT PORTFOLIO */
button#duplicate-btn,
button.btn.btn-primary.button-save {
    border-radius: 0;
    padding: 16px 20px;
}
.jbd-container .announcement-preview .announcement-container {
    border: 1px solid #dee2e6 !important;
    border-radius: 15px !important;
}
.jbd-container .announcement-container i {
    color: #ceab51 !important;
}
.jbd-container .announcement-container a {
    background-color: #ceab51 !important;
    color: #fff !important;
}
.jbd-front-end.add-listing .package_content a#show-package-details {
    display: none;
}
.jmodal-body #term_conditions p.small {
  font-size: 16px;
  line-height: 1.2;
}
button.jmodal-btn.jbd-commit {
    color: #fff;
    background: #ceab51;
    border: 1px solid #ceab51;
    transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1), background-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), color 0.3s cubic-bezier(0.42, 0, 0.58, 1), background-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
button.jmodal-btn.jbd-commit:hover {
    color: #ceab51;
    background: #2f2f2f;
    border: 1px solid #ceab51;
    transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1), background-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), color 0.3s cubic-bezier(0.42, 0, 0.58, 1), background-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.jbd-container .jbd-checkbox input:not(checked):hover {
    background-color: #ceab51;
}
.jbd-container .jbd-checkbox input:checked::after {
    border-color: #b4bcc2;
    background-color: #ceab51;
    color: #ceab51;
}
.jbd-container .jbd-checkbox input:checked:hover::after {
    background-color: #ceab51;
    border-color: #b4bcc2;
}
.jbd-container .jbd-checkbox input:not(checked):hover::after {
    border-color: #ceab51;
}
.jbd-container .announcement-container i {
    color: #ceab51 !important;
}
.jbd-container.jbd-modal .jinput-outline.jinput-hover {
    margin: 0 !important;
}
.jbd-container.jbd-modal #contactCompanyFrm .jinput-outline.jinput-hover {
    margin: 25.2px 0px 12px 0px !important;
}
.jbd-container.jbd-modal textarea#description {
    width: 100% !important;
}



/* INFO BUSINESS DIRECTORY - PORTFOLIO */
/* NOTE Breadcrumbs */
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 580px) {

  .jbd-container #search-path ul.category-breadcrumbs li a {
    font-size: 0;
    border: unset;
    background: unset;
  }
  .jbd-container #search-path ul.category-breadcrumbs li a::before {
    content: "<" !important;
    font-size: 27px;
    padding: 0px 15px!important;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #dee2e6;
    position: relative;
    top: 2px;
  }

}/* Custom Viewpoint */

/* NOTE Toolbar */
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {

  .companies .listing-details #search-path {
    flex-flow: column;
  }
  .companies .listing-details #search-path ul.category-toolbar {
    align-self: flex-end;
  }
  .companies .listing-details #search-path ul.category-toolbar {
    padding: 0em 0em 1em 0em !important;
  }
  .companies .listing-details #search-path ul.category-toolbar li > div {
    background: white;
    padding: 8px 0px 0px 0px;
    border: 1px solid #dee2e6;
    border-radius: 15px;
    transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1)!important;
    width: 50px;
    height: 45px;
  }
  .companies .listing-details #search-path ul.category-toolbar li > div#fb-root {
    display: none;
  }
  .companies .listing-details #search-path ul.category-toolbar li > div.jbd-social-container {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    align-items: baseline;
    padding: 8px 9px 0px 0px;
  }
  .companies .listing-details #search-path ul.category-toolbar li > div.jbd-social-container .view-counter {
    display: none;
  }
  .companies .listing-details #search-path ul.category-toolbar li div.qr-code i {
    margin: 0px -8px 0px 0px!important;
  }
  .companies .listing-details #search-path ul.category-toolbar li div.report-abuse i {
    margin: 0px -18px 0px 0px!important;
  }
  .companies .listing-details #search-path ul.category-toolbar li div:hover {
    color: var(--title);
    box-shadow: 0 4px 8px rgb(0 0 0 / 16%);
    transition: 300ms;
  }
  .companies .listing-details #search-path ul.category-toolbar li div a {
    font-size: 0px !important;
    border: unset !important;
    background: unset !important;
  }
  .companies .listing-details #search-path ul.category-toolbar li div a i {
      font-size: 25px;
      width: 25px;
      height: 25px;
      margin: 0px -4px 0px 0px!important;
  }    

}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 768px) {

  .companies .listing-details #search-path ul.category-toolbar {
    padding: 0em 0em 1em 0em !important;
    flex-flow: row wrap;
  }
  .companies .listing-details #search-path ul.category-toolbar li > div {
    background: white;
    padding: 8px 0px 0px 0px;
    border: 1px solid #dee2e6;
    border-radius: 15px;
    transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1)!important;
    width: 50px;
    height: 45px;
  }
  .companies .listing-details #search-path ul.category-toolbar li > div#fb-root {
    display: none;
  }
  .companies .listing-details #search-path ul.category-toolbar li > div.jbd-social-container {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    align-items: baseline;
    padding: 8px 9px 0px 0px;
  }
  .companies .listing-details #search-path ul.category-toolbar li > div.jbd-social-container .view-counter {
    display: none;
  }
  .companies .listing-details #search-path ul.category-toolbar li div.qr-code i {
    margin: 0px -8px 0px 0px!important;
  }
  .companies .listing-details #search-path ul.category-toolbar li div.report-abuse i {
    margin: 0px -18px 0px 0px!important;
  }
  .companies .listing-details #search-path ul.category-toolbar li div:hover {
    color: var(--title);
    box-shadow: 0 4px 8px rgb(0 0 0 / 16%);
    transition: 300ms;
  }
  .companies .listing-details #search-path ul.category-toolbar li div a {
    font-size: 0px !important;
    border: unset !important;
    background: unset !important;
  }
  .companies .listing-details #search-path ul.category-toolbar li div a i {
      font-size: 25px;
      width: 25px;
      height: 25px;
      margin: 0px -4px 0px 0px!important;
  }

}/* Phone - Landscape */
@media (min-width: 769px) and (max-width: 850px) {

  .companies .listing-details #search-path {
    flex-flow: column;
  }
  .companies .listing-details #search-path ul.category-toolbar {
    align-self: flex-end;
  }

}/* Custom Viewpoint */
/* NOTE Listing header */
.jbd-container .contact-persons .contact-department {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
}
.jbd-container .contact-person-details {
  border: none;
  padding: 0px;
  margin: 0px;
}
.jbd-container .contact-person-details.open {
  padding: 5px 15px;
}
.jbd-container .contact-person-details .contact-header {
  justify-content: flex-end;
}
.jbd-container .contact-person-details .contact-name {
  font-weight: normal;
  font-family: 'DancingScript';
  margin: 0px;
  color: #ceab51;
  transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1)!important;
}
.jbd-container .contact-person-details .contact-name:hover {
  color: #1b1b1d;
}
.jbd-container .contact-person-details .contact-header > div:nth-child(2) {
    display: none;
}
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {
  
  /* Company Header and Information */
  .companies .listing-details .listing-style-2 h1 {
    font-size: 24px;
    font-weight: 800;
    line-height: 36px;
    margin-top: 15px !important;
    text-align: left;
  }  
  .companies .listing-details .listing-style-2 .business-slogan {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #company-info.row {
    flex-flow: column-reverse !important;
  }
    .companies .listing-details .listing-style-2 .listing-contact-details {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 .listing-contact-details ul li {
    text-align: left;
  }
  .companies .listing-details #listing-style-2 #company-info.row div.company-info-container.col-md {
    padding: 15px !important;
  }
  .companies .listing-details .listing-style-2 #company-info.row .company-info-container .header-buttons {
    align-items: flex-start !important;
  }
  .companies .listing-details .listing-style-2 #company-info.row .company-info-container .header-buttons a i {
    min-height: 120px;
    min-width: 70px;
  }
  .companies .listing-details .listing-style-2 #company-info.row .company-info-container .header-buttons button {
    min-height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  .companies .listing-details .listing-style-2 #company-info.row .company-info-container .company-info-right > div,
  .companies .listing-details .listing-style-2 #company-info.row .company-info-container .company-info-right > strong {
    display: none;
  }
  .companies .listing-details .listing-style-2 #company-info.row .company-info-container .company-info-right > div.categories-wrapper {
    display: block;
  }
  .companies .listing-details .listing-style-2 .listing-header #social-networks-container ul.socials-network {
    flex-flow: row wrap;
    margin: 0;
  }
  .companies .listing-details .listing-style-2 .listing-header .company-image {
    max-width: 100%;
  }
  .companies .listing-details .listing-style-2 .listing-header .company-image img {
    border-radius: 0px 0px 0px 0px !important;
  }
  /* Announcement Container */
  .companies .listing-details .listing-style-2 .announcement-container {
    display: flex;
    flex-flow: column;
  }
  .companies .listing-details .listing-style-2 .announcement-container p {
    width: 100% !important;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 .announcement-container p strong {
    line-height: 18px;
    margin-bottom: 10px;
  }
  .companies .listing-details .listing-style-2 .announcement-container .btn-success {
    width: 100%;
    margin: 10px 0px;
  }
  /* Listing description tab */
  .companies .listing-details .listing-style-2 #tabs-1 #dir-listing-description .dir-listing-description p {
    font-size: 13px;
    line-height: 18px;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-1 #dir-listing-description .listing-details .listing-details-group-one {
    flex-flow: column;
    gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-1 #dir-listing-description .listing-details .listing-details-group-two .attribute-groups-container {
    flex-flow: column;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-1 #dir-listing-description .listing-details .listing-details-group-two .attribute-groups-container .attribute-group:nth-child(1) {
    width: 100%;
  }

  /* Review tab */
  .companies .listing-details .listing-style-2 #tabs-3 .review-scorecard .d-flex.justify-content-between {
    flex-flow: column;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .review-scorecard .d-flex.justify-content-between .d-flex.align-items-center {
    justify-content: space-between;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .review-scorecard .d-flex.justify-content-between .d-flex.align-items-center .heading {
    font-size: 20px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .reviewer-name {
    padding: 0px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .review-description {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .review-actions-container {
    flex-flow: column;
    gap: 10px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .review-actions-container .review-actions ul {
    display: flex;
    position: relative;
    left: 5px;
  }  
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .rate-review {
    width: 100% !important;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .rate-review li.review-love {
    position: relative;
    top: 5px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .rate-review li.review-love.count {
    position: relative;
    top: -5px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .review-content {
    padding: 15px 10px;
    background: #f1f1f1;
    border-radius: 15px;
    margin-top: 10px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews li.review-report, 
  .companies .listing-details .listing-style-2 #tabs-3 #reviews li.review-reply {
    padding: 0px;
    margin: 0px;
  }  
  .companies .listing-details .listing-style-2 #tabs-3 #reviews li.review-report a, 
  .companies .listing-details .listing-style-2 #tabs-3 #reviews li.review-reply a {
    font-size: 0px;
    width: 25px;
    height: 25px;
    padding: 0px;
    margin: 0px;
    display: flex;
  }  
  .companies .listing-details .listing-style-2 #tabs-3 p {
    font-size: 13px;
    line-height: 18px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 h3 {
    font-size: 18px;
    line-height: 20px;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-container .row.mb-3 .col-12 .form-item.mb-3 {
    display: flex;
    flex-flow: column;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-group {
    text-align: left !important;
    width: 100%;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-item,
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-item p {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-item div#pictures-list {
    text-align: center;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-container div#term_conditions p {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-container .btn.btn-success {
    width: 100%;
  }
  .companies .listing-details .listing-style-2 .sidebar-item.rating {
    height: 35px !important;
  }
  /* Pricelists */
  .companies .listing-details .listing-style-2 #tabs-4 .service-list {
    display: unset;
  }
  .companies .listing-details .listing-style-2 #tabs-4 .service-list .service-section {
    margin-bottom: 20px !important;
  }
  .companies .listing-details .listing-style-2 #tabs-4 .service-list .service-item .row {
    flex-flow: row;
  }
  .companies .listing-details .listing-style-2 #tabs-4 .service-list .service-item .row .col-md-2 {
    flex: 1;
  }
  .companies .listing-details .listing-style-2 #tabs-4 .service-list .service-item .row img {
    max-width: 50px;
  }
  .companies .listing-details .listing-style-2 #tabs-4 .service-list .service-item .service-name {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-4 .service-list .service-item .col-md-10 p {
    text-align: left;
  }
  /* Memberships / Specialisaties */
  .companies .listing-details .listing-style-2 #tabs-5 .membership-items .membership-item {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    grid-template-rows: 0.1fr 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 0px;
  }
  .companies .listing-details .listing-style-2 #tabs-5 .membership-items .membership-item a {
    grid-area: 1 / 1 / 3 / 2;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-5 .membership-items .membership-item a img {
    max-width: 50px;
  }
  .companies .listing-details .listing-style-2 #tabs-5 .membership-items .membership-item h4 {
    grid-area: 1 / 2 / 2 / 3;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-5 .membership-items .membership-item p {
    grid-area: 2 / 2 / 3 / 3;
    text-align: left;
  }

}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 768px) {

  /* Company Header and Information */
  .companies .listing-details .listing-style-2 h1 {
    font-size: 24px;
    font-weight: 800;
    line-height: 36px;
    margin-top: 15px !important;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 .business-slogan {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #company-info.row {
    flex-flow: column-reverse !important;
  }
    .companies .listing-details .listing-style-2 .listing-contact-details {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 .listing-contact-details ul li {
    text-align: left;
  }
  .companies .listing-details #listing-style-2 #company-info.row div.company-info-container.col-md {
    padding: 15px !important;
  }
  .companies .listing-details .listing-style-2 #company-info.row .company-info-container .header-buttons {
    align-items: flex-start !important;
  }
  .companies .listing-details .listing-style-2 #company-info.row .company-info-container .header-buttons a i {
    min-height: 70px;
    min-width: 70px;
  }
  .companies .listing-details .listing-style-2 #company-info.row .company-info-container .header-buttons button {
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  .companies .listing-details .listing-style-2 #company-info.row .company-info-container .company-info-right > div,
  .companies .listing-details .listing-style-2 #company-info.row .company-info-container .company-info-right > strong {
    display: none;
  }
  .companies .listing-details .listing-style-2 #company-info.row .company-info-container .company-info-right > div.categories-wrapper {
    display: block;
  }
  .companies .listing-details .listing-style-2 .listing-header #social-networks-container ul.socials-network {
    flex-flow: row wrap;
    margin: 0;
  }
  .companies .listing-details .listing-style-2 .listing-header .company-image {
    max-width: 100%;
  }
  .companies .listing-details .listing-style-2 .listing-header .company-image img {
    border-radius: 0px 0px 0px 0px !important;
  }
  /* Announcement Container */
  .companies .listing-details .listing-style-2 .announcement-container {
    display: flex;
    flex-flow: column;
  }
  .companies .listing-details .listing-style-2 .announcement-container p {
    width: 100% !important;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 .announcement-container p strong {
    line-height: 18px;
    margin-bottom: 10px;
  }
  .companies .listing-details .listing-style-2 .announcement-container .btn-success {
    width: 100%;
    margin: 10px 0px;
  }
  /* Listing description tab */
  .companies .listing-details .listing-style-2 #tabs-1 #dir-listing-description .dir-listing-description p {
    font-size: 13px;
    line-height: 18px;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-1 #dir-listing-description .listing-details .listing-details-group-one {
    flex-flow: column;
    gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-1 #dir-listing-description .listing-details .listing-details-group-two .attribute-groups-container {
    flex-flow: column;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-1 #dir-listing-description .listing-details .listing-details-group-two .attribute-groups-container .attribute-group:nth-child(1) {
    width: 100%;
  }

  /* Review tab */
  .companies .listing-details .listing-style-2 #tabs-3 .review-scorecard .d-flex.justify-content-between {
    flex-flow: column;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .review-scorecard .d-flex.justify-content-between .d-flex.align-items-center {
    justify-content: space-between;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .review-scorecard .d-flex.justify-content-between .d-flex.align-items-center .heading {
    font-size: 20px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .reviewer-name {
    padding: 0px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .review-description {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .rate-review {
    width: 33% !important;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .rate-review li.review-love {
    position: relative;
    top: 5px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .rate-review li.review-love.count {
    position: relative;
    top: -5px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews .review-content {
    padding: 15px 10px;
    background: #f1f1f1;
    border-radius: 15px;
    margin-top: 10px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 #reviews li.review-report, 
  .companies .listing-details .listing-style-2 #tabs-3 #reviews li.review-reply {
    padding: 0px;
    margin: 0px;
  }  
  .companies .listing-details .listing-style-2 #tabs-3 #reviews li.review-report a, 
  .companies .listing-details .listing-style-2 #tabs-3 #reviews li.review-reply a {
    font-size: 0px;
    width: 25px;
    height: 25px;
    padding: 0px;
    margin: 0px;
    display: flex;
  }  
  .companies .listing-details .listing-style-2 #tabs-3 p {
    font-size: 13px;
    line-height: 18px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-container .row.mb-3 .col-12 .form-item.mb-3 {
    display: flex;
    flex-flow: column;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-group {
    text-align: left !important;
    width: 100%;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-item,
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-item p {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-item div#pictures-list {
    text-align: center;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-container div#term_conditions p {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-3 .add-review .form-container .btn.btn-success {
    width: 100%;
  }
  .companies .listing-details .listing-style-2 .sidebar-item.rating {
    height: 35px !important;
  }
  /* Pricelists */
  .companies .listing-details .listing-style-2 #tabs-4 .service-list {
    display: unset;
  }
  .companies .listing-details .listing-style-2 #tabs-4 .service-list .service-section {
    margin-bottom: 20px !important;
  }
  .companies .listing-details .listing-style-2 #tabs-4 .service-list .service-item .row {
    flex-flow: row;
  }
  .companies .listing-details .listing-style-2 #tabs-4 .service-list .service-item .row .col-md-2 {
    flex: 1;
  }
  .companies .listing-details .listing-style-2 #tabs-4 .service-list .service-item .row img {
    max-width: 50px;
  }
  .companies .listing-details .listing-style-2 #tabs-4 .service-list .service-item .service-name {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-4 .service-list .service-item .col-md-10 p {
    text-align: left;
  }
  /* Memberships / Specialisaties */
  .companies .listing-details .listing-style-2 #tabs-5 .membership-items .membership-item {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    grid-template-rows: 0.1fr 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 0px;
  }
  .companies .listing-details .listing-style-2 #tabs-5 .membership-items .membership-item a {
    grid-area: 1 / 1 / 3 / 2;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-5 .membership-items .membership-item a img {
    max-width: 100px;
  }
  .companies .listing-details .listing-style-2 #tabs-5 .membership-items .membership-item h4 {
    grid-area: 1 / 2 / 2 / 3;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 #tabs-5 .membership-items .membership-item p {
    grid-area: 2 / 2 / 3 / 3;
    text-align: left;
  }
  
}/* Phone - Landscape */
@media (min-width: 769px) and (max-width: 1024px) {

  .companies .listing-details .listing-style-2 h1 {
    font-size: 46px;
    font-weight: 800;
    line-height: 56px;
    margin-top: 5px !important;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 .business-slogan {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 .listing-contact-details {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 .listing-contact-details ul li {
    text-align: left;
  }

}/* Tablet - Portrait */
@media (min-width: 1025px) and (max-width: 1280px) {

  .companies .listing-details .listing-style-2 h1 {
    font-size: 56px;
    font-weight: 800;
    line-height: 76px;
    margin-top: 5px !important;
    text-align: left;
  }
  .companies .listing-details .listing-style-2 .business-slogan {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 .listing-contact-details {
    text-align: left;
  }
  .companies .listing-details .listing-style-2 .listing-contact-details ul li {
    text-align: left;
  }

}/* Tablet - Landscape */



/* INFO BUSINESS DIRECTORY - PACKAGES */
body.com_jbusinessdirectory a {
  color: var(--primary);
  transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1)!important;
}
body.com_jbusinessdirectory a:hover {
  color: var(--title);
}
.jbd-container .jpackage-wrap .jpackage-desc > * {
    font-size: 14px;
    line-height: 20px;
    opacity: 1;
}
.jbd-container .jpackage-wrap > p {
    font-size: 12px;
    line-height: 18px;
    opacity: 1;
}
.jbd-container .jpackage-wrap .jpackage-features *[class*='jpackage-feature'] {
    font-size: 14px;
    line-height: 18px;
}
.jbd-container .jpackage {
    border-width: 3px;
}
.jbd-container .jpackage-wrap .jpackage-trial-text {
    border: 1px solid #2389b2;
    background: #2389b2;
    color: #fff;
    font-size: 200%;
}
.jpackage-price {
    display: none!important;
}
.jpackage-price.ls-package-price {
    display: flex!important;
    flex-direction: column;
    align-items: center!important;
}
.jpackage-price.ls-package-price.hide {
    display: none!important;
}
.jpackage-price-text.ls-package-price-text-small {
    opacity: 0.5;
    font-size: 20px!important;
    margin-top: 5px!important;
}
.jbd-container .process-steps li.inbox::before,
.jbd-container .process-steps li.user::before,
.jbd-container .process-steps li.file-text::before {
  z-index: 99;
}
.jbd-container .process-steps li:after {
  top: 20px;
}
.jbd-container .process-steps li p {
    text-align: center;
}



/* INFO BUSINESS DIRECTORY - SEARCH RESULTS */
/* NOTE Header */
.jbd-container #search-results .search-header {
  border-radius: 15px;
  border: 1px solid #dee2e6;
  margin-bottom: 30px;
}
.jbd-container .jbd-search-statistics {
  margin-bottom: 0px;
}
/* NOTE Filters */
/* .jbd-container .search-filter {
  background: #fff;
  border-radius: 15px;
  border: 1px solid #dee2e6;
  margin-bottom: 30px;
} */
.jbd-container .jbd-select-box select {
    margin-right: 15px;
    margin-bottom: 0px;
    padding: 0px;
    max-width: 155px;
}
/* NOTE Results - List View */
.jbd-container .list-style-6 .result-item .result-header {
  border-bottom: 2px solid #ceab51;
}
.jbd-container .list-style-6 .result-item {
  border-radius: 15px;
  border: 1px solid #dee2e6;
  overflow: hidden;
}
.jbd-container .list-style-6 .result-item .result-content {
  text-align: left;
}
.jbd-container .list-style-6 .result-item .item-options {
    display: none;
}
.jbd-container .list-style-6 .info-right {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
}
.jbd-container .list-style-6 .info-right .item-info {
  text-align: left;
}
.jbd-container .result-item .rating.la {
  font-size: 18px;
}
.jbd-container .list-style-6 .item-info i {
  margin-right: 10px;
}
.jbd-container .list-style-6 .item-info a {

}
.jbd-container .result-item h3 {
  text-align: left;
}
.jbd-container .result-item h3 a {
  color: var(--primary);
  transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1)!important;
}
.jbd-container .result-item h3 a:hover {
  color: var(--title);
}
i.la.la-qrcode + a:after {
  content: "\a";
  white-space: pre;
}
/* 
i.la.la-qrcode + a {
  margin-left: -4px;
}
i.icon.message + a {
  margin-left: -3px;
} 
*/
i.la.la-qrcode {
  margin-right: 5px!important;
}
i.icon.message {
  margin-right: 6px!important;
}
/* NOTE Results - Grid View */
.jbd-container .jbd-grid-container .rating.la {
  font-size: 18px;
}
.jbd-container .jbd-grid-container .card {
  background-color: #fff;
  border-radius: 15px;
  border: 1px solid #dee2e6;
  overflow: hidden;
}
.jbd-container .place-card-body .card-hoverable .icon {
  margin-right: 10px;
  filter: brightness(0);
}
.jbd-container .place-card-body .card-hoverable {
  font-size: 16px;
  background-color: var(--color-6);
}
.jbd-container .place-card-body .card-hoverable * {
  color: var(--title);
  font-weight: bold;
}
.jbd-container .place-card-info > .place-card-info-title, .jbd-container .place-card-info > .place-card-info-title a {
  text-align: left;
  font-weight: 600;
  color: #343a40;
  margin: 0;
  font-size: 14px;
}
/* NOTE Labels */
.jbd-container .recommended {
  background-color: var(--color-8);
}
.jbd-container .search-results .recommended i {
  position: relative;
  top: 1px;
  left: -2px;
}
.jbd-container .search-results .recommended:after {
  content: "Aanbevolen";
}
/* NOTE Map */
.jbd-container #companies-map-container {
  background-color: #fff;
  border-radius: 15px;
  border: 1px solid #dee2e6;
  overflow: hidden;
}
.jbd-container .info-box {
  position: relative;
}
.jbd-container .info-box .info-box-image {
  display: none;
}
/* NOTE Responsive Elements */
@media (min-width: 768px) and (max-width: 1024px) {

  .jbd-container .list-style-6 .item-info i { display: none; }

}/* Laptop - Custom Size */



/* INFO BUSINESS DIRECTORY - EXCL. DEALS */
.ba-feature-description-wrapper b {
    font-weight: 900 !important;
    text-decoration: underline !important;
}
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {

  .ba-item-feature-box.ba-item.flyer-dashboard-item.exclusieve-deal .ba-feature-image-wrapper {
    display: none;
  }

}/* Phone - Portrait */



/* INFO BUSINESS DIRECTORY - LS EXPANSION */
body.com_ls_jbd_expansion ul,
body.com_ls_jbd_expansion ol,
body.com_ls_jbd_expansion table,
body.com_ls_jbd_expansion blockquote {
  color: var(--text-inverse);
  font-family: 'Baloo2';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 28px;
  text-align: left;
  text-decoration: none;
  text-transform: none;
}



/* INFO BUSINESS DIRECTORY - MOBILE STYLING SEARCH RESULTS */
/* NOTE  Mobile Filter */
#filter-switch {
  background: var(--primary);
  color: var(--title-inverse);
  border-radius: 15px;
  border: 1px solid #dee2e6;
  margin-bottom: 10px;
}
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {

  .jbd-container .jbd-search-statistics {
    display: flex;
    flex-flow: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .jbd-container .jbd-search-statistics .search-keyword {
    /* min-width: 130px; */
    text-align: left;
  }
  .jbd-container .jbd-search-statistics .result-counter {
      display: flex;
      flex-flow: row wrap;
      gap: 3px;
      justify-content: center;
  }  
  .jbd-container .jbd-search-statistics span.linebreak {
    display: block;
  }
  .jbd-container .jbd-search-statistics > div:nth-child(2) {
    /* flex-grow: 1; */
  }
  .jbd-container .jbd-search-statistics .view-mode {
    display: flex;
    gap: 5px;
  }
  .jbd-container .jbd-search-statistics .search-options {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
  }
  .jbd-container .jbd-search-statistics .search-options .map-view {
    margin: 0px;
  }
  .jbd-container .jbd-search-statistics .search-options select {
    margin: 0px;
    padding: 0px;
  }
  .jbd-container .jbd-search-statistics .search-options .jbd-select-box {
    display: flex;
    justify-content: flex-end;
  }
  .jbd-container .list-style-6 .result-item .result-content .company-address {

  }

}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 767px) {

  .jbd-container .jbd-search-statistics {
    display: flex;
    flex-flow: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .jbd-container .jbd-search-statistics .search-keyword {
    /* min-width: 130px; */
    text-align: left;
  }
  .jbd-container .jbd-search-statistics .result-counter {
    display: flex;
    flex-flow: row wrap;
    gap: 3px;
    justify-content: center;
  }  
  .jbd-container .jbd-search-statistics span.linebreak {
    display: block;
  }
  .jbd-container .jbd-search-statistics > div:nth-child(2) {
    flex-grow: 1;
  }
  .jbd-container .jbd-search-statistics .view-mode {
    display: flex;
    gap: 5px;
  }
  .jbd-container .jbd-search-statistics .search-options {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
  }
  .jbd-container .jbd-search-statistics .search-options .map-view {
    margin: 0px;
  }
  .jbd-container .jbd-search-statistics .search-options select {
    margin: 0px;
    padding: 0px;
  }
  .jbd-container #jbd-results-container.list-style-6 {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
  .jbd-container #jbd-results-container.list-style-6 .result-item {
    page-break-inside: avoid;
    break-inside: avoid-column;
    display:table;
  }
  .jbd-container .jbd-grid-container.list-grid-1 > .row {
    display: block;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
  .jbd-container .jbd-grid-container.list-grid-1 > .row > div {
    page-break-inside: avoid;
    break-inside: avoid-column;
    display:table;
    flex: 0 0 100%; /* Reverting full width */
    max-width: 100%; /* Reverting full width */
  }

}/* Phone - Landscape */



/* INFO BUSINESS DIRECTORY - TABLET STYLING SEARCH RESULTS */
@media (min-width: 768px) and (max-width: 991px) {

  .jbd-container #filter-switch { display: none; }
  .jbd-container #search-filter { display: block; }

  .jbd-container .result-item > div > div > div.row {
      display: flex;
      flex-flow: row;
  }
  .jbd-container .result-item > div > div > div.row > div.col-lg-3 {
      max-width: 25%;
  }
  .jbd-container .result-item > div > div > div.row > div.col-lg {
      padding: 0px;
  }
  .jbd-container .result-item > div > div > div.row > div.col-lg > div > div {
      padding: 0px;
  }
  .jbd-container .result-item .item-image-cover img {
      /* position: relative; */
  }

}/* NOTE Directory System Specific Querry */



/* INFO BUSINESS DIRECTORY - BOOKMARKS */
.managebookmarks select#filter_type {
    display: none;
}
.managebookmarks .btn-panel {
    border-radius: 0px !important;
    padding: 7px 10px !important;
    border: 1px solid;
}
.managebookmarks .export_csv:nth-child(1),
.managebookmarks .export_pdf{
    display: none;
}
.managebookmarks .item-title a {
    color: #ceab51 !important;
    position: relative;
    top: 5px;
    text-decoration: underline;
}



/* INFO IB BORDER */
.ib-border-left {
  border-left: 30px solid var(--primary);
  /* padding-left: 10px; */
}
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {

  .ib-border-left-mobile { border-left: 30px solid var(--primary) }
  .inside-border-text-element { margin-left: 5px; }

}/* Phone - Portrait */



/* INFO IB FEATURE LIST */
.ib-feature-list .ba-feature-list-layout .ba-feature-image-wrapper {
    margin-right: 10px;
}
.ib-feature-list .ba-feature-box-wrapper.ba-feature-list-layout .ba-feature-box .ba-feature-caption {
    flex-grow: 0;
}
.ib-feature-list .ba-feature-title-wrapper,
.ib-feature-list .ba-feature-description-wrapper {
    background: #403f3d;
    padding: 0px 5px;
}
.ib-feature-list-bg-image .ba-feature-title-wrapper,
.ib-feature-list-bg-image .ba-feature-description-wrapper {
    background: #403f3d7d;
    padding: 0px 5px;
}
.ib-feature-list.no-spacing .ba-feature-box:nth-child(n) {
    margin-top: 10px !important;
}
.ib-feature-list.no-spacing .ba-feature-box:nth-child(1) {
    margin-top: 0px !important;
}
.ib-feature-list-newline .ba-feature-description > span {
    display: block;
}
.ib-feature-list-newline .ba-feature-description > span.lines-2::before {
  content: "\A";
  white-space: pre-wrap;
}
.ib-feature-list-newline .ba-feature-description > span.lines-3::before {
  content: "\A\A";
  white-space: pre-wrap;
}
.ib-feature-list-newline .ba-feature-description > span.lines-4::before {
  content: "\A\A\A";
  white-space: pre-wrap;
}
.ib-feature-list-newline .ba-feature-description > span.lines-5::before {
  content: "\A\A\A\A";
  white-space: pre-wrap;
}
.ib-feature-list-newline .ba-feature-description > span.lines-6::before {
  content: "\A\A\A\A\A";
  white-space: pre-wrap;
}
.ib-feature-list-newline .ba-feature-description > span.lines-7::before {
  content: "\A\A\A\A\A\A";
  white-space: pre-wrap;
}
.ib-feature-list-newline .ba-feature-description > span.lines-8::before {
  content: "\A\A\A\A\A\A\A";
  white-space: pre-wrap;
}
.ib-feature-list-newline .ba-feature-description > span.lines-9::before {
  content: "\A\A\A\A\A\A\A\A";
  white-space: pre-wrap;
}
.ib-feature-list-newline .ba-feature-description > span.lines-10::before {
  content: "\A\A\A\A\A\A\A\A\A";
  white-space: pre-wrap;
}
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {

  .ib-feature-list .ba-feature-list-layout .ba-feature-box {
    flex-direction: row;
  }

}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 767px) {

  .ib-feature-list .ba-feature-list-layout .ba-feature-box {
    flex-direction: row;
  }

}/* Phone - Landscape */



/* INFO IB ACCORDION */
.ib-accordion {
  position: relative;
  left: 20px;
  width: calc(100% - 40px)!important;
}
.ib-accordion-icon-inside-border a.accordion-toggle {
  position: relative;
}
.ib-accordion-icon-inside-border a.accordion-toggle > span > i {
  position: absolute;
  top: 0px;
  left: -51px;
  background: var(--primary);
  color: var(--title-inverse);
  padding: 5px;
}
.ib-accordion-body {

}



/* INFO BUTTONS */
.btn-fullWidth {
    display: flex !important;
    width: 100% !important;
}
.btn-fullWidth .ba-button-wrapper {
    width: 100% !important;
}
.btn-fullWidth .ba-button-wrapper a {
    justify-content: center;
}
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {

  .btn-sidebar {

  }

}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 767px) {

  .btn-sidebar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    display: flex!important;
    align-items: center;
    justify-content: center;
  }
  .btn-sidebar i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    padding: 10px 0px;
    position: relative;
    right: -4px;
  }

}/* Phone - Landscape */



/* INFO NOTE Responsive Elements GRIDBOX */
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {

  .btn-fullWidth { margin-right: 0px; }
  .btn-fullWidth .ba-button-wrapper a { width: calc(100% - 30px); }

}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 768px) {

  .btn-fullWidth { margin-right: 0px; }
  .btn-fullWidth .ba-button-wrapper a { width: calc(100% - 30px); }

}/* Phone - Landscape */
@media (min-width: 769px) and (max-width: 1024px) {

  .btn-fullWidth { margin-right: 0px; }
  .btn-fullWidth .ba-button-wrapper a { width: calc(100% - 40px); }

}/* Tablet - Portrait */
@media (min-width: 1025px) and (max-width: 1280px) {

  .btn-fullWidth { margin-right: 0px; }
  .btn-fullWidth .ba-button-wrapper a { width: calc(100% - 40px); }

}/* Tablet - Landscape */
@media (min-width: 1281px) and (max-width: 1440px) {

  .btn-fullWidth { margin-right: 0px; }
  .btn-fullWidth .ba-button-wrapper a { width: calc(100% - 80px); }

}/* Laptop */
@media (min-width: 1441px) {

  .btn-fullWidth { margin-right: 0px; }
  .btn-fullWidth .ba-button-wrapper a { width: calc(100% - 80px); }

}/* Desktop */



/* INFO FORM THANK YOU MESSAGE */
div.rsform-thankyouwrapper {
    background: #fff;
    margin: 30px 0px;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #ddd;
    /* NOTE  width: 100%; */
    width: calc(100% - 30px);
    text-align: center;
}
div#rsfp_thankyou_popup_inner {
    background: #2f2f2f;
    width: 60%;
    padding: 35px;
    border: 1px solid #ceab51;
}
div#rsfp_thankyou_popup_inner h1 {
    margin-bottom: 15px;
}
div#rsfp_thankyou_popup_inner p {
    margin-top: 15px;
    margin-bottom: 15px;
}
button.rsform-thankyou-button {
    color: #ceab51 !important;
    background: transparent !important;
    border: 1px solid #ceab51 !important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
    text-shadow: unset !important;
}
button.rsform-thankyou-button:hover,
button.rsform-thankyou-button:active {
    color: #fff !important;
    background: #ceab51 !important;
    border: 1px solid #ceab51 !important;
}
.rsfp_thankou_popup_close_btn {
    right: 15px !important;
    color: #ceab51 !important;
    font-size: 45px !important;
    text-shadow: unset !important;
}



/* INFO TEMPLATE CHANGES FOR JBD */
#jdb-wrapper.tmpl-style-2 ul.nav>li.active {
  border-bottom: 1px solid #ceab51;
}
.dir-progress-bar {
  background-color: #ceab51;
}
.text-navy {
  color: #ceab51;
}
#dir-dashboard-calendar-form ul li.ui-state-active, #dir-dashboard-calendar-form ul li.active {
  border-bottom: #ceab51 solid 4px !important;
}
.morris-hover-point {
    color: #ceab51 !important;
}



/* INFO CHATAIO */
.chataio_agent {
    border-radius: 15px;
}
.chataio_agent_header {
    padding: 3px 10px;
}
.chataio_agent_header::before {
    content: "";
    top: 50px;
    left: 60px;
}
.chataio_agent_image {
  margin-right: 10px;
}
.chataio_agent p.agents_icon_photo {
  padding: 6px 0px 0px 7px;
}
p.agents_icon_photo {
  display: none;
}
p.chataio_agent_credentails {
  padding: 6px 0px;
}
.chataio_agent .chatbuttons {
    width: 16%;
    height: 27px;
}
.chataio_agent .greeting > div:nth-child(1) {
    margin: 20px 0px 20px 0px !important;
    text-align: left !important;
}
p.agents_offline_message {
    margin: 0px;
    padding: 10px 5px 10px 10px;
}
form.form_offline {
    text-align: center;
}
form.form_offline > input,
form.form_offline > textarea {
    border: 1px solid #2f2f2f;
}
form.form_offline > textarea {
    min-height: 80px;
    margin: 10px 0px 10px 16px;
}



/* INFO COOKIE MARKETING */
/* NOTE Banner display frontpage */
/* NOTE Responsive Elements */
@media (min-width: 0px) and (max-width: 420px) {

  .eb-inst .eb-dialog {
    padding: 5px 30px !important;
  }
  .eb-inst .eb-dialog > button {
    font-size: 25px !important;
  }
  .eb-inst .eb-content > p > span {
    font-size: 16px !important;
    line-height: 20px !important;
  }  

}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 768px) {

  .eb-inst .eb-dialog {
    padding: 5px 30px !important;
  }
  .eb-inst .eb-dialog > button {
    font-size: 25px !important;
  }
  .eb-inst .eb-content > p > span {
    font-size: 16px !important;
    line-height: 20px !important;
  }  

}/* Phone - Landscape */
@media (min-width: 769px) and (max-width: 1024px) {

  .eb-inst .eb-dialog {
    padding: 5px 50px !important;
  }
  .eb-inst .eb-dialog > button {
    font-size: 35px !important;
  }
  .eb-inst .eb-content > p > span {
    font-size: 18px !important;
    line-height: 22px !important;
  }

}/* Tablet - Portrait */
@media (min-width: 1025px) {

  .eb-inst .eb-dialog {
    padding: 15px 50px !important;
  }
  .eb-inst .eb-dialog > button {
    font-size: 35px !important;
  }
  .eb-inst .eb-content > p > span {
    font-size: 18px !important;
    line-height: 22px !important;
  }

}/* Tablet - Desktop */



/* INFO NEW FORM LAYOUTS */
/* NOTE Form layouts used for new simpler frontend */
.ib-form-heading .ba-feature-box-wrapper.ba-feature-list-layout .ba-feature-box .ba-feature-caption {
    flex-grow: 0;
}
.ib-form-heading .ba-feature-list-layout .ba-feature-image-wrapper {
    margin-right: 7px;
}
.ib-form-heading .ba-feature-box-wrapper.ba-feature-list-layout {
    display: flex;
    justify-content: center;
}
.ib-form-heading .ba-feature-box {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: calc( 100% - 0px ) !important;
    flex-direction: row;
}
.ib-form-heading .ba-feature-box i {
    position: relative;
    top: -7px;
}
.ib-form-btn-fullwidth a {
    width: calc( 100% - 20px );
    justify-content: center;
}
/* Login Form */
.ib-form-login .ba-login-headline {
    display: none;
}
.ib-form-login input {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear 0.2s, box-shadow linear 0.2s;
}
.ib-form-login .ba-login-field-wrapper:nth-child(1) .ba-login-field-label { display: none; }
.ib-form-login .ba-login-field-wrapper:nth-child(2) .ba-login-field-label { display: none; }

/* INFO Responsive Elements FOR COPY PASTE */
@media (min-width: 0px) and (max-width: 420px) {


}/* Phone - Portrait */
@media (min-width: 421px) and (max-width: 768px) {


}/* Phone - Landscape */
@media (min-width: 769px) and (max-width: 1024px) {


}/* Tablet - Portrait */
@media (min-width: 1025px) and (max-width: 1280px) {


}/* Tablet - Landscape */
@media (min-width: 1281px) and (max-width: 1440px) {


}/* Laptop */
@media (min-width: 1441px) {


}/* Desktop */



/* LATESTVERSION This V3.0 - New styling elements. */

/* IB Borders */
.ib-border-left-gold {
  border-left: 30px solid var(--primary);
}
.ib-border-left-black {
  border-left: 30px solid #2f2f2f;
}
.ib-border-left-white {
  border-left: 30px solid #ffffff;
}
.ib-border-left-grey {
  border-left: 30px solid #b4b4b4;
}

/* Hero company logo */
.hero-company-logo img {
		width: 100%;
  	max-width: 190px;
  	height: 100%;
  	max-height: 100px;
}

/* Carousel Section */
h2.carousel-header {
  	text-align:left;
}
.carousel-slides-overview {
    padding-top: 30px;
}
.carousel-slides-overview ul li,
.carousel-slides-overview ul li i {
    color: #1b1b1d !important;
    transition: color 0.4s ease-out;
}
.carousel-slides-overview ul li.active,
.carousel-slides-overview ul li.active i {
    color: #ceab51 !important;
}






.carousel-slide-description .content-text {
    max-width: 450px;
}
.carousel-slide {
    z-index: 12;
    position: relative;
}
.carousel-slide img {
    border-radius: 15px;  
}
.carousel-slide-background-name {
    position: relative;
    transform: rotate(180deg);
    writing-mode: vertical-lr;
}
.carousel-slide-background-name span {
    font-size: 70px;
    color: #B4B4B4;
    text-align: left;
}
.carousel-slide-background-name img {
    transform: rotate(180deg);
    width: 100px !important;
    margin-right: 30px;
    margin-bottom: 15px;
}
@media (min-width: 0px) and (max-width: 420px) {

    h2.carousel-header {
        font-size: 20px;
        line-height: 30px;
    }

  .carousel-slide-background-name span {
      font-size: 30px;
  }

  .carousel-slide-background-name img {
      width: 40px !important;
      margin-right: 12px;
  }

}/* Phone - Portrait */

@media (min-width: 421px) and (max-width: 768px) {

    h2.carousel-header {
        font-size: 24px;
        line-height: 34px;
    }

    .carousel-slide-background-name span {
        font-size: 50px;
    }
    
    .carousel-slide-background-name img {
        width: 80px !important;
        margin-right: 25px;
    }

    .carousel-slide .slide-1 {
        margin-top: -75px !important;
    }
    .carousel-slide .slide-2 {
        margin-top: -75px !important;
    }
    .carousel-slide .slide-3 {
        margin-top: -75px !important;
    }
    .carousel-slide .slide-4 {
        margin-top: -75px !important;
    }
    .carousel-slide .slide-5 {
        margin-top: -75px !important;
    }
    .carousel-slide .slide-6 {
        margin-top: -75px !important;
    }
    .carousel-slide .slide-7 {
        margin-top: -75px !important;
    }
    .carousel-slide .slide-8 {
        margin-top: -100px !important;
        margin-bottom: -100px !important;
    }

}/* Phone - Landscape */

@media (min-width: 769px) and (max-width: 1024px) {

    h2.carousel-header {
        font-size: 30px;
        line-height: 40px;
    }

    .carousel-slide-background-name span {
        font-size: 50px;
    }
  
    .carousel-slide-background-name img {
        width: 80px !important;
        margin-right: 25px;
    }

}/* Tablet - Portrait */




.carousel-fontweight-400 {
  	font-weight: 400;
}
.carousel-fontweight-500 {
  	font-weight: 500;
}
.carousel-fontweight-600 {
  	font-weight: 600;
}
.carousel-fontweight-700 {
  	font-weight: 700;
}
.carousel-fontweight-800 {
  	font-weight: 800;
}
.carousel-fontcolor-gold {
		color: #ceab51;
}
.carousel-fontcolor-black {
		color: #2f2f2f;
}
.carousel-fontcolor-white {
		color: #ffffff;
}
.carousel-fontcolor-grey {
		color: #b4b4b4;
}

.carousel-floating-item {
    padding: 20px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.cfi-big {
    padding: 0px;
}
.cfi-anim-floater {
		animation-duration: 10s!important;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: none;
    animation-play-state: running;
		animation-name: floater;  
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
}
.cfi-anim-floaterUpDown {
		animation-duration: 10s!important;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: none;
    animation-play-state: running;
		animation-name: floaterUpDown;  
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
}
.cfi-anim-floaterRotator {
    animation-duration: 10s !important;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: floaterRotator;
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    transform-origin: bottom right;
}

@keyframes floater {
    0% {
        transform: translate(0, 0);
        box-shadow: 0 5px 15px 0px rgba(47,47,47,0.2);
    }
    25% {
        transform: translate(5px, -5px);
        box-shadow: 0 5px 15px 0px rgba(47,47,47,0.2);
    }
    50% {
        transform: translate(0, 0);
        box-shadow: 0 5px 15px 0px rgba(47,47,47,0.2);
    }
    75% {
        transform: translate(-5px, 5px);
        box-shadow: 0 5px 15px 0px rgba(47,47,47,0.2);
    }
    100% {
        transform: translate(0, 0);
        box-shadow: 0 5px 15px 0px rgba(47,47,47,0.2);
    }
}

@keyframes floaterUpDown {
	0% {
		box-shadow: 0 5px 15px 0px rgba(47,47,47,0.2);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(47,47,47,0.6);
		transform: translatey(-10px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(47,47,47,0.2);
		transform: translatey(0px);
	}
}

@keyframes floaterRotator {
  0% {
    transform: rotate(0deg);
    box-shadow: 0 5px 15px 0px rgba(47, 47, 47, 0.2);    
  }

  100% {
    transform: rotate(5deg);
    box-shadow: 0 5px 15px 0px rgba(47, 47, 47, 0.2);
  }
}

/* IB Row Arrows */
.ib-row-arrows .column-wrapper .ba-grid-column-wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% - 45px);
    width: 90px;
    height: 75px;
    background-image: url('https://insensebeauty.nl/images/clientimages/loginsecure/ib-row-arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.ib-row-arrows-3 .column-wrapper .ba-grid-column-wrapper:nth-child(1):before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(25% - 45px);
    width: 90px;
    height: 75px;
    background-image: url('https://insensebeauty.nl/images/clientimages/loginsecure/ib-row-arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.ib-row-arrows-3 .column-wrapper .ba-grid-column-wrapper:nth-child(2):before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% - 45px);
    width: 90px;
    height: 75px;
    background-image: url('https://insensebeauty.nl/images/clientimages/loginsecure/ib-row-arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.ib-row-arrows-3 .column-wrapper .ba-grid-column-wrapper:nth-child(3):before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(75% - 45px);
    width: 90px;
    height: 75px;
    background-image: url('https://insensebeauty.nl/images/clientimages/loginsecure/ib-row-arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
}
@media (min-width: 0px) and (max-width: 768px) {
    .ib-row-arrows .column-wrapper .ba-grid-column-wrapper:before,
    .ib-row-arrows-3 .column-wrapper .ba-grid-column-wrapper:nth-child(1):before,
    .ib-row-arrows-3 .column-wrapper .ba-grid-column-wrapper:nth-child(2):before,
    .ib-row-arrows-3 .column-wrapper .ba-grid-column-wrapper:nth-child(3):before {
      background-image: none !important;
    }
} /* Phone - Portrait */







/* INFO: Feature Box  */
.feature-box-alternate-last .ba-feature-box:last-child {
    background: #ceab51 !important;
}
.feature-box-alternate-last .ba-feature-box:last-child i,
.feature-box-alternate-last .ba-feature-box:last-child h3,
.feature-box-alternate-last .ba-feature-box:last-child div {
    color: #fff !important;
}

/* BUG Quix Testimonial Slider Workaround */
@media (min-width: 0px) and (max-width: 420px) {

  #item-1692657444836 .testimonials-slideshow-content-wrapper {
      width: calc(100% - 30px) !important;
  }
  #item-1692657444836 .slideset-btn-prev, .slideshow-btn-prev {
    left: -25px !important;
  }
  #item-1692657444836 .slideset-btn-next, .slideshow-btn-next {
    right: -25px !important;
  }  

} /* Phone - Portrait */
@media (min-width: 421px) and (max-width: 768px) {

  #item-1692657444836 .testimonials-slideshow-content-wrapper {
      width: calc(100% - 30px) !important;
  }
  #item-1692657444836 .slideset-btn-prev, .slideshow-btn-prev {
    left: -25px !important;
  }
  #item-1692657444836 .slideset-btn-next, .slideshow-btn-next {
    right: -25px !important;
  }
  
}/* Phone - Landscape */


/* QR Code Quick Fix 11-11-2025 */
li:has(.dir-print.qr-code) {
  display: none;
}

/* Login via Joomla Fix 11-11-2025 */
.ib-custom-j-login-header > div > ul li {
    width: 100%;
    display: flex;
    justify-content: center;
}
.ib-custom-j-login .userdata {
    margin: 0px !important;
    padding: 0px !important;
    width: 100% !important;
}
.ib-custom-j-login .userdata > ul {
    margin-bottom: 0px !important;
}
.ib-custom-j-login .userdata > ul > li:first-of-type > a {
    color: #ceab51 !important;
}
.ib-custom-j-login .userdata > ul > li:first-of-type > a:hover {
    color: #000 !important;
}
.ib-custom-j-login .userdata #form-login-remember label {
    color: var(--title);
    background-image: none;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 29px;
    text-decoration: none;
    text-transform: none;
    opacity: 1;
}
.ib-custom-j-login #form-login-submit .btn.btn-primary,
.ib-custom-j-login .logout-button .btn.btn-primary {
    font-family: 'Baloo2';
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 4px;
    line-height: 33px;
    text-decoration: none;
    text-transform: none;
    margin-bottom: 10px;
    margin-top: 25px;
    --border-bottom: 1;
    --border-color: rgba(25, 123, 189, 1);
    --border-left: 1;
    --border-radius: 0px;
    --border-right: 1;
    --border-style: solid;
    --border-top: 1;
    --border-width: 1px;
    color: var(--title-inverse);
    background-color: rgba(25, 123, 189, 1);
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}
.ib-custom-j-login #form-login-submit .btn.btn-primary:hover,
.ib-custom-j-login .logout-button .btn.btn-primary:hover {
    --border-bottom: 1;
    --border-color: rgba(21, 106, 162, 1);
    --border-left: 1;
    --border-radius: 0px;
    --border-right: 1;
    --border-style: solid;
    --border-top: 1;
    --border-width: 1px;
    color: var(--bg-primary);
    background-color: rgba(21, 106, 162, 1);
}
.ib-custom-j-login .logout-button .btn.btn-primary {
    width: 100%;
}


/* IB Social Proof */
.column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-center.ib-social-proof {
    display: flex;
    justify-content: space-between !important;
}

.ib-social-proof .ba-overlay {
    position: absolute;
    width: 0;
    height: 0;
    flex: 0 0 auto;
}


/* Fix Code Injectors taking up visible space 12-11-2025 */
section.well.ba-module-position {
  display:none !important;
}


/* Adding geolocation in JBD Search Modules */
.search-dropdown .geo-location {
    font-size: 11px !important;
}