@import url('mmenu.css');

/*** Path: /sitecore/includes/plugins/nav/v1/nav.css ***/
/*** Header Nav ***/
.navPrimary {
  clear:both;
  float:left;
  font-family:'UniversLTW01-67BoldCn', sans-serif;
  margin: 0;
  padding:0;
  position:relative;
  width: 100%;
  z-index:20001;/* 1 level higher than popeye (20000)  */
}
.navPrimary > .item {
  float:left;
  margin:0;
  padding:0;
  text-transform: uppercase;
  width:auto;
}
.navPrimary > .item > a {
  color: #fff;
  display:block;
  font-size:16px;
  padding: 5px 10px 4px;
  text-decoration:none;
  vertical-align:middle;
  white-space:nowrap;
  letter-spacing: 0.01em;
}

.navPrimary .item a:hover,
.navPrimary .item a:focus,
.navPrimary .item.selected a, 
.navPrimary .item.over a,
.navPrimary .item:hover a {
/*   background: url(/includes/public/images/assets/mainnav-ind.jpg) repeat 0 0;   */
/*   box-shadow: inset 0 1px 5px rgba(255, 255, 255, 0.2);  */
  background-color: rgba(255, 255, 255, 0.15);
}
.navPrimary .item.selected .dropdown a, 
.navPrimary .item.over .dropdown a,
.navPrimary .item:hover .dropdown a {
  background: none;
  box-shadow: none;
}

/* Microsite */

.microSite .navPrimary {display: none;}
.microSite.sportsIndustry .navPrimary {display: block;}
.microSite.sportsIndustry .navPrimary {display: block;}
.microSite.sportsIndustry .navPrimary .item{margin: 0 20px 0 0;}

body.theme-sports .navPrimary .item > a:hover,
body.theme-sports .navPrimary .item > a:focus,
body.theme-sports .navPrimary .item.selected > a, 
body.theme-sports .navPrimary .item.over > a,
body.theme-sports .navPrimary .item:hover > a {
  background: url(/includes/public/images/assets/mainnav-ind-micro.jpg) repeat 0 0;  
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.45); 
}

body.theme-meetings .navPrimary .item > a:hover,
body.theme-meetings .navPrimary .item > a:focus,
body.theme-meetings .navPrimary .item.selected > a, 
body.theme-meetings .navPrimary .item.over > a,
body.theme-meetings .navPrimary .item:hover > a {
  background: url(/includes/public/images/assets/mainnav-ind-meeting.jpg) repeat 0 0;  
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.45); 
}


.navPrimary > .item {
  position: relative;
  padding-bottom: 8px;
}

/* DROPDOWN */
.navPrimary .item .dropdown {
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 2px solid #ddd;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  display: none;
  left: -255px;
  overflow: hidden;
  padding: 30px 20px 20px;
  position: absolute;
  top: 38px;
  width: 1000px;
  z-index: 30;
}

.navPrimary > .item:hover .dropdown {
  display: block;
}

.navPrimary .item .dropdown .dropItem-Feature {
  display: none;
  float: left;
  width: 265px;
  min-height: 1px;
}
.navPrimary .item .dropdown.header-dtn .dropItem-Feature {
  display: block;
}
.navPrimary .item .dropdown .dropItem-Feature #dtnContainer { display: block; }
.navPrimary .item .dropdown.dropdown.header-dtn .itemblock { float: left; max-width: 675px; }
.navPrimary .dropItem { 
  float: left;
  height: 54px;
  overflow: hidden;
  padding: 12px 10px 0 0;
  width: 215px;
}
.navPrimary .dropItem a {
  color: #000;
  font-family: 'UniversLTW01-57Condense 723821',sans-serif;
  font-size: 16px;
  text-shadow: none;
  text-transform: none;
}
.navPrimary .dropItem a:hover {color: #0066b3;}
.navPrimary .dropItem .dropImage { float: left; margin-right: 10px;}
.navPrimary .dropItem .dropContent { float: left; max-width: 167px;}
.navPrimary .dropItem .dropTitle { font-size: 15px; }

/* DROPDOWN extras */
.navPrimary .nav-image {
  float: left;
  width: 282px;
}
.navPrimary .nav-image img {
  border: 3px solid #fff;
}

/* **** UPPER-MOST Nav **** */

.topNav {
  float:left;
  font-family:'UniversLTW01-67BoldCn', sans-serif;
  /* height: 50px; */
  position:relative;
  width: 100%;
}
.topNav .item {
  font-size:13px;
  float:left;
  padding: 10px 10px 0px;
  text-transform: uppercase;
  width: auto;
}
.topNav .item a {
  color: #ddd;
  text-decoration:none;
  letter-spacing: 0.03em;
}

/* Microsite */
.microSite .topNav {display: none;}
.microSite.sportsIndustry .topNav {display: block;}
.microSite.sportsIndustry .topNav .item{padding: 0 25px 0 10px;}

/* **** Interior Side Nav **** */

.navSide {
  background: url(/includes/public/images/assets/sidenav-bg.jpg) no-repeat center bottom;
  background-size: 100% 100%;
    margin: 0px 20px 20px 20px;
    padding: 10px;
  border: 2px solid #fff;
  border-radius:7px;
  -webkit-border-radius: 7px;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
}

.navSide .sectionTitle {}

.navSide h2 {
  font-family:'UniversLTW01-67BoldCn', sans-serif;
  color: #d28034;
    font-size: 17px;
  letter-spacing: 1px;
  margin:0;
  text-align: center;
  width: 100%;
  border-bottom: 2px solid #e5dbb8;
  line-height: 28px;
}
.navSide h2 a {
  color: #d28034;
  text-decoration: none;
}

.navSide .item { font-size:14px;}
.navSide .item a { font-family: 'UniversLTW01-57Condense 723821',sans-serif; font-size: 16px; text-decoration:none; color: #d28034; }
.navSide .item a:hover { color: #0066b3;}
.navSide .item { overflow: hidden; padding: 5px 0px; position: relative; }
.navSide .item > a { line-height: 22px; padding-left: 0px; text-decoration:none; width: 100%; display: block; }
.navSide .item .opener {
  cursor: pointer;
  height: 22px;
  margin-right: 10px;
  position: absolute;
  top: 5px;
  right: 0;
  width: 15px;
  text-align: center;
}
.navSide .item .opener .fa{
  font-size: 14px;
  line-height: 22px;
  color: #d28034;
}

.navSide .displayopen > .opener{
   -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

/* SECOND LEVEL */
.navSide .item .children {  display: none; padding-top: 5px;}
.navSide .item.displayopen > .children { display: block;  }
.navSide .item  .children > .item { padding-bottom: 7px; padding-left: 15px; padding-top:8px;}
.navSide .item .children > .item.selected { font-family:'UniversLTW01-67BoldCn', sans-serif;}
.navSide .item .item.selected > a { font-family:'UniversLTW01-67BoldCn', sans-serif;}
.navSide .item .children .item .item{ padding-bottom: 7px; padding-left: 20px; padding-top:8px;}
.navSide .item .children .item .item.selected { font-family:'UniversLTW01-67BoldCn', sans-serif;}

.navSide a.prev-link {
  padding: 10px 0 0;
  color: #fff;
  text-decoration: none;
  text-align:center;
  display: block;
}

/* **** Side Nav for Sports Microsite **** */
/*.microSite.sports .navSide {
  background: -moz-linear-gradient(center top , #20536d 0%, #407d97 33%, #20536d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 2px solid #e4cd79;
}
.microSite.sports .navSide .item a {color: #fff;}
body.microSite.sports .navSide h2 a {color: #fff;}*/

/* **** Footer Nav **** */

.footerNav {
  font-family:'UniversLTW01-67BoldCn', sans-serif;
  float:left;
  padding:0 0 15px;
  width: 100%;
}

body.microSite .footerNav {
  display: none;
}
body.microSite.sports .footerNav {
  display: block;
  padding-top: 10px;
}

.footerNav .item {
  font-size:13px;
  float:left;
  padding-right:20px;
  text-shadow: 0 1px 1px #344d03;
  text-transform: uppercase;
  width: auto;
}
.footerNav .item a {
  color: #eeda92;
  text-decoration:none;
}
.footerNav a:link, .footerNav a:active, .footerNav a:visited, .footerNav a:hover {}
.footerNav a:active, .footerNav a:hover { text-decoration:underline;}

/* **** Footer Community Nav **** */

.footerCommNav {
  font-family: Arial, Helvetica, sans-serif;
  float:left;
  padding:0 0 15px;
  width: 100%;
}
.footerCommNav .commTitle {
  color: #fff;
  font-size:13px;
  float:left;
  font-weight: bold;
  margin-right: 5px;
}
.footerCommNav .item {
  font-size:13px;
  float:left;
  padding:0px;
  width: auto;
  margin-right: 5px;
}
.footerCommNav .item a {
  color: #eeda92;
  text-decoration:none;
}

.footerCommNav .item:last-child .footComma {display: none;}

/* **** Footer Community Nav - sports layout **** */
.microSite .footerCommNav {
  display: none;
}

/* ****************** SITEMAP ******************* */
.sitemap { margin-bottom: 10px; }
.sitemap h1{
  border-bottom: 2px solid #e5dbb8;
    padding-bottom: 4px;
}
.sitemap h4 {
    background-image: url("/includes/public/images/assets/widget-bg.jpg");
    background-position: 0 -51px;
    background-repeat: repeat-x;
    border: 3px solid #fff;
    border-radius: 12px 12px 0 0;
    color: #587519;
    margin-top: 20px;
    padding: 10px 10px 10px 17px;
    -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.22);
    -moz-box-shadow:    0 0 5px 0 rgba(50, 50, 50, 0.22);
    box-shadow:         0 0 5px 0 rgba(50, 50, 50, 0.22);
}
.sitemap li { list-style:none; padding:3px 0; margin-left: 0; padding-top: 0; }
.sitemap li ul li{ padding: 3px 0; }
.sitemap ul.multicol {
    margin:0;
    -moz-column-count: 3;
    -moz-column-gap: 40px;
    -webkit-column-count:3;
    -webkit-column-gap:40px;
    column-count:3;
    column-gap:40px;

    background-color: #fff;
    border-radius: 0 0 12px 12px;
    margin: -12px 0 0;
    padding: 10px 20px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.22);
    -moz-box-shadow:    0 3px 5px 0 rgba(50, 50, 50, 0.22);
    box-shadow:         0 3px 5px 0 rgba(50, 50, 50, 0.22);
}
@media only screen and (max-width: 1025px) {
  .sitemap ul.multicol {
    -webkit-column-count:2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (max-width: 640px) {
  .sitemap ul.multicol {
    -webkit-column-count:1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.sitemap ul.multicol > li > a{text-transform: uppercase;}
.sitemap ul.multicol li a {font-weight: bold; font-size: 15px; color: #0066b3;}
.sitemap ul.multicol ul li a {font-weight: normal; padding: 0; font-size: 15px; color: #0066b3;}
.sitemap ul.multicol ul li ul li a{font-size: 13px;}
.sitemap ul {margin-left:20px;}



/** mobile nav **/
.navMobile{
  position: absolute;
  width: 100%;
}
.navMobile #cnt_navbar_contents {
  display: none;
}
.navMobile .dl-menuwrapper{
   max-width: 320px;
   margin-right:0;
   top: 21px;
}
.navMobile .dl-menuwrapper:first-child{
   margin-right: 0;
}
/* button */
.navMobile .dl-menuwrapper button{
    position: relative;
    top: -5px;
    margin:0;
    height: 70px;
    width: 53px;
    background: transparent !important;
    text-indent: 0;
    padding: 21px 10px;
    font-size: 30px;
}
.navMobile .dl-menuwrapper button span{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
   background: url(/includes/public/assets/icon-menu.png) no-repeat center;
  transition: background ease 0.5s;
}
.navMobile .dl-menuwrapper button span:after{
  content: 'Menu';
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}
.navMobile .dl-menuwrapper button.active span{
  background: url(/includes/public/assets/icon-menu-close.png) no-repeat center;
}
.navMobile .dl-menuwrapper button.active span:after{
  content: 'Close';
}
.navMobile .dl-menuwrapper button.dl-active span{}
.navMobile .dl-menuwrapper button a{
   color: #FFF;
}
.navMobile .dl-menuwrapper button:after{
   display: none;
}
/* ul menus */
.navMobile .dl-menuwrapper .dl-menu{
   padding: 8px 0;
   background: #FFF;
   margin: 0;
}
.navMobile .dl-menuwrapper .dl-menu,
.navMobile .dl-menuwrapper .dl-submenu{
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05), inset 0 6px 6px -3px rgba(0, 0, 0, 0.5);
}

.navMobile .dl-menuwrapper .dl-submenu .dl-submenu {
  box-shadow: 0 0 0px rgba(0,0,0,0);
  padding: 0;
}

.navMobile .dl-menuwrapper .dl-menu.dl-subview {
    padding: 0;
}
.navMobile .dl-menuwrapper .dl-submenu{
   top: 70px;
   margin: 0;
   background: #FFF;
}
/* mobile social icons*/
.socialContainerMobile {
  display:inline-block;
  padding:0 20px;
  width: 100%;
}

.socialContainerMobile .socialIcon {float:left;}
.navMobile .dl-menuwrapper .socialContainerMobile .socialIcon a{padding: 0; border: none;}

/* links */
.navMobile .dl-menuwrapper li a{
   position: relative;
   padding: 12px 20px;
   color: #d98136;
   font-size: 16px;
   line-height: 16px;
   text-transform: uppercase;
   font-family:'UniversLTW01-67BoldCn';
   border-bottom: 1px solid #ededed;
   transition: color .25s;
}
.navMobile .dl-menuwrapper li.selected > a{
   color: #ee276d;
}
.navMobile .dl-menuwrapper li a::after{
   display: none;
}
.navMobile .dl-menuwrapper li.has-submenu > a{
   padding-right: 15px 28px 15px 20px;
}

.dl-menu.dl-subview li.dl-subview > a + .child-arrow {
  display: none;
}

.navMobile .dl-menuwrapper li.has-submenu > div.child-arrow::after {
  content: '\f0da';
  color: #d98136;
  display: block;
  font-family: "fontawesome" !important;
  font-size: 18px;
  left: 0;
  line-height: 32px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 8px;
}
.navMobile .dl-menuwrapper li.last-item > a{
  border: none;
}
.dl-menuwrapper li > .child-arrow {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  display: none;
  height: 50px;
  width: 30px;
  text-align: center;
  cursor: pointer;
}
.dl-menuwrapper li.has-submenu > .child-arrow { display: block; }
.dl-menuwrapper li.has-submenu.dl-subviewopen > .child-arrow { display: none; }

/* parent link */
.navMobile .dl-menuwrapper li.dl-parent a{
   border-top:1px solid #e4cd79;
   font-size: 25px;
   line-height: 25px;
   padding: 12px 15px;
}
/* back link */
.navMobile .dl-menuwrapper li.dl-back::after,
.dl-menuwrapper li > div.child-arrow:not(:only-child):after {
  left: 0px;
  right: 15px;
  content: '\f0d9';
  font-family: 'FontAwesome';
  font-size: 18px;
  line-height: 37px;
  transform: rotate(0); 
  color: #d98136;
}
.navMobile .dl-menuwrapper li.dl-back::after { left: 15px; }
.navMobile .dl-menuwrapper li.dl-back a:hover,
.navMobile .dl-menuwrapper li.dl-back a{
    padding: 10px 15px 10px 30px;
    background: transparent;
    font-size: 18px;
}

.navMobile .dl-menu.dl-subview li.dl-subviewopen{
  padding: 0 !important;
}

/* mobile secondary */
.navMobile .dl-menuwrapper li.item-secondary > .child-arrow {
  height: 30px;
  line-height: 30px;
}

.navMobile .dl-menuwrapper .secondary-items li a,
.navMobile .dl-menuwrapper li.item-secondary a{
  padding:7px 20px;
  font-size: 13px;
  line-height: 13px;
  color: #65841b;
  border: none;
}
.navMobile .dl-menuwrapper li.item-secondary li.dl-back a{
  padding-left: 30px;
}
.navMobile .dl-menuwrapper li.item-secondary li.dl-back:after {
  top: -4px;
}
.navMobile .dl-menuwrapper ul li.item-secondary.first{
  margin-top: 8px;
}

.navMobile .dl-menuwrapper li.item-secondary.has-submenu > div.child-arrow::after{
  top: 5px;
  color: #65841b;
  line-height: 18px;
}

/** parent and back button for secondary **/
.navMobile .dl-menuwrapper .secondary-items .dl-parent a{
  border-top:1px solid #e4cd79;
  font-size: 18px;
}
.navMobile .dl-menuwrapper .secondary-items li.dl-back a:hover,
.navMobile .dl-menuwrapper .secondary-items li.dl-back a{
    padding: 10px 15px 10px 30px;
    background: transparent;
    font-size: 18px;
}
.navMobile .dl-menuwrapper .secondary-items li.dl-back::after{
  color: #65841b;
}



.navMobile .dl-menuwrapper li:hover > a,
.navMobile .dl-menuwrapper li.selected > a{
  color: #0066b3;
}

@media only screen and (max-width: 1024px){
  .navContainer{width: 100%;}
}
@media only screen and (max-width: 640px){
  .navContainer{width: 100%;}
  .navMobile .dl-menuwrapper{max-width: 100%;top: 20px;}
  .navMobile .dl-menuwrapper .dl-menu,
  .navMobile .dl-menuwrapper .dl-submenu{padding: 20px 0;}
  .navMobile .dl-menuwrapper button{width: 70px;}

  .footerNav .item{display: inline-block; float: none;}
}

.contentRender_name_plugins_nav_microsite_nav .navMobile .socialContainerMobile .socialIcon a{
  padding:0;
}