/* Place your less variables, mixins, etc, here 
1. This is commonly imported by files: item.less and category.less, 
2. If you add extra less file imports, then place files 
inside same folder for automatic compiling to be triggered */
/* This is created automatically, do NOT edit this manually! 
This is used by item layout to save parameters as less variables. 
NOTE: Make sure that this is imported by 'config.less' 
 to make a parameter be a LESS variable, edit parameter in item.xml and add cssprep="less" 
 created parameters will be like: @FCI_parameter_name: value; */
/* This is created automatically, do NOT edit this manually! 
This is used by category layout to save parameters as less variables. 
NOTE: Make sure that this is imported by 'config.less' 
 to make a parameter be a LESS variable, edit parameter in category.xml and add cssprep="less" 
 created parameters will be like: @FCC_parameter_name: value; */
/* Items-Tabbed Theme : item template CSS file */
/* LESS EXAMPLE variable name: 'FCI_' + parameter name */
/* e.g. 'FCI_' + 'title_color' =>  'FCI_title_color' */
body #flexicontent .fc_item_title,
body #flexicontent .fc_item_title a {
  color: inherit;
  background-color: inherit;
  padding: 0;
  border-radius: 0px;
}
/* background item */
.fcitems {
  background-color: inherit;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  border-radius: 0px;
  border: 0px solid #cccccc;
  color: inherit;
}
/* Label styling */
body #flexicontent .flexi.label,
body #flexicontent .desc-title.label {
  background-color: rgba(255, 255, 255, 0);
  color: #000000;
  border-radius: 0px;
  padding: 0;
  font-weight: bold;
}
/* TAB styling */
body #flexicontent ul.tabbernav > li a {
  /*border: 1px solid lighten(@FCI_tab_bg_color_start,50%) + !important;*/
  background-color: #e4f1f8;
  /*background-image: linear-gradient(to bottom, @FCI_tab_bg_color_start , @FCI_tab_bg_color_end );*/
  color: #3093c7;
}
body #flexicontent ul.tabbernav > li.tabberactive a::before {
  border-top: 4px solid #3093c7;
}
body ul.tabbernav > li.tabberactive a,
body ul.tabbernav > li.tabberactive a:hover,
#flexicontent ul.tabbernav > li.tabberactive a,
#flexicontent ul.tabbernav > li.tabberactive a:hover {
  border-bottom: 1px solid white !important;
  border-left: 1px solid #D0D0D0 !important;
  border-top: 1px solid #D0D0D0 !important;
  border-right: 1px solid #D0D0D0 !important;
}
body #flexicontent ul.tabbernav > li:hover a {
  border: 1px solid #1c5675;
  background: #1c5675;
  color: #fff;
}
body .tabbertab,
#flexicontent .tabbertab {
  background-color: #ffffff;
  border-radius: 0px;
}
body ul.tabbernav,
#flexicontent ul.tabbernav {
  border-bottom: 1px solid #cccccc !important;
}
div#fc_subtitle_tabset,
div#fc_bottom_tabset {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
/* infoblock styling */
body .flexi.infoblock {
  padding: 10px 10px 10px 10px;
}
.flexi.lineinfo {
  display: flex;
  margin: 0 0 1em;
  flex-direction: column;
}
.tabbertab .flexi.element,
.subtitle1 .flexi.element,
.subtitle2 .flexi.element,
.subtitle3 .flexi.element {
  clear: none;
  display: block;
  float: left;
  max-width: 96% !important;
  /* Allow responsive width while floating */
  padding: 0% !important;
  /* Allow responsive width while floating */
  margin: 0.5em 2% 0.5em 2% !important;
}
.flexi.topblock {
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: 1fr 30%;
  column-gap: 2rem;
}
@media (max-width: 768px) {
  .flexi.topblock {
    grid-template-columns: 1fr;
  }
}
.topblock .flexi.image {
  display: flex;
  flex-direction: column;
}
.topblock .flexi.image a {
  outline: none;
}
.topblock .flexi.infoblock {
  border-radius: 5px;
  border: 1px solid #cccccc;
  color: inherit;
  background-color: transparent;
}
.flexi.topblock ul {
  /* remove bottstrap padding */
  padding: 0;
  margin: 0;
}
.flexi.bottomblock.infoblock {
  border-radius: 0px;
  border: 0px solid #cccccc;
  color: #cccccc;
  background-color: #ffffff;
  padding: 0;
}
/* infoblock: Field block styling */
.flexi.infoblock {
  border: 1px solid silver;
  margin: 0 0 10px;
  padding: 10px;
}
.infoblock ul.flexi {
  margin: 0 !important;
  padding: 0 !important;
}
.infoblock ul li.flexi {
  padding: 0;
  background: none;
  min-height: 10px;
  display: inline-block;
  vertical-align: top;
  margin: 0%;
  zoom: 1;
}
/* center value vs label */
div.flexi.value {
  padding: 0 !important;
}
/* Field values into 1 column */
.onecols ul li.flexi {
  width: 100%;
}
/*.onecols .flexi.label {
	min-width: 25%;
	margin-right: 4%;
	margin-bottom: 6px;
}
/*.onecols .flexi.value {
	min-width: 74%;
	margin-right: 1%;
}*/
/* Field values into 2 columns */
.twocols ul li.flexi {
  min-width: 48%;
}
.twocols .flexi.label {
  min-width: 34%;
  margin: 2px 3% 6px 0;
  box-sizing: border-box;
}
.twocols .flexi.value {
  min-width: 59%;
  margin: 2px 4% 6px 0;
  box-sizing: border-box;
}
/*
 * clearfix, for clearing a block that contains floated elements
 * without appending an extra HTML TAG with 'clearfix' class
 */
.group {
  overflow: auto !important;
}