/* header */
.header {
  background: #221e1f;
}

/* #header .logo {
  width: 111px;
  height: 116px;
  margin: 10px 0 0 0;
}
#header-name {
  width: 262px;
  height: 84px;
  margin: 26px 0 0 41px;
color: #FFF !important;
} */

#wrapper-index > header > div > div.header-left > a.header-name.png-bg.ir {
color: #FFF !important;
}
.header {
  --header-logo-width: 111px;
  --header-logo-height: 116px;
  --header-name-width: 262px;
  --header-name-height: 84px;
}

header.header .header-logo {
  margin: 0;
}

header.header .header-name {
  margin: 10px 0 0 35px;
}

@media (min-width: 1100px) {
  header.header .logo {
    margin: 0 0 -1px 0; /*_*/
  }

  header.header .header-name {
    margin: 1px 0 0 41px; /*_*/
  }
}

/* 00a3a6 
    221e1f
 */
@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;
    
    --en-mobile-nav-hover-btn-color: #131516;
    --en-mobile-nav-hover-btn-bg-color: #00a3a6;
  }
}

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

#enroll_link {
  background: url(/pics/sidelinks_hover_bg.png) repeat center !important;
  color: #fff !important;
}
#sidelinks a::before {
  background: #00a3a6;
}
#sidelinks a:hover,
#sidelinks a:focus {
  color: #131516;
  background: #00d9e2 !important;
}
#sidelinks a:hover::before,
#sidelinks a:hover:focus {
  background: #00a3a6;
}
#enroll_link:hover::before,
#enroll_link:focus::before {
  background: #00a3a6 !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: #000;
  background-color: #00a3a6;
}

#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;
}


#slideshow #ir10021-ir10021-slider {
    width: 100% !important;
    aspect-ratio: 1200/600;
    height: auto !important;
}
#marquee-new .toolTipWrapper .marqueeStaticView {
  background: #006e70 !important;
}
#marquee-new .toolTipWrapper .toolTipArrow {
  border-color: transparent transparent #006e70 transparent;
}
.header_social_inner ul li a::before {
  background: #00a3a6;
}

#enroll_btn a {
  background: #00a3a6;
}
#enroll_btn {
  margin: 25.5px 0 0 0;
}

#first-row {
  background-image: url(/pics/enroll_bg2.png);
  background-color: #e7eaea;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
}

@media (min-width: 768px) and (max-width: 1300px) {
  #first-row {
    background-size: cover;
  }
}

@media (max-width: 768px) {
  #first-row {
    background-size: contain;
    background-position-x: center;
    background-position-y: center;
  }
}

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

#second-row-inner {
  padding: 57px 0 50px;
}
#events #hp-events .v3 .dayInfoWrap {
  background: url(/pics/event_date_bg.png) no-repeat;
}
#events #hp-events .hpeventlinks div a:hover,
#events #hp-events .hpeventlinks div a:focus {
  color: #058a8d !important;
}
#events #hp-events .hpeventlinks div a:hover::before,
#events #hp-events .hpeventlinks div a:focus::before {
  background: #058a8d;
}
#events #hp-events .hpeventlinks div a:hover::after,
#events #hp-events .hpeventlinks div a:focus::after {
  border-top: 6px solid #058a8d;
}
.HPVideo p a::before {
  background: #00a3a6;
}
#events #hp-events .hpeventlinks div a::before {
  background: #00a3a6;
}
#events #hp-events ul li.event div a:hover,
#events #hp-events ul li.event div a :focus {
  color: #058a8d;
}

/* Stats*/
.third-row.design-version-3 .stat {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}

.third-row.design-version-3 .stat div {
  display: flex;
  align-items: end;
  justify-content: center;
  height: 40%;
  filter: opacity(0);
}
.third-row.design-version-3 .stat1 img {
  width: 101px;
  height: 65px;
}
.third-row.design-version-3 .stat1:before{
background: url(/pics/GV0A4026.jpeg) center no-repeat;
background-size: cover;
filter: brightness(.4)
}

.third-row.design-version-3 .stat2 img {
  width: 91px;
  height: 84px;
}
.third-row.design-version-3 .stat2:before{
background: url(/pics/NorthPark_Kid_learning.png) center no-repeat;
background-size: cover;
filter: brightness(.4)
}

.third-row.design-version-3 .stat3 img {
  width: 80px;
  height: 80px;
}
.third-row.design-version-3 .stat3:before{
background: url(/pics/IMG_1758.jpg) center no-repeat;
background-size: cover;
filter: brightness(.4)
}

.third-row.design-version-3 .stat4 img {
  width: 100px;
  height: 89px;
}
.third-row.design-version-3 .stat4:before{
background: url(/pics/IMG_1661.jpg) center no-repeat;
background-size: cover;
filter: brightness(.4)
}

.third-row.design-version-3 .stat5 img {
  width: 80px;
  height: 80px;
}
.third-row.design-version-3 .stat5:before{
background: url(/pics/IMG_1780.jpg) center no-repeat;
background-size: cover;
filter: brightness(.4)
}

.third-row.design-version-3 .stat6 img {
  width: 100px;
  height: 89px;
}
.third-row.design-version-3 .stat6:before{
background: url(/pics/IMG_1616.jpg) center no-repeat;
background-size: cover;
filter: brightness(.4)
}

.third-row.design-version-3 .stat7 img {
  width: 101px;
  height: 65px;
}
.third-row.design-version-3 .stat7:before{
background: url(/pics/IMG_1625.jpg) center no-repeat;
background-size: cover;
filter: brightness(.4)
}

.third-row.design-version-3 .stat8 img {
  width: 91px;
  height: 84px;
}
.third-row.design-version-3 .stat8:before{
background: url(/pics/IMG_E2699.jpg) center no-repeat;
background-size: cover;
filter: brightness(.4)
}

.en-tiles-container {
  max-width: 1100px;
  justify-content: center;
  gap: 2rem;
}
.en-tiles-container div.en-tile-group{
  gap: 2rem;
}
.en-tiles-container .en-tile:before {
  background: none;
}
.third-row.design-version-3 .en-tiles-container .en-tile p{
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}
/**/
.third-row.design-version-3 {
  background: url("/_MASTER/common_pics/glance_bg.jpg") repeat rgb(0, 0, 0);
}

/* footer */
/* #logo {
  width: 212px;
  height: 220px;
  margin: 1px 0 0 0;
} */

footer {
  --footer-logo-width: 212px;
  --footer-logo-height: 220px;
  --footer-name-width: 262px;
  --footer-name-height: 84px;
}

#footer .logo {
  aspect-ratio: 212/220;
}

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

#footer_center {
  margin: 11px 0 0 1.5px;
}
#address-right {
  margin: 0 0 0 59.5px !important;
}
#footer_top .inside {
  padding: 28px 0 31px;
}
#district_logo {
  color: #000;
}
.district-logo-wrapper {
    background: url("/pics/finish-school.png") center/cover;
    grid-row: 1/6 !important;
    grid-column: 8/15 !important;
    position: relative;
	aspect-ratio: 1;
	max-width: 512px;
}
#footer .design-version-1 .district_logo {
    background: url(/_MASTER/common_pics/district1.png) center center no-repeat;
    background-size: 65%;
    bottom: 0;
    position: absolute;
    background-color: #ffffffcf;
}
.footer_top.design-version-1 .inside {
    grid-row-gap: 20px;
    grid-template-columns: 2fr 4fr 3fr;
    grid-template-columns: repeat(14, 1fr);
    grid-template-areas: "logo-wrapper name-wrapper cognia-wrapper"
      "logo-wrapper address-wrapper district-logo-wrapper";
    max-width: 1100px;
}
.footer_top.design-version-1 .inside .cognia-wrapper {
    display: flex;
    justify-content: end;
    grid-row: 2;
    grid-column: 5;
}
@media only screen and (max-width: 700px){
	#footer .inside {
		display: flex;
		flex-direction: column;
	}
}
/* insidepage */
#wrapper .content .inside a:hover,
#wrapper .content .inside a:focus {
  color: #006e70;
}
.dark {
  background-color: #006e70 !important;
}
#pageNav ul li b::before,
#pageNav ul li a:hover::before,
#pageNav ul li strong::before,
#pageNav ul li a:focus::before {
  background: #00a3a6;
}
.en-pageNav-combo-innertext{
 background: #e7eaea !important;
 font-weight: 500;
 font-family: "Inter", sans-serif;
 color: #221e20 !important;
}
.en-pageNav-combo-icon{
 background: #e7eaea;
}
.en-pageNav-combo-icon::after{
	border-top: 8px solid #221e20;
}

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

#events #hp-events .v3 span.day{
font-size: 28px;
}

#rows-wrapper > div.third-row.design-version-3.rows > div > h2 {
 font-family: "Inter", sans-serif;
}



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

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

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

.embed-social-media-inner .columns {
    position: relative;
    /* float: left; */
    max-width: 350px;
    max-width: 870px;
    width: 100%;
    display: block;
    height: 350px;
    /* margin: 0 25px 0 0; */
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    /* left: 50%; */
}