/* USC National font support for italics and bold */
/* Fonts are already loaded via Avada options, this allows italic / bold / bold italic mapping */
@font-face {
    font-family: "National";
    src: url("/wp-content/uploads/2021/05/NationalWeb-Regular.woff") format("woff"),
    url("/wp-content/uploads/2021/05/NationalWeb-Regular.ttf") format("truetype"),
        url("/wp-content/uploads/2021/05/NationalWeb-Regular.svg") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "National";
    src: url("/wp-content/uploads/2021/09/NationalWeb-Italic.woff") format("woff"),
    url("/wp-content/uploads/2021/09/NationalWeb-Italic.ttf") format("truetype"),
        url("/wp-content/uploads/2021/09/NationalWeb-Italic.svg") format("svg");
    font-weight: 400;
    font-style: italic;
    font-display: block;
}
@font-face {
    font-family: "National";
    src: url("/wp-content/uploads/2021/09/NationalWeb-Semibold.woff") format("woff"),
    url("/wp-content/uploads/2021/09/NationalWeb-Semibold.ttf") format("truetype"),
        url("/wp-content/uploads/2021/09/NationalWeb-Semibold.svg") format("svg");
    font-weight: 800;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "National";
    src: url("/wp-content/uploads/2021/09/NationalWeb-Semibold-Italic.woff") format("woff"),
        url("/wp-content/uploads/2021/09/NationalWeb-Semibold-Italic.ttf") format("truetype"),
        url("/wp-content/uploads/2021/09/NationalWeb-Semibold-Italic.svg") format("svg");
    font-weight: 800;
    font-style: italic;
    font-display: block;
}


.dark {
  color: #fff;
}

.fusion-events-meta h2 {
  font-size: 1.5em!important;
  line-height: 1em;
}

.fusion-events-shortcode .fusion-layout-column .fusion-column-wrapper,
.fusion-events-shortcode .fusion-events-thumbnail {
  border: none;
}


.fusion-body .fusion-menu-element-wrapper[data-count="1"].collapse-enabled .fusion-menu-element-list li a,
.fusion-body .fusion-menu-element-wrapper[data-count="1"].collapse-enabled .fusion-menu-element-list li .fusion-open-nav-submenu:before
{
  font-size: 1em;
}

.view-all {
  font-weight: 700;
  letter-spacing: .1em
}

.homepage-hero-title h2 {
  font-size: 9vw!important
}

.homepage-subtext {
  font-size: 32px
}

@media (min-width: 1024px) {
  .homepage-hero-title h2 {
    font-size: 8vw!important
  }

  .homepage-subtext {
    font-size: 5vw
  }
}

@media (min-width: 1200px) {
  .homepage-hero-title h2 {
    font-size: 114px!important
  }

  .homepage-subtext {
    font-size: 56px
  }

}

.home-link-block {
  background: #000;
  height: calc(62vw + 270px);
  padding-bottom: 20%;
}


.home-link-block.blue,
.home-link-block.blue .home-link-block-text {
    background: #253c65;
}

.home-link-block.green,
.home-link-block.green .home-link-block-text {
    background: #1d4f4e;
}

.home-link-block.gray,
.home-link-block.gray .home-link-block-text {
	    background: #6a6a6a;
}




.small-h2 h2,
.home-link-block h2 {
    color: #fff;
  margin-bottom: 20px;
  font-size: 32px!important;
  font-weight: 400;
}

@media (min-width: 786px) & (max-width: 1024px) {
  .small-h2.mobile-scale h2 {
    font-size: 3.6vw!important
  }
}

.home-link-block:hover h2,
.home-link-block:focus h2,
.home-link-block:focus-within h2{
    text-decoration: underline;
  	  text-decoration-thickness: 2px;
}

.home-link-block .fusion-column-inner-bg-image {
    background-size: contain!important;
    background-position: bottom center!important;
  	transition: opacity .25s ease;
}

.home-link-block:hover .fusion-column-inner-bg-image,
.home-link-block:focus .fusion-column-inner-bg-image,
.home-link-block:focus-within .fusion-column-inner-bg-image{
    opacity: .3
}

.home-link-block-text {
  padding: 20px;
}

@media (min-width: 801px) {

  .home-link-block {
      height: calc(24vw + 300px )
  }

  .home-link-block-text {

      padding: 20px;
      height: 260px;
      margin: 0 0 0!important;

      transition: all .25s ease;
  }

  .home-link-block:hover .home-link-block-text,
  .home-link-block:focus .home-link-block-text,
  .home-link-block:focus-within .home-link-block-text {
      padding-top: 60px;
       height: 300px;
  }

}


@media (min-width: 830px) {

  .home-link-block {
      height: calc(22vw + 300px )
  }
}

@media (min-width: 1024px) {

  .home-link-block {
      height: calc(20vw + 300px )
  }

  .small-h2 h2,
  .home-link-block h2 {
    font-size: 42px!important;
  }

}


.home-link-block-text {

    padding: 30px 40px;
    height: 260px;
}

.home-link-block:hover .home-link-block-text,
.home-link-block:focus .home-link-block-text,
.home-link-block:focus-within .home-link-block-text{
    padding-top: 60px;
     height: 300px;
}


}



@media(max-width: 640px) {
  .section-hero {
    display: block!important;
    min-height: 294px;
  }

  .section-hero > div {
    display: block!important;
  }
}

@media (max-width: 640px) {
  .section-topics > div {
  	border: none;
  }
}

p a {
text-decoration: underline;
}

p a:focus, p a:hover {
text-decoration-thickness: 2px!important;
}

.striped {
background-size: 8px 8px;
}

.max-width-half {
    max-width: 578px;
}

.fusion-button-text {
		    text-transform: uppercase;
}
/* buttons within a text block */
.fusion-text .fusion-button-wrapper {
    margin-bottom: 18px;
    display: inline-block;
}

/* footer */
section.fusion-tb-footer.fusion-footer a,
section.fusion-tb-footer.fusion-footer a:hover {
    color: #ffcc00;
}




section.fusion-tb-footer.fusion-footer .current-menu-item>a,
section.fusion-tb-footer.fusion-footer .current_page_item>a {
  color: #ffffff!important;
}




.fusion-widget-area .widget_nav_menu li a:before {
content: none;
}

.fusion-widget-area .widget_nav_menu li {
padding: 6px 0;
}

.fusion-widget-area .widget_nav_menu li ul li {
padding-left: 24px;
}



/* the events calendar style overrides */

.fusion-body .fusion-wrapper #main .tribe-events .datepicker .day,
.fusion-body .fusion-wrapper #main .tribe-events .datepicker .month,
.fusion-body .fusion-wrapper #main .tribe-events .datepicker .year {
  color: #fff!important;
}

.fusion-body #main .tribe-events .datepicker .day:not(.active).focused,
.fusion-body #main .tribe-events .datepicker .day:not(.active):focus,
.fusion-body #main .tribe-events .datepicker .day:not(.active):hover {
  color: #000!important
}

.fusion-column-wrapper .fusion-events-post .fusion-events-thumbnail img {
    margin-bottom: 12px;
}


/* v8 custom css */

.section-topics ul {
  margin: 0 0;
padding: 0;
  list-style-type: none;

}

.section-topics li {
border-top: 1px solid #888;
  margin: 0;
}

.section-topics li:first-child {
border-top: none;
}

.section-topics li a {
  display: block;
  padding: 12px 16px;
  background: #666;
  color: #fff
}

.section-topics li a:hover {
		  text-decoration: none;
  background: #000;
  color: #ffcc00;
}

.section-topics li a:active {
	  text-decoration: none;
}



/* USC Race Footer*/

  .newsletter-form {
      display: flex;

  }

  .newsletter-form .submit {
      margin-left: 8px;
      margin-top: 24px;
  }

  .newsletter-form .submit input {
    margin: 0;
  }


  .newsletter-form .field label {
      white-space: nowrap;
      display: block;
      height: 24px
  }

/* USC Race Header */

  .usc-header {z-index: 99;}

  #usc-menu-container > div {align-items: center;}

  #usc-menu {
      line-height: 1.1em;
      width: auto;
      margin: 0 20px;
  }

  #usc-menu > ul {flex-flow: nowrap;}

  #usc-menu.collapse-enabled > ul {overflow: inherit;}

  #usc-menu .menu-text {text-align: left;}

  /* fix bug with search button animation */
  .usc-header .menu-element-search-transition {
      overflow: inherit!important;
  }

  /* mobile menu search margin */
  .fusion-menu-element-list form.searchform.fusion-search-form.fusion-search-form-classic {
      margin: 8px 0;
  }

  /* mobile menu remove max-height
  .fusion-menu-element-wrapper.collapse-enabled.mobile-size-column-absolute:not(.mobile-mode-always-expanded).expanded>ul,
  .fusion-menu-element-wrapper.collapse-enabled.mobile-size-full-absolute:not(.mobile-mode-always-expanded).expanded>ul {
      max-height: none;
  }
  */

  .usc-header .usc-site-logo {
    min-width: 84px!important;
  }

  @media (max-width: 900px) {
    .usc-header .usc-site-logo {
      max-width: 162px!important;
    }
  }





/* Hero Buttons on Homepage and Researchers page */

  .hero-button {
      position: relative;
      color: #ffffff;
  	width: 100%;
      height: 200px;
      box-sizing: border-box;
      border-left: 1px solid #fff;

  }

  .hero-button:last-child {
  	border-right: 1px solid #fff;
  }

  .hero-button a {
    display: block;
    height: 100%	;
    width: 100%;
    max-width: 140px;
    padding: 24px;
    color: #ffffff!important;
  }

  .hero-button a:hover {
    	  color: #fece09;
  	 }

  .hero-button::before {
      content: " ";
    		  z-index: -1;
    	  position: absolute;
   	   width: 100%;
      height: 100%;
      background: #980000;
      background: linear-gradient(0deg, rgba(130,0,0,1) 0%, rgba(152,0,0,1) 100%);
  }

  .hero-button:hover::before,
  .hero-button:focus-within::before {
      background: #760000;
  	    background: linear-gradient(0deg, rgba(55,0,0,1) 0%, rgba(118,0,0,1) 100%);
  	 }

  .hero-button .fusion-column-wrapper {
      height: 100%!important;
        background-size: unset!important;
  }

  @media (min-width: 801px) and (max-width: 1080px) {
      .hero-button {
          height: 160px;
      }
      .hero-button:first-child {
  	        border-left: none;
      }
      .hero-button:last-child {
  	        border-right: none;
      }
  }


  @media (max-width: 800px) {

    .hero-button {
         height: 100px;
    }

    .hero-button a {
         padding: 12px 16px;
    }

    .hero-button:last-child {
        border-right: none;
    }

    .hero-button:nth-child(odd) {
         border-left: none;
    }

    .hero-button-container > .fusion-builder-row > .hero-button.fusion-layout-column {
         width: 50%!important;
     }

    .hero-button-container > .fusion-builder-row > .hero-button.fusion-layout-column:last-child:not(:nth-child(even)) {
         width: 100%!important;
         border: none!important;
    }

    .hero-button .fusion-column-wrapper {
        background-size: 100px auto!important;
      }
  }


/* Page with Hero Image */

  #page-hero-title h1 {
      background-color: rgba(0,0,0,0.4);
      padding: 4px 12px;
  }


/* Recent Posts block */

.fusion-recent-posts {
    margin-bottom: 24px;
}


/* Posts */

  /* Limit hero image height */
  #post-header img {
      max-height: 600px;
      width: auto;
  }


/* Footer */

  /* Social icons */
  .fusion-footer .social-icon {
      margin-right: 5%;
  }

  .fusion-footer .social-icon i {
      display: inline-block;
      font-size: 32px;
  }





/* Homepage */

  /* Homepage Slider */

  /* slider prev / next arrows */
  .main-flex .flex-next,
  .main-flex .flex-prev,
  .wooslider .wooslider-next,
  .wooslider .wooslider-prev {
      color: #ffcc00;
      font-weight: 800;
      background: rgba(0,0,0,.66);
  }

  .main-flex .flex-control-paging li a {
    box-shadow: 0 0 8px #000, 0 0 2px #000!important;
  }

  .main-flex .flex-control-paging li a.flex-active {
    /*background: #fff!important;*/
  }

  /* slider background */
  #sliders-container {background: #000;}

  /* reduce hero slider to show buttons */
  .tfs-slider.flexslider.main-flex,
  .tfs-slider.flexslider.main-flex .background.background-image {
      max-height: 76vh;
  }

  .tfs-slider .slide-content-container .with-bg .fusion-title-sc-wrapper {
    max-width: 860px;
  }

  .fusion-slider-container {
      height: auto !important;
  }

  @media (max-width: 800px) {

    .tfs-slider.flexslider.main-flex,
    .tfs-slider.flexslider.main-flex .background.background-image {
      max-height: auto;
    }

  }

  @media (max-width: 420px) {
    .fusion-recent-posts.layout-thumbnails-on-side .columns .column .floated-slideshow {
      float: none;
    }
  }


/* Printer styling fixes */

@media print {

  /* define a width for the printed document */
  body {
    width: 1140px;
  }

  /* hide these from printed page: */
  /* header menus, full footer */
  #menu-desktop-main-menu,
  #menu-desktop-secondary-menu,
  .fusion-tb-header .fusion-menu-element-wrapper,
  .fusion-tb-footer {
    display: none;
  }

  /* expand accordions*/
  .panel-collapse.collapse {
    display: block!important;
    height: auto!important;
  }

  /* remove any text shadow */
  h1, h2, h3, h4 {
  	text-shadow: none;
  }

}