/* Bootstrap styles */
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1,
.col-sm-1,
.col-sm-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-sm-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-sm-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-sm-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-sm-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-sm-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-sm-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-sm-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-sm-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-sm-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-sm-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-sm-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.col-sm-6 {
  width: 50%;
}
.col-sm-3 {
  width: 25%;
}
.col-sm-8 {
  width: 66.6%;
}
.col-sm-4 {
  width: 33.3%;
}

/* Custom styles */
.col-sm-6 img,
.col-sm-3 img,
.col-sm-4 img,
.col-sm-8 img {
  display: block;
  max-width: 80%;
  height: auto;
}

.two-col,
.two-col-left,
.two-col-right,
.three-col,
.four-col,
.six-col,
.accordion {
  /* padding: 8px; */
  margin: 10px auto;
  /* background: #eee; */
  /* border-radius: 8px; */
  /* border: 1px dashed rgb(92, 169, 241); */
  /* box-shadow: 0 1px 1px #fff inset, 0 -1px 0px #ccc inset; */
}
.two-col .col-sm-6,
.two-col-left .col-sm-4,
.two-col-left .col-sm-8,
.two-col-right .col-sm-4,
.two-col-right .col-sm-8,
.three-col .col-sm-4,
.four-col .col-sm-3,
.six-col .col-sm-2,
.accordion dd .content,
.accordion dd.accordion-navigation > a {
  /* box-shadow: 0 1px 1px #ddd inset; */
  border: 1px dashed gray;
  border-radius: 5px;
  background: #fff;
  min-height: 5rem;
}
.two-col .col-sm-6,
.two-col-left .col-sm-4,
.two-col-left .col-sm-8,
.two-col-right .col-sm-4,
.two-col-right .col-sm-8 {
  margin: -3px;
}
.two-col-right .col-sidebar,
.two-col-left .col-sidebar {
  padding: 0;
}
.two-col .coln-2 {
  margin-left: 9px;
}
.three-col .coln-1 {
  margin-left: -3px;
}
.three-col .coln-2 {
  margin-left: 3px;
}
.three-col .coln-3 {
  margin-left: 3px;
  margin-right: -3px;
}
.two-col-left .col-sm-8 {
  margin-left: 8px;
}
.two-col-right .col-sm-8 {
  margin-right: 8px;
}

.accordion {
  padding-top: 2px;
}
.accordion:before {
  content: "Accordion";
  text-transform: uppercase;
  padding-bottom: 4px;
  font-size: 10px;
  color: #888;
}
.accordion dd.accordion-navigation > .content,
.accordion dd > .content {
  display: block !important;
}
.accordion dd.accordion-navigation {
  margin-bottom: 0.7em !important;
}
.accordion dd.accordion-navigation > a {
  padding: 5px;
  background: #ddd;
  min-height: 0;
  margin-bottom: 1px;
}
.accordion dd.accordion-navigation > a p {
  margin: 0;
}
