/* Custom.css for Horme 3 Pro template - May 2022 */

/* EU Cookie law, change colors */
#cookie-law{
  background-color: #ccffcc !important;
  color: black !important;
}

/* Body text, reduce line height and font size */
p {
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 13px;
}

/* Table, increase font size */
table {
	font-size: 13px;
}

/* Remove gap between logo and menu */
header, nav {
margin: 0;
}

/* Reduce line height in sidemenu, indent submenu & enlarge fonts */
aside .nav > li > a {
  padding: 1px 10px;
}

.ddm {
font-size: 95%;
}

.ddm a {
padding-left: 20px !important;
}

.ddm .ddm a {
  padding-left: 30px !important;
}

.accordion .active > a {
  font-weight: bold;
}

/* Mega Menu, indent submenu */
.mega + ul .flyout-menu a {
  padding-left: 35px;
}

/* Login form, reduce width */
.login {
  margin: auto;
  max-width: 360px;
}

/* Headers, reduce font size */
h1 , .h1{
  font-size: 145%;
  font-weight: bold;
}

h2 , .h2{
  font-size: 120%;
  font-weight: bold;
}
h3 , .h3{
  font-size: 100%;
  font-weight: bold;
}

h4 , .h4{
  font-size: 80%;
  font-weight: bold;
  text-transform: uppercase;
}

h5 , .h5{
  font-size: 80%;
  font-weight: bold;
}

h6 , .h6{
  font-size: 55%;
  font-weight: bold;
}

/* Display breadcrumbs in normal case */
.breadcrumb {
    text-transform: none;
}

/* Widen the component module */
@media(min-width: 1300px) {
  .container{
      width: 1250px !important;
      max-width:1250px !important}
}