/* header */
.header {
  background: #000; /*_*/
}

#header .logo {
  width: 302px;
  height: 115px;
  margin: 0px 0 0 0;
}

#header-name {
  width: 262px;
  height: 85px;
  margin: 25px 0 0 40px;
  background-color:#000 !important;
  color:#FFF !important;
}

.header-name {
  background-color:#000 !important;
  color:#FFF !important;
}

.header {
  --header-logo-width: 302px;
  --header-logo-height: 115px;
  --header-name-width: 262px;
  --header-name-height: 85px;
}

@media (max-width: 576px) {
  .header-name {
    margin: 15px 0 0 15px;
  }
  .header .inside .header-left {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 576px) and (max-width: 1100px) {
  .header-name {
    margin: 26px 0 0 25px;
  }
  .header .inside .header-left {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
  }
}

@media (min-width: 1100px) {
  .header-name {
    margin: 20px 0 0 5px; /*_*/
  }
  .header .inside .header-left {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }
}

.header_social_inner ul li a::before {
  background: #ff0000 !important;
}

#marquee-new .toolTipWrapper .marqueeStaticView {
  background: #cd0606 !important;
}

#marquee-new .toolTipWrapper .toolTipArrow {
  border-color: transparent transparent #cd0606 transparent;
}

#marquee-new .marqueeStaticView .marqueeButtons button[aria-pressed="true"],
#marquee-new .marqueeStaticView .marqueeButtons button:hover,
#marquee-new .marqueeStaticView .marqueeButtons button:focus {
  background: #000;
  color: #fff !important;
}

.school_home::before {
  background: #000;
}

#popup-close {
/*background: #dc0303;*/
background: #FF0000;
}

/* navigation */
@media (min-width: 380px) and (max-width: 576px) {
  .en-nav-menu-hamburger-button {
    top: 14px !important;
  }
}

@media (max-width: 768px) {
  nav.en-nav-menu-wrapper {
    --en-mobile-nav-background: #221e1f;
    --en-mobile-nav-font-color: #fff;
    --en-mobile-nav-width: 80%;
    --en-mobile-nav-border-bottom: 1px solid #fff;
    --en-mobile-nav-border-top: 1px solid #fff;
    --en-mobile-nav-icon-color: #fff;
  }

  header {
    --en-mobile-nav-hamburger-btn-color: #fff;
    --en-mobile-nav-hamburger-btn-bg-color: #221e1f;
  }
}

/* sidelinks */
#sidelinks a:hover,
#sidelinks a:focus {
  color: #000 !important;
  background: #ff0000 !important;
}

#enroll_link:hover,
#enroll_link:focus {
  color: #000 !important;
}

#enroll_link {
  background: url(/pics/sidelinks_hover_bg.png) repeat center !important;
  color: #fff !important;
}

#sidelinks a::before {
  background: #ff0000;
}

#sidelinks a:hover::before,
#sidelinks a:hover:focus {
  background: #e7eaea;
}

#enroll_link:hover::before,
#enroll_link:focus::before {
  background: #e7eaea !important;
}

#enroll_link::before {
  background: #e7eaea !important;
}

.video .en-widescreen-video .en-video-controls {
    position: absolute;
    z-index: 990;
    bottom: 350px;
    right: 20px; display: flex;
}

.video .en-widescreen-video .en-video-controls .play-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 12px 10px;
    font-size: 23px;
    line-height: 1;
    border-radius: 0.25rem;
    transition: color 0.15s 
ease-in-out, background-color 0.15s 
ease-in-out, border-color 0.15s 
ease-in-out, box-shadow 0.15s 
ease-in-out;
    cursor: pointer;
    margin-left: 6px;
    border: 0;
    font-size: 2.3rem;
}

.fa-pause-circle:before {
    content: "\f28b";
    font-weight: 900;
-webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    font-family: "Font Awesome 6 Pro";
    text-rendering: auto;
}


#video-controls .video-control-button, .en-video-controls .play-btn, .en-video-controls .play-btn-1 {
  color: #fff;
  background-color: #cd0606;
}

#video-controls .video-control-button:hover,
#video-controls .video-control-button:active,
#video-controls .video-control-button:focus, 
.en-video-controls .play-btn:hover,
.en-video-controls .play-btn:active,
.en-video-controls .play-btn:focus,
.en-video-controls .play-btn-1:hover,
.en-video-controls .play-btn-1:active,
.en-video-controls .play-btn-1:focus {
  background-color: #000;
  color: #fff !important;
}

/* first row */

#first-row.right-bg {
  background-position-x: right;
  background-position-y: center;
}

@media (min-width: 1300px) {
  #first-row.right-bg {
    background-position-x: right 30%;
  }
}

@media (min-width: 768px) and (max-width: 1300px) {
  #first-row.right-bg {
    background-position-x: right 20%;
    background-size: contain;
  }
}

@media (max-width: 768px) {
  #first-row.right-bg {
    background-position-x: right 10%;
    background-size: contain;
  }
}

#first-row-inner {
  padding: 78.5px 0 71px;
}

#first-row-inner p {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 27px;
  line-height: 2.7rem;
  left: -2.5px;
}

#enroll_btn a {
  background: #f00;
  color: #000;
}

#enroll_btn a:hover {
  color:#fff !important;
}

#enroll_btn {
  margin: 24.5px 0 0 0;
}

/* second row */
#events #hp-events .v3 .dayInfoWrap {
/*background: #ff0000;*/
background: url(/pics/asteroid_event_07.png) center !important;
}

#events #hp-events .v3 span.month,
#events #hp-events .v3 span.day {
  color: #000;
}

#events #hp-events .hpeventlinks div a::before {
  background: #ff0000;
}

#events #hp-events .hpeventlinks div a::after {
  border-top: 6px solid #e20505;
}

#events #hp-events .hpeventlinks div a:hover,
#events #hp-events .hpeventlinks div a:focus {
  color: #e20505 !important;
}

.HPVideo p a::before {
  background: #ff0000;
}

#events #hp-events ul li.event div a:hover,
#events #hp-events ul li.event div a :focus {
  color: #e20505;
}

#events #hp-events .hpeventlinks div a:hover:before,
#events #hp-events .hpeventlinks div a:focus:before {
  background: #e20505;
}

/* third row */
#third-row {
  background: #000000;
}

#glance_stats ul li .stat_details .stats_text {
  line-height: 22px;
  line-height: 2.2rem;
}

#glance_stats ul li .stat_details {
  padding: 20px 20px 30px 20px;
}

#stat1 {
  background: url("/pics/glance_bg1.jpg") no-repeat center;
}

#stat2 {
  background: url("/pics/glance_bg2.jpg") no-repeat center;
}

#stat3 {
  background: url("/pics/glance_bg3.jpg") no-repeat center;
}

#stat4 {
  background: url("/pics/glance_bg4.jpg") no-repeat center;
}

/* footer */
#logo {
  width: 369px;
  height: 140px;
  margin: 4px 32px 0 -21px;
}

#footer #name {
  width: 262px;
  height: 84px;
}

#address-right {
  margin: -0.2px 0 0 40px !important;
}

#address-sec {
  margin: 33px 0 0 -1.5px;
}

#footer_top .inside {
  padding: 56px 0 59px;
}

#fortifyfl {
  color: #fff !important;
}

/* insidepage */
#wrapper .content .inside a:hover,
#wrapper .content .inside a:focus {
  color: #cd0606;
}

.dark {
  background-color: #cd0606 !important;
}

#pageNav {
  background: #bec0c2;
}

#pageNav ul li b,
#pageNav ul li a:hover,
#pageNav ul li strong,
#pageNav ul li a:focus {
  color: #fff !important;
  background: #000;
}

#pageNav ul li b::before,
#pageNav ul li a:hover::before,
#pageNav ul li strong::before,
#pageNav ul li a:focus::before {
  background: #ff0000;
}

.en-pageNav-combo-innertext{
 background: #bec0c2 !important;
 font-weight: 500;
 font-family: "Inter", sans-serif;
 color: #221e20 !important;
}
.en-pageNav-combo-icon{
 background: #bec0c2;
}
.en-pageNav-combo-icon::after{
	border-top: 8px solid #221e20;
}

.schools-list .dropdown-menu {
  background: #ff0a0a;
}

.schools-list .dropdown-menu li a {
  color: #000;
}

.schools-list .dropdown-menu li a:hover,
.schools-list .dropdown-menu li a:focus {
  background: #000;
  color: #fff;
}

footer {
  --footer-logo-width: 369px;
  --footer-logo-height: 140px;
  --footer-name-width: 262px;
  --footer-name-height: 84px;
}

#footer .logo {
  aspect-ratio: 369/140;
}

#footer .name {
  aspect-ratio: 262/84;
}


@media (min-width: 400px) and (max-width: 500px) {
  .footer_top/*.design-version-2*/
    .logo {
    width: calc(var(--footer-logo-width) * 0.7);
  }
  .footer_top .name {
    width: calc(var(--footer-name-width) * 0.6);
  }
}

@media (max-width: 400px) {
  .footer_top .logo {
    width: calc(var(--footer-logo-width) * 0.6);
  }
}

@media (min-width: 1100px) {
  .footer_top.design-version-1 .inside {
    grid-column-gap: 20px;
  }
}


header {
 
  --en-mobile-nav-hover-btn-color: #fff;
  --en-mobile-nav-hover-btn-bg-color: #cd0606;
  

}


#events > div:nth-child(3) > div > h2 {display:none;}



#news .layout-3 .news-thumb {background: #000;}

#news-lnk a::before { background: rgb(255, 0, 0); }
#news-lnk a:hover, #news-lnk a:focus{ color: rgb(255, 0, 0); }

#news-lnk a::after { border-top: 6px solid rgb(255, 0, 0); }
#news-lnk a:hover, #news-lnk a:focus { color: rgb(255, 0, 0) !important; }