/* values starting # are ids, values starting . are classes!! */

/* Main menu settings */
#dropdown-menu-right
{
  clear:both;
  max-width:980px;
  margin: auto;
  padding:0;
  border-bottom:1px solid #000; /* black line below menu */
  font-family:Verdana, Geneva, sans-serif; /* Menu font */
  font-size:90%; /* Menu text size */
  z-index:1000; /* This makes the dropdown menus appear above the page content below */
  position:relative;
}

/* Top menu items */
#dropdown-menu-right ul
{
  margin:0;
  padding:0;
  list-style:none;
  float:right;
  position:relative;
}

#dropdown-menu-right ul li
{
   margin:0 0 0 1px;
   padding:0;
   float:right;
   position:relative;
   top:1px;
}

#dropdown-menu-right ul li a
{
  display:block;
  margin:0;
  padding:.6em .5em .4em;
  font-size:1.15em;
  line-height:1.15em;
  /*color:rgba(154,62,235,1);*/
  color:rgba(158,87,158,1);
  color-profile: sRGB;
  text-decoration:none;
  font-weight:bold;
  /*border-bottom:1px solid #000;*/
}

#dropdown-menu-right ul li.active a
{
  color:#fff;
  background:#000;
}

#dropdown-menu-right ul li a:hover
{
  background:#36f; /* Top menu items background colour */
  color:#fff;
  border-bottom:1px solid #03f;
}

#dropdown-menu-right ul li:hover a,
#dropdown-menu-right ul li.hover a /* This line is required for IE 6 and below */
{
  background:#36f; /* Top menu items background colour */
  color:#f5ebfd;
  border-bottom:1px solid #03f;
}

/* Submenu items */
#dropdown-menu-right ul ul
{
  display:none; /* Sub menus are hiden by default */
  position:absolute;
  top:2.3em;
  right:auto;
  left:0;
  width:15em; /* width of the drop-down menus */
}

#dropdown-menu-right ul ul li
{
  left:auto;  /*resets the left:50% on the parent li */
  margin:0; /* Reset the 1px margin from the top menu */
  clear:left;
  width:100%;
}

#dropdown-menu-right ul ul li a,
#dropdown-menu-right ul li.active li a,
#dropdown-menu-right ul li:hover ul li a,
#dropdown-menu-right ul li.hover ul li a  /* This line is required for IE 6 and below */
{
  font-size:1.15em;    /* font size for dropdown menu items */
  font-weight:normal; /* resets the bold set for the top level menu items */
  background:#eee;
  color:#444;
  line-height:1.4em; /* overwrite line-height value from top menu */
  border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}

#dropdown-menu-right ul ul li a:hover,
#dropdown-menu-right ul li.active ul li a:hover,
#dropdown-menu-right ul li:hover ul li a:hover,
#dropdown-menu-right ul li.hover ul li a:hover  /* This line is required for IE 6 and below */
{
  background:#36f; /* Sub menu items background colour */
  color:#fff;
}

/* Flip the last submenu so it stays within the page */
/* NOTE first of type used here as items are added as float:right and so are in reverse order to the html!*/
#dropdown-menu-right ul li:first-of-type ul
{
  left:auto; /* reset left:0; value */
  right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover (or click on mobiles) */
#dropdown-menu-right ul li:hover ul,
#dropdown-menu-right ul li.hover ul /* This line is required for IE 6 and below */
{
  display:block; /* Show the sub menus */
}




.floatClear
{
  clear: both;
}

#bcp-trademark-footer
{
  float: right;
  width: 100%;
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  text-align: center;
  background-color: #C5C5C5;
}

#logo-company img
{
  float: left;
  padding-left: 5px;
  max-width: 20%;
  padding-bottom: 5px; /* Separates logo bottom from divider */
}

.container15h20w {
  display: flex;
  justify-content: space-between;
  max-height: 15vh; /* Set maximum height to 15% of the screen height */
}

.container15h20w img {
  max-width: 20%;
  max-height: 15vh; /* 15% of the screen height */
  object-fit: contain; /* Prevents stretching */
  padding: 5px; /* Add some padding between images */
}

.container25h40w {
  display: flex;
  justify-content: space-between;
  max-height: 25vh; /* Set maximum height to 15% of the screen height */
}

.container25h40w img {
  max-width: 40%;
  max-height: 25vh; /* 15% of the screen height */
  object-fit: contain; /* Prevents stretching */
  padding: 5px; /* Add some padding between images */
}

#layoutcontainer
{
  clear:both;
  max-width:980px;
  margin: auto;
}

@media screen and (orientation:landscape)
{
  #logo-company img
  {
    max-width: 12.5%;
  }
}

.content
{
  width: 100%;
  float: left;
}

.phone { display: none; }
.desktop { display: block; }

@media screen and (max-width: 550px)
{
  .phone { display: block; }
  .desktop { display: none; }
}

@media screen and (orientation:landscape) and (min-width: 600px)
{
}

@media screen and (orientation:portrait) and (max-width: 400px)
{
}

.markdown-body {
  box-sizing: border-box;
  min-width: 200px;
  max-width: 980px;
  margin: 0 auto;
  padding: 45px;
}

@media (max-width: 767px) {
  .markdown-body {
    padding: 15px;
  }
}