/*
* Menu text
*/
.menu-text {
    position: absolute;
    top: 50%;
    right: -36px !important;
    transform: translateY(-50%);
    font-weight:400;
    font-size:0.75rem;
    font-family:Forza;

}
@media(min-width:48rem){
    .menu-text {
        display:block;
        right: -50px !important;
       font-size:1rem;
       
    }
}
.main-nav {
    position:static;
    font-family:Forza;

}

.siteHeader.scs .header-mods-bottom .cm-menu {z-index: 0 !important;}

.main-nav.nav-bar .cm-menu {
    /* height:100vh; */
    display:none;
  position:absolute;
    padding:0 20px;
    top:150px;
    background:#fff;
  overflow:visible;
  transition:.1s ease-in;
}

@media (min-width: 75rem) {
  .main-nav.nav-bar .cm-menu {
    height:auto;
    display: flex !important;
    position:relative;
    padding:5px 0;
    top:auto;
  }
}
.main-nav.nav-bar.cm-js-active.active .cm-menu{
    display:block;
}

/* new styles */
.cm-menu [data-type="mega"] {}
@media (min-width: 1200px) {
    .cm-menu [data-type="mega"] {
    /* position: static; */
    position: relative;
    }
}
   /*end new styles */
.main-nav.nav-bar .cm-menu > li {
}
.main-nav.nav-bar .cm-menu > li .custom-sub  {
    display:none;
  }
  .main-nav.nav-bar .cm-menu > li.opened.animated .custom-sub  {
    display:block;
  }
  
@media (min-width: 1200px) {
  .nav-bar > ul > li {
    display: block;
    flex: 1 1 auto;
    position: relative;
  }
  
  .main-nav.nav-bar .cm-menu > li.opened.animated::before  {
    content: "";
    position: absolute;
    /* left: 50%; */
    
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d40000;
    border-top:none;
  }
  
}

[data-type="mega"] .custom-sub{}

@media(min-width:75rem){
  [data-type="mega"] .custom-sub{
    width:auto !important;
  }
}
li[data-type="mega"]:nth-last-child(-n+2) .custom-sub {}
@media(min-width:75rem){
    li[data-type="mega"]:nth-last-child(-n+2) .custom-sub {
        left: auto;
        right: 0;
    }
}

/* 1st tier */
.main-nav.nav-bar .cm-menu > li > ul {
}
@media (min-width: 75rem) {
  .main-nav.nav-bar .cm-menu > li > ul {
    border-top: 5px solid #d40000;
  }
}
.cm-menu li{
    position:static;
    text-align:left;
}
@media (min-width: 75rem) {
    .main-nav.nav-bar .cm-menu > li > ul {
        position:relative;
        
    }
  }
/*2nd tier*/



ul > li > ul {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    
}
  @media (min-width: 75rem) {
      ul > li > ul {
          width: auto;
          position:static;
        }
  }
  .nav-bar > ul > li > a{
    /* width: 45%;  FLUID - do not DELETE*/
    width:160px; /* STATIC - DELETE  incase the client does not like it*/
    padding-left:5px !important;
    padding-right:5px !important;
    font-family:Forza !important;
    font-size:1rem;

    
  }
  @media (min-width: 75rem) {
    .nav-bar > ul > li > a{
            width: auto;
          padding:13px 10px !important;
        }
}
.main-nav.nav-bar .cm-menu > li.opened.animated > a::before  {
    content: "";
    position: absolute;
    /* right:-30px; FLUID - Do not delete*/
    left:155px; /* STATIC - Delete if the client wants fluid*/
    bottom: 0;
    transform: translateX(-50%) rotate(270deg);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d40000;
    z-index:1000;
  }


ul > li > .custom-sub {
    /* width: 50% !important; */
    position: absolute;
    /*right:0;  FLUID - do not delete*/
    left: 180px;
    top: 0;
    padding: 0;
    width: 55%;
    background: #fff;
    border-left: 4px solid #d40000;
    height: 100%;
}
    @media (min-width: 75rem) {
        ul > li > .custom-sub {
            position: static;
            width: auto;
            padding: 20px;
            border-top: 5px solid #d40000;
            border-left: none;
            font-weight: 800;
            height: auto;
        }
    }

    [data-type="mega"] .custom-sub{
        background:#fff;
        max-height: 100vh;
        /* overflow-y:scroll !important;   OVERFLOW -- uncomment once the client asks for it*/

    }
    /* title*/


    [data-type="mega"] .custom-sub .title{
        font-size:1rem;
        font-weight:600;
        text-transform: capitalize;
    }
    /* paragrpah*/
    [data-type="mega"] .custom-sub p{
        color:#000;
     
    }
    .custom-sub img {
        max-width: none !important;
    }
    [data-type="mega"] .custom-sub .nav-text{
        font-size:0.75rem;
        text-align:left;
    }
    [data-type="mega"] .custom-sub .nav-text-important{
       padding:0 10px 0 0;
        color:#d40000;
        font-size:1rem;
    }

    /*second tier links*/
    .table-row{}
    @media (min-width: 75rem) {
        .table-row {
        /* display: table; */
        display: flex;
        }
    }
    .table-col{}
    @media (min-width: 75rem) {
        .table-col {
            display: block;
            flex: 0 0 auto;
            }
    }
    ul > li >  .custom-sub > .table-row > .table-col  a{
        padding:3px;
        font-size:0.875rem;
    }
@media(min-width:75rem){
    ul > li >  .custom-sub > .table-row > .table-col  a{
        /* padding:3px; */
        font-size:1rem;
        padding:5px 20px; 
        text-transform: unset;
    }
}


/* link to second tier*/


/* table styling*/
ul > li >  .custom-sub.custom-sub--flex > .table-row{}

@media (min-width: 75rem) {
    ul > li >  .custom-sub.custom-sub--flex > .table-row{
        display:flex !important;
        flex-wrap:wrap;
    }

}
.nav-item-media{
    position:relative;
    max-width:200px;
    margin:0 auto;
}
.nav-item-media__label{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:auto;
    height:auto;
    padding:10px;
    margin:0 -5px 0 0;
    background:#d40000;
    color:#fff;
}

/*
    MEGA NAV COLUMNS
*/
/* Pixel locks - client wants pixels not percentage width.*/
.table-col{
    
}
@media(min-width:75rem){
    .table-col{
    flex:1 0 auto !important;
    }
}
.table-col.table-col--pixel-lock{}
@media(min-width:75rem){
  .table-col.table-col--pixel-lock{
    width:200px;
    flex:0 0 auto;
  }
}

/*if 2*/
ul > li > .custom-sub.custom-sub--flex > .table-row.table-row-2 .table-col{}

@media (min-width: 75rem) {
    ul > li > .custom-sub.custom-sub--flex > .table-row.table-row-2 .table-col{
        display:flex !important;
        width:50%;
        flex:0 0 auto;
    }
}

/* if 3*/
ul > li > .custom-sub.custom-sub--flex > .table-row.table-row-3 .table-col{}

@media (min-width: 75rem) {
    ul > li > .custom-sub.custom-sub--flex > .table-row.table-row-3 .table-col{
        display:flex !important;
        width:33.33333%;
        flex:0 0 auto;
    }
}

/* 2nd level nav items if 2 rows*/
ul > li > .custom-sub.custom-sub--flex > .table-row.table-row-2 .table-col ul.listing-2{}
@media (min-width: 75rem) {
    ul > li > .custom-sub.custom-sub--flex > .table-row.table-row-2 .table-col ul.listing-2{
        display:flex !important; 
        flex-wrap:wrap;
        justify-content: space-between;
    }
}

ul > li > .custom-sub.custom-sub--flex > .table-row.table-row-2 .table-col ul.listing-2 li{}
@media (min-width: 75rem) {
    ul > li > .custom-sub.custom-sub--flex > .table-row.table-row-2 .table-col ul.listing-2 li{
      width:50%;
      flex:0 0 auto;        
    }
}
/*second level nav if 3 rows*/
/*2nd level nav items if 3 rows list items*/

.table-row.table-row-2{
    display:flex;
}
ul > li > .custom-sub.custom-sub--flex > .table-row{}

@media (min-width: 75rem) {
    ul > li > .custom-sub.custom-sub--flex > .table-row{
       display:flex;
       flex-wrap:wrap;
    }
}

ul > li > .custom-sub.custom-sub--flex > .table-col{}

@media (min-width: 75rem) {
    ul > li > .custom-sub.custom-sub--flex > .table-row > .table-col{
        display:flex;
        flex-wrap:wrap;
    }
}

ul > li > .custom-sub.custom-sub--flex > .table-row > .table-col > .listing-3{}

@media (min-width: 75rem) {
    ul > li > .custom-sub.custom-sub--flex > .table-row > .table-col > .listing-3{
        display:flex;
      flex-wrap:wrap;
    }
}

ul > li > .custom-sub.custom-sub--flex > .table-row > .table-col > .listing-3 li{}

@media (min-width: 75rem) {
    ul > li > .custom-sub.custom-sub--flex > .table-row > .table-col > .listing-3 li{
       width:33.3333%;
        flex:0 0 auto;
      
    }
}


ul > li >  .custom-sub.custom-sub--flex > .table-row >.table-col > ul > li >a{
    width:auto;
    /* width: 50% !important; */
   
    }
/*banner*/
    ul > li >  .custom-sub .banner-wrap{
        display:none;
    }
    @media (min-width: 75rem) {
        ul > li >  .custom-sub .banner-wrap{
            display:block;
        }
    }
    
    
/*nav banners listing*/
.nav-banner-listing{
    display:flex;

}
.nav-banner-listing li{
    width:33.3333%;
    flex:0 0 auto;
}