@font-face {
 font-family:'EngraversGothicRegular';
 src: url('webfonts/EngraversGothicRegular.ttf') format('truetype');
 font-weight:normal;
 font-style:normal;
} 

@font-face {
    font-family: 'EngraversGothicBT';
    src: url('webfonts/EngraversGothicBT.eot');    
    src: url('webfonts/EngraversGothicBT.eot?#iefix') format('embedded-opentype'),
         url('webfonts/EngraversGothicBT.woff') format('woff'), 
         url('webfonts/EngraversGothicBT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;   
}

@font-face {
    font-family: 'HelveticaNeueWorld-45Lt';
    src: url('webfonts/HelveticaNeueWorld-45Lt.eot');
    src: url('webfonts/HelveticaNeueWorld-45Lt.eot?#iefix') format('embedded-opentype'), 
         url('webfonts/HelveticaNeueWorld-45Lt.woff') format('woff'), 
         url('webfonts/HelveticaNeueWorld-45Lt.ttf') format('truetype');
}

@font-face {
    font-family: 'Baskerville120Pro-Italic';
    src: url('webfonts/Baskerville120Pro-Italiceot');
    src: url('webfonts/Baskerville120Pro-Italic.eot?#iefix') format('embedded-opentype'), 
         url('webfonts/Baskerville120Pro-Italic.woff') format('woff'), 
         url('webfonts/Baskerville120Pro-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Baskerville10Pro-Italic';
    src: url('webfonts/Baskerville10Pro-Italiceot');
    src: url('webfonts/Baskerville10Pro-Italic.eot?#iefix') format('embedded-opentype'), 
         url('webfonts/Baskerville10Pro-Italic.woff') format('woff'), 
         url('webfonts/Baskerville10Pro-Italic.ttf') format('truetype');
}


.subcategoryiconcol
{
    margin: 5px 0;
    text-align: center;
}

.subcategoryicontitle
{
    position: absolute; 
    width: 100%; 
    top: 10px; 
    left: 0; 
    text-align: center; 
    color: #1a243e; 
    font-family: 'EngraversGothicRegular','Arial'; 
    font-size: 18px;
    line-height: 14px;
}

@media(max-width: 768px)
{
   .subcategoryicontitle
   {
      font-size: 16px;  
   }
}



.nav-regular .classic > .nav-panel--dropdown > li > a
{
    line-height: 22px;
}

.nav-regular .nav-submenu--mega > .nav-item > a
{
    line-height: 10px;
}

.sidebar-main, .sidebar-additional
{
/*    border-right: 1px solid #e0e0de;*/
}

.product-item-name, .product.name a 
{
    font-weight: 600;
}

div.product-item-description
{
    font-size: 10pt;
    margin: 5px 0px 5px 0px;
}

.banner-acad-container
{
    position: relative;
    margin-bottom: 30px;
}
.banner-acad-text-div
{
    position: absolute;
    top: 3em;
    left: 1em;
}
.banner-acad-text-head
{
    color: white;
}
.banner-acad-text-desc
{
    color: white;
}

@media(max-width: 980px)
{
    .banner-acad-text-head
    {
        font-size: 18px;
    }
    .banner-acad-text-desc
    {
        font-size: 14px;
    }
}

@media(min-width: 981px)
{
    .banner-acad-text-head
    {
        font-size: 28px;
    }
    .banner-acad-text-desc
    {
        font-size: 18px;
    }
}

.searchsuite-autocomplete 
{
    left: unset;
}

dl#narrow-by-list2.options > dd > ol.items > li.item
{
    margin-bottom: unset;
}

/**
* Colour chart section
*/
.colourchartcontainer
{
  display: grid;
  grid-template-columns: repeat( auto-fill, 105px);
  row-gap: 15px;
}

.colourchartitem
{
  text-align: center;
  position: relative;
}

.colourchartitemlarge
{ 
   display: none;
   position: absolute;
   top: 20px;
   border: 1px solid black;
   padding: 10px;
   z-index: 100;
   background-color: white;
   width: 200px;
}

.colourchartitem:hover .colourchartitemlarge, .colourchartitemlarge:hover, colourchartitemlargeactive
{
  display: block;
}

.colourchartheader
{
  font-weight: bold;
  margin-left: 12px;
}

/* End colour chart */

/* product descriptions */

ul.productfeaturelist
{
    line-height: 1.2rem;
}

ul.productfeaturelist li:before
{
    content: '✓';
    margin-right: 5px;
}

/* End product descriptions */

/* home page banner */

@media only screen and (max-width: 992px)
{
  .homebannertextcontainer
  {
    display: none;
  }
}

.homebannertextcontainer
{
    position: absolute;
    top: 20%;
    left: 70px;
    width: 500px;
    color: #001e42;
    background-color: white;
    height: 50%;
    padding: 30px;
}

.homebannertextdiv
{
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

.homebannertextsideimage
{
    width: 200px;
    display:inline-block;
    vertical-align: top;
    float: right;
}

.prehead
{
  font-family: EngraversGothicBT,Helvetica,Helvetica Neue,Arial,sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.5em;
}

.homeslider-headline
{
  font-family: HelveticaNeueWorld-45Lt,Helvetica,Helvetica Neue,Arial,sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 1.17;
  letter-spacing: normal; 
  display: block;
  margin-top: 0.5em;
}

.homeslider-p
{
  font-family: HelveticaNeueWorld-45Lt,Helvetica,Helvetica Neue,Arial,sans-serif;
  line-height: 1.5;
  margin-bottom: 0.5em;
  margin-top: 10px;
}

/* END home page banner */

/* Home page trend look */
.trendlook-wrap
{
    text-align: center;
    position: relative;
    height: 500px;
}

.image-wrap
{
     position: absolute;
     top: 0px; 
}

.image-wrap-1
{
    right: 0;
}

.image-wrap-2
{
    left: 0;
}

.trendlook-productcontainer
{
   background-color: #f2f4f7;
   position: absolute;
   bottom: 100px;
   width: 300px;
   height: 300px;
   margin-top: 30px;
}

.trendlook-productcontainer-1
{
   left: 0;
}

.trendlook-productcontainer-2
{
   right: 0;
}

.trendlook-textcontainer
{
   background-color: white;
   position: absolute;
   bottom: 100px;
   width: 400px;
   height: 300px;
}

.trendlook-textcontainer-1
{
   left: 301px;
}

.trendlook-textcontainer-2
{
   right: 301px;
}

 .trendlook-textcontainer2
{
   margin-top: 30px;
}

.trendlook-productcontainersub
 {
     margin-top: 30px;

 }

.trendlookh3
{
 font-family: EngraversGothicBT,Helvetica,Helvetica Neue,Arial,sans-serif;
 text-transform: uppercase;
 font-size: 16pt;
 text-decoration: none;
 color: #1a243e;
 letter-spacing: 0.1rem
}

 .trendlookh4
 {
   font-family: Baskerville120Pro-Italic,Helvetica,Helvetica Neue,Arial,sans-serif;
   font-size: 36px;
 }

 @media only screen and (max-width: 1200px)
 {
    img.trendlook-bg
    {
         display: none;
    }

     .trendlook-productcontainer
     {
        display: none;
     }

    .trendlook-textcontainer
    {
     position: unset;
     height: unset;
     padding-top: 30px; 
     padding-bottom: 30px;
     text-align: center;
     width: 100%;
    }

    .trendlook-wrap
    {
        text-align: center;
        position: relative;
        height: unset;
    }

    .image-wrap
    {
         position: unset;
    }
}
/* End home page trend look */

/* Instagram widget */
.instagram-headline
{
   font-family: Baskerville120Pro-Italic,Helvetica,Helvetica Neue,Arial,sans-serif;
   font-size: 35px;
   font-weight: normal;
   line-height: 1.08;
   letter-spacing: normal;
   margin-bottom: 0.75em;
   padding-left: 2.1rem;
}

.instagramblockgrid
{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}
@media(max-width: 981px)
{
    .instagramblockgrid
    {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* End Instagram */

/* fix for Envato theme image loader problem */
.loading-mask
{
    display: none;
}

/* fix for Envato theme problem in Mage 2.4.3 */
.cookie-status-message 
{
    display: none;
}

/* Main menu multiple columns */
.mainmenu-column-container 
{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media(max-width: 991px)
{
  /* 1 column on mobile menu */
  .mainmenu-column-container
  {
    grid-template-columns: 1fr;
  }
}