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

.league {
  font-family: "league-gothic", sans-serif;
}

.leagueSmall {
  font-family: "league-gothic", sans-serif;
  font-size: 50px;
  line-height: 1;
}

.material-icons {
  font-size: 19px;
}

.qaBorder {
   border: 0.05em solid #fff;
}

.qaTitle {
  font-size: 60px !important;
  line-height: .8;
  margin-bottom: 10px;

}

.qaDialogueTitle {
    font-size: 16px !important;
}

.qaDate {
  font-size: 26px !important;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 5px;
  padding-bottom: 5px;
    border-bottom: .01em solid #fff;
    display: inline-block;
}

.qaDetails p {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.qaTix {
  font-size: 12px !important;
  text-transform: uppercase;
    vertical-align: middle;
}

 .popup .button  {
      padding: 5px 16px 5px;
    font-size: 11px;
    margin-bottom: 5px;
        border: .075em solid #fff;
}

.qaTime {
  font-size: 16px !important;
  font-family: 'Times-Italic', serif !important;
  font-weight: normal;
  font-style: normal;
}

.qaInfo {
  font-size: 15px !important;
  line-height: 1.2;
}

.qaName {
  font-size: 20px !important;
  letter-spacing: .02em;
}

.qaNameNat {
  font-size: 26px !important;
  letter-spacing: .02em;
}


.qaButton {
  background-color: #8a9318 !important;
  border: none !important;
}


.popup:not([class*="fade"]) {
    background: #315463 !important;
}

.dropdown {
  border-radius: 0px;
}

.centerText {
  vertical-align: middle;
}

.pad {
    border-radius: 6px;
    padding: 5px;
    background: transparent !important;
    overflow: hidden;
    border: 0.05em solid #fff;
    color: #fff;
}



/* swap bottom panel on last slide */
.slides:not(.lastSlide) .panel.bottom.customPanel,
.slides.lastSlide .panel.bottom:not(.customPanel) {
  opacity:0;
  -webkit-transform: translate3d(0,100%,0) !important;
  transform: translate3d(0,100%,0) !important;
}


.sidebar {
	width: 100%;
	max-width: 100%;
}

.sidebar .content {
	padding: 0px;
}

.sidebar .mainMenu li a {
	font-size: 18px;
	line-height: 1.7;
}

.button.actionButton {
    display: inline-block;
    height: 50px;
    width: 50px;
    padding: 14px;
    border-radius: 25px;
    z-index: 999;
    background: rgba(40, 40, 40, 0);
    line-height: 1;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    vertical-align: top;
}

/* white nav */
.slides .panel.top {
    background: rgba(255,255,255,.975);
    box-shadow:0 1px 1px rgba(0,0,0,0.20);
    color: #222;
  }



/* transparent for the first slide */

.slides.firstSlide .panel.top {
  background:rgba(255,255,255,0) !important;
  box-shadow:none;
  color: #fff;
}


.slides.firstSlide .panel.top svg {
  background:transparent;
  box-shadow:none;
  color: #fff;
  fill: #fff;
}

.slides .panel.top svg {
  fill: #222;
}

  .customFooter p.small {
    font-size: 14px;
    line-height: 1.8;
  }


.slide {
	background-color: #315463;
}


.tt {
	max-height: 95vh;

}

h1, .h1 {
    font-size: 52px;
    line-height: .9;
    margin-bottom: 20px;
    letter-spacing: -0.01em;
}

h3, .h3 {
    font-size: 18px;
  }


p, .p {
	opacity: 1;
	font-size: 16px;
}


.futuraLight {
	font-family: 'futura-pt';
	font-weight: 300;
}

.times {
	font-family: 'Times-Italic';
	font-size: 12px;
	font-weight: normal;
}

.futuraMed {
	font-family: 'futura-pt';
	font-weight: 500;
}

.futuraDem {
	font-family: 'futura-pt';
	font-weight: 600;
}


.quoteText {
	font-size: 14px;
	line-height: 18px;
}

.panel .sections .menu li {
	font-size: 16px;
}

.quoteSource {
	font-size: 11px;
}

.release {
	font-size: 16px;
}

.greenEA {
	background-color: #45b34c;
}

.button {
     padding: 9px 22px 9px;
     font-size: 12px;
     border: 0.1em solid #fff;
     background:rgba(255,255,255,0);
     color: #fff;
     font-weight: 500;
}

.panel .button:not(.actionButton) {
    color: #fff;
    font-size: 14px;
    padding: 12px 22px 12px;
    background:#315463;
    border: none;
}

.panel .sections .menu li a {
	padding: 4px 10px 5px;
}


.panel .sections .menu.small li {
	font-size: 14px;
}


.videoThumbnail:after {
	opacity: .7;
}



.slides {
   -webkit-transition:.7s;
   transition:.7s;
}



/* before */
.slides.stage-2 {
   background:#121f24;
}
/* frank */
.slides.stage-3 {
   background:#3f543b;
}
/* craig */
.slides.stage-4 {
   background:#253f4a;
}
/* jim */
.slides.stage-5 {
   background:#3f543b;
}
/* rick */
.slides.stage-6 {
   background:#253f4a;
}
/* larry */
.slides.stage-7 {
   background:#3f543b;
}

.slide.transparent,
.slide.transparent .background {
   background:transparent !important;
}

.autoHeight {
   min-height:40vh;
}

.autoHeight .container .wrap:not(.noSpaces), .container .wrap.spaceWrap, .container .wrap .spaceWrap {
    padding: calc(4% + 5px) calc(8% + 15px);
}



form input[type="text"].input-38, form input[type="name"].input-38, form input[type="email"].input-38 {
	max-width: 400px;
	font-size: 12px;
	opacity: .9;
}


#subscribe > input.button.greenEA:hover {
	opacity: 1;
}

form input[type="text"], form input[type="name"], form input[type="email"], form input[type="password"], form input[type="tel"], form textarea, form select {
	padding: 10px 16px 10px;
}

/* custom share styles */
.share.customShare span,
.share.customShare svg {
  -webkit-transition: 0.15s;
  transition: 0.15s;
}

.share.customShare span {
  background:transparent !important;
  font-size:19px;
  color:rgba(32,32,32,.4) !important;
  margin:0 15px;
  cursor:pointer;
}

.share.customShare svg {
  fill:#DCDCDC !important;
  width:24px !important;
  height:24px !important;
  vertical-align: bottom;
}

.share.customShare .twitter:hover,
.share.customShare .twitter:hover svg {
   fill:#55acee;
   color:#55acee;
}

.share.customShare .facebook:hover,
.share.customShare .facebook:hover svg {
   fill:#3b5998;
   color:#3b5998;
}

.share.customShare .facebook svg,
.share.customShare .twitter svg {
  margin-right: 12px;
}

.slides .dropdown h3, .dropdown .title {
    font-size: 14px;
    padding: 10px 0;
    font-weight: 400;
    margin: 0;
    text-align: center;
    opacity: 0.8;
}

.dropdown {
  border-radius: 0px;
}

  .panel .sections .menu.small li:focus,
  .panel .sections .menu.small li:hover {
    outline: none;
  }


  .dropdown.customDropdown { padding:10px 0; }
  .dropdown.customDropdown li:not(.link),
  .dropdown.customDropdown li.link a { font-family: 'futura-pt'; font-size: 14px; padding: 8px 10px 8px 20px;  cursor: pointer; display: block; text-align: left; }
  .dropdown.customDropdown li:hover { background:rgba(0, 0, 0, 0.05);}
  .dropdown-icon {
    stroke: #222;
    width: 10px !important;
    height: 10px !important;
    margin-left: 8px;
  }

.slides.firstSlide .panel.top .dropdown-icon {
	stroke: #fff;
}


.ui-accordion {
	padding: 1em;
}

.ui-widget-content {
	border: 0px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

input {outline:none;}

p.small, .p.small {
	font-size: 16px;
}

.qaBackground {
    background-color: #8a9318 !important;
}

 /* New Navigation Styles for Addition of Dropdown Menus */
 .menu.small>li {
  list-style-type: none;
  text-decoration: none;
  display: inline-block;

  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right:10px;
  padding-left: 10px;

}

ul.sub-menu {
  position: absolute;
  background-color: none;
  list-style-type: none;
  margin-top: 5px;
  margin-left: -10px;
  width: 105px;
  padding-left: 0px;

  opacity: 0;
}

ul.sub-menu li {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;

}

/* Get rid of code that references color

ul.menu.small>li:hover,
.mainMenu>ul>li:hover {
  background-color: none;

}

ul.menu.small {
  background-color: none;
  color: white;
}


ul.sub-menu li:hover {
  color: white;
  background-color: none;
}

ul.menu.small li:hover {
  color: white;
} */

ul.menu.small li:hover .sub-menu {
  z-index: 1;
  opacity: 1;
}

.sidebar .mainMenu .mobile-sub-menu li a  {
  font-size: 16px !important ;
}

 /*End of New Navigation Styles for Addition of Dropdown Menus */