.title-listing-grid { padding: 100px 0 70px; position: relative; overflow: hidden; }
.title-listing-grid.has-bg-color { background-color: #f7f7f7;}
.title-listing-grid .title-background { position: absolute; height: 100%; left: 0; top: 0; z-index: -1; }
.red-bg { background-color: #b5111b; }
.light-blue-bg { background-color: #0c8294; }
.title-listing-grid .title-listing-grid-wrapper { display: flex; }
.title-listing-grid .title-listing-grid-wrapper .title-grid h2 { padding-right: 13px; }
.title-listing-grid .title-grid { flex: 0 0 31.5%; max-width: 31.5%; align-self: center; }
.title-listing-grid .listing-grid { flex: 0 0 68.5%; max-width: 68.5%; padding-left: 30px; }
.single-curriculum .title-listing-grid .title-listing-grid-wrapper .title-grid h2, .single-programs .title-listing-grid .title-listing-grid-wrapper .title-grid h2 {
padding-right: 30px;
}
@media (max-width:1440px) {
.title-listing-grid { padding: 80px 0; }
}
@media (max-width:1199px) {
.title-listing-grid { padding: 60px 0; }
}
@media (max-width:1023px) {
.title-listing-grid .title-grid { flex: 0 0 35%; max-width: 35%; }
.title-listing-grid .listing-grid { flex: 0 0 65%; max-width: 65%; }
}
@media (max-width:991px) {
.title-listing-grid .title-background { display: none; }
.title-listing-grid .title-listing-grid-wrapper { flex-wrap: wrap; }
.title-listing-grid .title-grid { flex: 0 0 100%; max-width: 100%; }
.title-listing-grid .listing-grid { flex: 0 0 100%; max-width: 100%; padding: 0; }
.title-listing-grid .title-grid { text-align: center; margin-bottom: 30px; }
.title-listing-grid .title-listing-grid-wrapper .title-grid h2 { padding-right: 0; }
.title-listing-grid .title-grid .title-block.white-text { color: #313131; }
.title-listing-grid .title-grid .title-block.white-text span { color: #b5111b; }
.title-listing-grid .title-grid .btn { background-color: #b5111b; color: #fff; }
.single-curriculum .title-listing-grid .title-listing-grid-wrapper .title-grid h2, .single-programs .title-listing-grid .title-listing-grid-wrapper .title-grid h2 {
padding-right: 0;
}
}
@media (max-width:767px) {
.title-listing-grid { padding: 40px 0; }
}
.stem-education-wrapper { display: flex; margin: 0 -15px; }
.stem-education-wrapper .stem-eduction-inner { flex: 0 0 50%; max-width: 50%; padding: 0 15px; }
.stem-education-wrapper .stem-eduction-detail { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; padding: 32px 30px 25px; border-radius: 10px; text-align: center; height: 100%; }
.stem-education-wrapper .stem-eduction-detail h3 { margin: 40px 0 15px; }
.stem-education-wrapper .stem-eduction-detail p { font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 0; }
.stem-education-wrapper .stem-eduction-detail .stem-logo { display: block; max-width: 165px; height: auto; margin: 0 auto; }
.stem-education-wrapper .stem-eduction-detail .cognia-logo { display: block; max-width: 89px; height: auto; margin: 0 auto; }
.title-listing-grid.vancouver-title-listing .btn.purple-text{color: #0c8294;}
@media(max-width:1199px) {
.stem-education-wrapper .stem-eduction-detail { padding: 15px; }
}
@media(max-width:767px) {
.stem-education-wrapper .stem-eduction-detail h3 { margin: 15px 0 10px; }
}
@media(max-width:575px) {
.stem-education-wrapper { margin: 0 0 -25px; flex-wrap: wrap; }
.stem-education-wrapper .stem-eduction-inner { flex: 0 0 100%; max-width: 100%; padding: 0 0 25px; }
.stem-education-wrapper .stem-eduction-detail .stem-logo{
height: auto !important;
}
}
.blog-grid .blog-image{border-radius:10px 10px 0 0;position:relative;padding-bottom:77.3%;overflow:hidden;}
.blog-grid .blog-image img{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;border-radius:10px 10px 0 0;transform:scale(1);transition:all 0.5s;}
.no-touchevents .blog-grid .blog-link:hover .blog-image img{transform:scale(1.05);}
.blog-grid .blog-content{position:relative;}
.blog-grid .date-badge{position:absolute;width:68px;height:68px;background-color:#f7e408;left:30px;top:-34px;color:#313131;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:5px;line-height:1.2;font-family:'diavlo-medium';}
.blog-grid .date-badge em{font-style:normal;font-size:22px;line-height:1.5;}
.blog-grid .blog-content-inner{padding:58px 0 0 30px;}
.blog-grid .blog-content-inner h3{color:#313131;font-size:18px;line-height:1.56;margin-bottom:0;}
.blog-grid .blog-content-inner p{font-size:16px;font-family:'Open Sans',sans-serif;margin:8px 0 0;font-weight:400;}
.no-touchevents .blog-grid .blog-link:hover .blog-content-inner p span.btn.red-btn{background-color: #970d16;}
.blog-listing-grid-wrapper{display:flex;margin:0 -15px -30px;flex-wrap:wrap;}
.blog-grid .blog-link{ -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display: block; }
.blog-listing-grid-wrapper .blog-listing-grid-inner{flex:0 0 50%;max-width:50%;padding:0 15px 30px;}
@media (max-width:1280px){
.blog-grid .blog-content-inner{padding:45px 0 0 15px;}
.blog-grid .date-badge{left:15px;}
}
@media (max-width:767px){
.blog-grid .blog-image{padding-bottom:56.25%;}
}
@media (max-width:575px){
.blog-listing-grid-wrapper{margin:0 0 -25px;}
.blog-listing-grid-wrapper .blog-listing-grid-inner{flex:0 0 100%;max-width:100%;padding:0 0 25px;}
}
.curriculum-section { position: relative; padding: 0 0 32px; overflow: hidden;}
.curriculum-section .image-wrapper { position: absolute; z-index: -2; width: 100%; }
.curriculum-section .image-wrapper img { height: 100%; width: 100%; object-fit: cover; }
.curriculum-section .curriculum-top-block { text-align: center; padding: 98px 0 370px; }
.curriculum-section .curriculum-top-block .btn { color: #6d4199; }
.curriculum-section .curriculum-top-block .btn:before{content:'';position:absolute;background-color:rgba(109,65,153,0.1);left:0;top:0;right:0;bottom:0;opacity: 0;visibility: hidden;border-radius: 26px;z-index:0;}
.no-touchevents .curriculum-section .curriculum-top-block .btn:hover:before{opacity: 1;visibility: visible;}
.curriculum-section .curriculum-top-block h2 { max-width: 1020px; margin: 0 auto 24px; }
.curriculum-section .curriculum-bottom-block { position: relative; }
.curriculum-section .curriculum-bottom-block h2{margin-bottom: 30px;}
.curriculum-section .curriculum-bottom-block:before { position: absolute; content: ''; left: 0; right: 0; background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/mountain-with-flag-image.png); background-repeat: no-repeat; background-position: center; background-size: cover; height: 420px; top: -269px; z-index: -1; }
.curriculum-section .curriculum-bottom-block:after { position: absolute; content: ''; left: 0; top: 0; bottom: 0; width: 100%; background-color: #fff; z-index: -2; }
.curriculum-section .curriculum-bottom-block .curriculum-bottom-inner { position: relative; top: -64px; }
.curriculum-section .curriculum-bottom-block .curriculum-bottom-inner .curriculum-listing { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -15px -60px; text-align: center; }
.curriculum-section .curriculum-bottom-block .curriculum-bottom-inner .curriculum-listing .curriculum-listing-inner { max-width: 33.33%; flex: 0 0 33.33%; padding: 0 15px; margin-bottom: 60px; }
.curriculum-section .curriculum-bottom-block .curriculum-bottom-inner .curriculum-listing .curriculum-listing-inner span { margin-bottom: 18px; display: block; }
.curriculum-section .curriculum-bottom-block .curriculum-bottom-inner .curriculum-listing .curriculum-listing-inner .description { margin: 10px 0 15px; }
.curriculum-section .curriculum-bottom-block .curriculum-bottom-inner .curriculum-listing .curriculum-listing-inner h3, .curriculum-section .curriculum-bottom-block .curriculum-bottom-inner .curriculum-listing .curriculum-listing-inner p { margin-bottom: 0 }
.curriculum-section.home-page-curriculum-section .title-block.center-align{max-width: 650px;margin: 0 auto;}
.curriculum-section.home-page-curriculum-section .title-block span{margin-bottom: 20px;}
.curriculum-section.home-page-curriculum-section .curriculum-top-block h2{margin-bottom:10px;} @media (min-width:1921px) {
.curriculum-section .curriculum-bottom-block:before { height: 560px; top: -347px; }
}
@media(max-width:1800px) {
.curriculum-section .curriculum-bottom-block:before { top: -300px; }
}
@media(max-width:1680px) {
.curriculum-section .curriculum-bottom-block:before { top: -270px; }
.curriculum-section .curriculum-top-block { padding: 98px 0 300px; }
}
@media(max-width:1440px) {
.curriculum-section { padding: 0 0 80px; }
.curriculum-section .curriculum-top-block { padding: 80px 0 300px; }
}
@media(max-width:1366px) {
.curriculum-section .image-wrapper img { height: 540px; }
.curriculum-section .curriculum-bottom-block:before { top: -200px; }
.curriculum-section .curriculum-top-block { padding: 80px 0 260px; }
.curriculum-section .curriculum-bottom-block .curriculum-bottom-inner { top: 0; }
}
@media(max-width:1199px) {
.curriculum-section { padding: 0 0 60px; }
.curriculum-section .curriculum-top-block { padding: 60px 0 260px; }
}
@media(max-width:991px) {
.curriculum-section .curriculum-bottom-block .curriculum-bottom-inner .curriculum-listing .curriculum-listing-inner { max-width: 50%; flex: 0 0 50%; }
.curriculum-section .curriculum-bottom-block:before { background-position: 45%; }
}
@media(max-width:767px) {
.curriculum-section { padding: 0 0 40px; }
.curriculum-section .curriculum-bottom-block:before { top: -140px; }
.curriculum-section .curriculum-top-block { padding: 40px 0 200px; }
.curriculum-section .curriculum-bottom-block .curriculum-bottom-inner { margin-top: 20px; }
}
@media(max-width:574px) {
.curriculum-section .curriculum-bottom-block .curriculum-bottom-inner .curriculum-listing .curriculum-listing-inner { max-width: 100%; flex: 0 0 100%; margin-bottom: 30px; }
.curriculum-section .curriculum-top-block { padding: 40px 0 160px; }
.curriculum-section .image-wrapper img { height: 640px; }
.curriculum-section .curriculum-bottom-block .curriculum-bottom-inner .curriculum-listing { margin: 0 -15px -30px; }
} .curriculum-section .btn{
height: auto;
line-height: 1.2;
padding: 15.2px 30px;
border-radius: 90px;
}
.testimonial-section { padding: 50px 0; overflow: hidden;}
.testimonial-section.testimonial-redesign-section {position: relative;}
.testimonial-section.testimonial-redesign-section .testimonial-bg {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}
.testimonial-section.testimonial-redesign-section .testimonial-grid p {color: #fff;}
.testimonial-section.testimonial-redesign-section .testimonial-grid .testimonial-grid-content:before {opacity: 0.1;}
.testimonial-section.testimonial-redesign-section .testimonial-grid span.h4 {color: #fff;}
.testimonial-section.testimonial-redesign-section .testimonial-grid .text-link {color: #fff;}
.no-touchevents .testimonial-section.testimonial-redesign-section .testimonial-grid .text-link:hover {color: #fff;}
.privacy-policy .testimonial-section { padding-top: 0; }
.testimonial-section h2 { margin: 0 0 20px; }
.testimonial-section .testimonial-grid .testimonial-grid-content { padding: 42px 30px 0; position: relative; z-index: 1; }
.testimonial-section .testimonial-grid .testimonial-grid-content:before { content: ''; position: absolute; width: 160px; height: 120px; left: 0; top: 0; background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/quote.svg); z-index: -1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.testimonial-section .testimonial-grid span { display: block; color: #313131; margin-bottom: 14px; line-height: 1.18; }
.testimonial-section .testimonial-grid span.h4 { color: #b5111b; }
.testimonial-section .testimonial-grid p { margin: 0; }
.testimonial-section .testimonial-grid .text-link { color: #313131; text-decoration: underline; font-size: 16px; font-family: 'Open Sans', sans-serif; display: block; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.no-touchevents .testimonial-section .testimonial-grid .text-link:hover { color: #b5111b; text-decoration: none; } @media screen and (max-width:1440px) {
.testimonial-section { padding: 40px 0; }
.testimonial-section .testimonial-grid .testimonial-grid-content:before { width: 140px; height: 105px; }
}
@media screen and (max-width:1199px) {
.testimonial-section { padding: 30px 0 50px; }
.testimonial-section.testimonial-redesign-section{padding-bottom: 85px;}
}
@media screen and (max-width:991px) {
.testimonial-section .testimonial-grid .testimonial-grid-content:before { width: 100px; height: 75px; }
.testimonial-section .testimonial-grid .testimonial-grid-content { padding: 15px 15px 0; }
.privacy-policy .testimonial-section { padding-bottom: 80px }
}
@media screen and (max-width:767px) {
.testimonial-section { padding: 20px 0 40px;}
.testimonial-section h2 { margin: 0 0 15px; }
.testimonial-section.testimonial-redesign-section {padding-bottom: 70px;}
} .slick-dotted.slick-slider { margin-bottom: 0; }
.slick-dots { bottom: -30px; }
.slick-dots li button:before { display: none; }
.slick-dots li { margin: 0; padding: 5px; height: 20px; width: 20px; }
.slick-dots li:only-child { display: none; }
.slick-dots li button { height: 10px; width: 10px; background-color: #fff; border: 1px solid #b5111b; border-radius: 50%; }
.slick-dots li.slick-active button { background-color: #b5111b; }
.find-location-section { padding: 96px 0 98px; background-color: #8cc63f;}
.find-location-section .container {max-width: 787px;}
.find-location-section .title-block {margin-bottom: 25px;}
.find-location-section .find-location { max-width: 450px; width: 100%;  position: relative;  margin: 0 auto;} .find-location-section .find-location .form-group input::-webkit-input-placeholder { color: rgba(49, 49, 49, 0.5) !important; opacity: 1 !important;}
.find-location-section .find-location .form-group input::-moz-placeholder { color: rgba(49, 49, 49, 0.5) !important; opacity: 1 !important;}
.find-location-section .find-location .form-group input:-ms-input-placeholder { color: rgba(49, 49, 49, 0.5) !important; opacity: 1 !important;}
.find-location-section .find-location .form-group input:-moz-placeholder  { color: rgba(49, 49, 49, 0.5) !important; opacity: 1 !important;} .find-location-section .find-location .explore-btn { position: absolute; right: 0; top: 0; border-radius: 0 26px 26px 0;min-width: inherit;padding: 0 30px;  background-color: #6d4199;color: #fff;font-family: 'diavlo-bold';transition: all 0.5s;}
.no-touchevents .find-location-section .find-location .explore-btn:hover {
background-color: #553475;
color: #fff;
} @media screen and (max-width: 1440px) {
.find-location-section { padding: 80px 0;}
}
@media screen and (max-width: 1199px) {
.find-location-section { padding: 60px 0;}
}
@media screen and (max-width: 767px) {
.find-location-section { padding: 40px 0;}
.find-location-section .title-block { margin-bottom: 15px;} }
@media screen and (max-width: 574px) {
.find-location-section .find-location {max-width: 100%;}
.find-location-section .find-location .explore-btn {position: relative;border-radius: 26px;margin-top: 15px;padding: 0 15px;width: 100%;}
}
@media screen and (max-width: 480px) {
.find-location-section .find-location { flex-wrap: wrap;}
.find-location-section .find-location .form-group{ padding-right: 0;} } .parent-location-banner-section { position: relative; padding: 10% 0; }
.parent-location-banner-section .bg-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.parent-location-banner-section .banner-text-wrapper h1 { line-height: 1; }
.parent-location-banner-section .banner-text-wrapper h1 span { font-family: 'diavlo-bold'; display: block; }
.parent-location-banner-section .banner-text-wrapper span:not(h1 span) { font-size: 30px; margin-bottom: 18px; display: block; }
.parent-location-banner-section .banner-text-wrapper ul { display: flex; }
.parent-location-banner-section .banner-text-wrapper ul li+li { margin-left: 21px; }
.parent-location-banner-section .banner-text-wrapper ul li .btn.light-blue-btn { min-width: 145px; }
.parent-location-banner-section .banner-text-wrapper ul li .btn.green-btn { min-width: 225px; }
.parent-location-banner-section .banner-text-wrapper ul li .btn { font-size: 16px; font-family: 'diavlo-book'; height: 42px; line-height: 42px; }
.program-offer-section { padding: 84px 0 95px; background-color: #f8f8f8; }
.program-offer-section .title-block p { max-width: 840px; margin: 0 auto 25px; }
.program-offer-section .programs-slider-wrapper { text-align: center; }
.program-offer-section .programs-slider-wrapper .programs-grid-item { padding: 0 20px; }
.program-offer-section .programs-slider-wrapper .programs-grid-item .programs-grid-inner { padding: 34px 40px 30px; border: solid 1px #e1e1e1; background-color: #fff; text-align: center; height: 100%; }
.program-offer-section .programs-slider-wrapper .programs-slider { margin-bottom: 30px; }
.programs-slider .slick-arrow { content: ''; background-position: center !important; background-repeat: no-repeat !important; background-size: 16px 29px !important; height: 29px; width: 16px; top: 50%; transform: translateY(-50%); }
.programs-slider .slick-next { background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/next-green.svg); right: -40px; }
.programs-slider .slick-prev:before, .programs-slider .slick-next:before { content: ''; }
.programs-slider .slick-prev { background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/previous-green.svg); left: -40px; }
.programs-slider .slick-prev.slick-disabled { background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/previous-grey.svg); }
.programs-slider .slick-next.slick-disabled { background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/next-grey.svg); }
.program-offer-section .programs-slider-wrapper .programs-slider .slick-list { margin: 0 -20px; }
.program-offer-section .programs-slider-wrapper .programs-grid-item .programs-grid-inner .grid-inner-title p { font-size: 22px; line-height: 1.36; font-family: 'diavlo-bold'; margin-bottom: 8px; }
.program-offer-section .programs-grid-item .programs-grid-inner .grid-inner-title em { display: block; width: 64px; height: 64px; margin: 0 auto 15px; }
.program-offer-section .programs-grid-item .programs-grid-inner .grid-inner-content p { margin: 0; }
.program-offer-section .programs-grid-item .programs-grid-inner p.green-text span { display: block; }
.program-offer-section .programs-grid-item .programs-grid-inner .green-border-btn { margin-top: 20px; width: 185px; height: 50px; line-height: 48px; border-radius: 26px; }
.program-offer-section .programs-slider .slick-dots li.slick-active button { background-color: #8cc63f; }
.program-offer-section .programs-slider .slick-dots li button { border: 1px solid #8cc63f; }
.image-content-section.vancouver-image-content .image-content-inner .content-block { padding: 87px 55px 71px 97px; }
.vancouver-image-content .content-block .content-block-inner .title-block h2 { margin: 0 0 17px; }
.vancouver-image-content .content-block .content-block-inner ul { margin-bottom: 18px; }
.vancouver-image-content .content-block .content-block-inner ul li { color: #fff; font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 1.25; padding-left: 15px; position: relative; }
.vancouver-image-content .content-block .content-block-inner ul li:before { content: ""; position: absolute; background: #FFF; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; }
.vancouver-image-content .content-block .content-block-inner ul li+li { margin-top: 18px; }
.title-listing-grid.vancouver-title-listing { padding: 100px 0 100px; } .creating-process { padding: 88px 0 130px; overflow: hidden;}
.creating-process h2 { margin-bottom: 19px; }
.creating-process .creating-process-list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -15px; position: relative; }
.creating-process .creating-process-list:after { content: ''; position: absolute; background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/curve-image.png); background-size: 1125px; height: 119px; background-repeat: no-repeat; left: 22px; right: 22px; bottom: -13px; }
.creating-process .creating-process-list li { max-width: 20%; flex: 0 0 20%; padding: 0 15px; }
.creating-process .creating-process-list li .list-title { margin-bottom: 20px; }
.creating-process .creating-process-list li h3 { font-size: 20px; text-align: center; margin: 0 0 30px; }
.creating-process .creating-process-list li h3 span { display: block; }
.creating-process .creating-process-list li .image-block { background-color: #f6d5d5; border: 10px solid #fbefef; height: 163px; width: 163px; border-radius: 50%; margin: 0 auto; display: flex; justify-content: center; align-items: center; position: relative; }
.creating-process .creating-process-list li .image-block span { position: absolute; left: 0px; top: -8px; color: #501212; font-size: 26px; font-family: 'Open Sans', sans-serif; font-weight: 600; }
@media(max-width:1440px) {
.parent-location-banner-section { padding: 13.6% 0; }
.program-offer-section { padding: 80px 0; }
.image-content-section.vancouver-image-content .image-content-inner .content-block { padding: 75px 50px 80px; }
.title-listing-grid.vancouver-title-listing { padding: 80px 0; }
.creating-process {padding: 80px 0;}
}
@media (min-width:1240px) {
.creating-process .creating-process-list li:last-child { position: relative; right: -1px; }
}
@media (max-width:1239px) {
.creating-process .creating-process-list:after { display: none; }
}
@media(max-width:1199px) {
.program-offer-section { padding: 60px 0; }
.program-offer-section .programs-slider-wrapper .programs-grid-item .programs-grid-inner { padding: 15px; }
.program-offer-section .programs-grid-item .programs-grid-inner p.green-text span { display: inline; }
.program-offer-section .programs-slider-wrapper .programs-grid-item .programs-grid-inner p.green-text { font-size: 20px; }
.program-offer-section .programs-slider-wrapper .register-btn { margin-top: 15px; }
.image-content-section.vancouver-image-content .image-content-inner .content-block { padding: 55px 25px 60px; }
.title-listing-grid.vancouver-title-listing { padding: 60px 0; }
.creating-process {padding: 60px 0;}
.creating-process .creating-process-list { margin: 0 -15px -30px }
.creating-process .creating-process-list li { max-width: 33.33%; flex: 0 0 33.33%; padding: 0 15px 30px; }
}
@media(max-width:991px) {
.parent-location-banner-section { padding: 10% 0; }
.vancouver-title-listing .title-listing-grid-wrapper .title-grid .btn { background-color: #0c8294; color: #fff; }
.program-offer-section .programs-slider-wrapper .programs-grid-item { padding: 0 15px; }
.program-offer-section .programs-slider-wrapper .programs-slider .slick-list { margin: 0 -15px; }
}
@media(max-width:767px) {
.program-offer-section .programs-slider-wrapper .programs-grid-item .programs-grid-inner p.green-text { font-size: 18px; }
.parent-location-banner-section { padding: 40px 0; }
.parent-location-banner-section .banner-text-wrapper span:not(h1 span) { font-size: 24px; }
.program-offer-section { padding: 40px 0; }
.vancouver-image-content .content-block .content-block-inner ul { margin-bottom: 15px; }
.vancouver-image-content .content-block .content-block-inner ul li+li { margin-top: 12px; }
.title-listing-grid.vancouver-title-listing { padding: 40px 0; }
.creating-process {padding: 40px 0;}
.creating-process .creating-process-list { margin: 0 0 -25px; }
.creating-process .creating-process-list li { max-width: 50%; flex: 0 0 50%; padding: 0 15px 25px; }
.creating-process .creating-process-list li h3 { margin-bottom: 15px; }
}
@media(max-width:575px) {
.parent-location-banner-section .banner-text-wrapper ul { display: block; }
.parent-location-banner-section .banner-text-wrapper ul li+li { margin: 15px 0 0; }
.program-offer-section .programs-slider-wrapper .programs-grid-item { padding: 0; }
.program-offer-section .programs-slider-wrapper .programs-slider .slick-list { margin: 0; }
.parent-location-banner-section .banner-text-wrapper ul li .btn { line-height: 1.25; height: 52px;}
.creating-process .creating-process-list li { max-width: 100%; flex: 0 0 100%; padding: 0 0 25px; }
}.inner-page-banner-section { position: relative; padding: 30px 0; display: flex; justify-content: center; align-items: center; min-height: 260px;}
.inner-page-banner-section img{position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; object-fit: cover;}
.inner-page-banner-section .inner-banner-content-wrapper span{color: #fff; text-align: center; line-height:1.2; font-size: 24px; display: block;margin-bottom: 10px; font-family: 'diavlo-light';}
.inner-page-banner-section .inner-banner-content-wrapper h1{color: #fff; text-shadow: none; text-align: center; line-height:1;  margin: 0;}
.has-large-header .inner-page-banner-section{min-height: 455px;}
.location-bar-section{background-color: #0c8294;padding: 35px 0;position: relative;}
.location-bar-section:before{content: '';position: absolute;width: 31%;height: 50px;bottom: 100%;left: 0;transform-origin: bottom right;transform: skew(27deg);background-color: #0c8294;margin-bottom: -2px;}
.location-bar-section .info-outer-wrapper{display: flex;margin:0 -15px;align-items: flex-end;justify-content: space-between;}
.location-bar-section .info-outer-wrapper>div{padding: 0 15px;}
.location-bar-section .info-outer-wrapper .location-bar-wrapper{max-width: 270px;flex: 0 0 270px;margin-top: -50px;z-index: 1;}
.location-bar-section .info-outer-wrapper .location-bar-wrapper h2{color: #fff;font-size: 30px;padding-bottom: 20px;border-bottom: 1px solid #fff;}
.location-bar-section .info-outer-wrapper .location-bar-wrapper p{color: #fff;font-size: 16px;margin-top: 15px;margin-bottom: 0;font-family: 'diavlo-light';}
.location-bar-section .info-outer-wrapper .title{font-size: 18px;font-family: 'diavlo-bold';color: #fff;display: block;}
.location-bar-section .info-outer-wrapper .address-bar-wrapper address{font-style: normal;}
.location-bar-section .info-outer-wrapper .address-bar-wrapper address span{color: #fff;display: block;font-size: 16px;font-family: 'diavlo-light';line-height: 1.25;}
.location-bar-section .info-outer-wrapper .contact-info-wrapper a{font-size: 20px;font-family: 'diavlo-bold';color: #fff;display: block;}
.location-bar-section .info-outer-wrapper .btn-wrapper .btn.green-btn{min-width: 315px;font-size: 16px;font-family: 'diavlo-book';height: 42px;line-height: 42px;}
.location-bar-section .info-outer-wrapper .contact-info-wrapper {flex: 0 0 190px;max-width: 190px;} @media screen and (max-width: 1440px){
.location-bar-section:before{width: 28%;}
}
@media screen and (max-width: 1199px) {
.has-large-header .inner-page-banner-section{min-height: 350px;}
.inner-page-banner-section .inner-banner-content-wrapper span{ font-size: 20px;}
.location-bar-section .info-outer-wrapper{flex-wrap: wrap;}
.location-bar-section .info-outer-wrapper .btn-wrapper{max-width: 100%;flex:0 0 100%;margin-top: 15px;}    
}
@media screen and (max-width: 991px){
.location-bar-section .info-outer-wrapper .location-bar-wrapper h2{font-size: 28px;}
}
@media screen and (max-width: 767px) {
.inner-page-banner-section  { min-height: 250px;}
.has-large-header .inner-page-banner-section{min-height: 250px;}
.inner-page-banner-section .inner-banner-content-wrapper span{ font-size: 18px;}
.location-bar-section .info-outer-wrapper .location-bar-wrapper,
.location-bar-section .info-outer-wrapper>div{max-width: 100%;flex:0 0 100%;margin-bottom: 20px;}
.location-bar-section:before{display: none;}
.location-bar-section .info-outer-wrapper .location-bar-wrapper{margin-top: 0;}
.location-bar-section .info-outer-wrapper .btn-wrapper{margin: 0;}
.location-bar-section .info-outer-wrapper .location-bar-wrapper h2{font-size:24px;margin-bottom: 10px;padding-bottom: 10px;}
.location-bar-section .info-outer-wrapper .location-bar-wrapper p{margin-top: 10px;}
.location-bar-section .info-outer-wrapper .contact-info-wrapper a{font-size: 18px;}
}
.contact-us-section { position: relative; }
.contact-us-section .title-block,.contact-us-section .title-block .green-text { color: #fff; }
.contact-us-section .btn.green-btn { background-color: #fff; color: #0c8294; }
.contact-us-section .btn.green-btn:hover { background-color: #075c69; color: #fff; }
.contact-us-section .image-wrapper { position: absolute; z-index: -1; height: 100%; width: 100%; }
.contact-us-section .image-wrapper img { height: 100%; width: 100%; object-fit: cover; }
.contact-us-section .contact-form-content-wrapper { padding: 100px 0; }
.contact-us-section .form-wrapper { margin-top: 30px; }
.contact-us-section .form-wrapper .form-inner-wrapper { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.contact-us-section .form-wrapper .form-inner-wrapper .form-group { max-width: 50%; flex: 0 0 50%; padding: 0 15px; margin-bottom: 30px; }
.contact-us-section .form-wrapper .form-inner-wrapper .form-group.full-width { max-width: 100%; flex: 0 0 100%; }
.contact-us-section .form-wrapper .form-inner-wrapper .form-group.btn-wrapper { margin-bottom: 0 !important; text-align: center;position: relative; }
.contact-us-section .form-wrapper .form-inner-wrapper .form-group.btn-wrapper .wpcf7-spinner {  position: absolute; right: auto; top: 50%; transform: translateY(-50%); left: calc(50% + 60px); margin: 0 0 0 5px; }
.contact-us-section .form-control { border: solid 1px #e1e1e1; }
.contact-us-section input::-webkit-input-placeholder { color: rgba(49, 49, 49, 0.5) !important; }
.contact-us-section input::-moz-placeholder { color: rgba(49, 49, 49, 0.5) !important; }
.contact-us-section input:-ms-input-placeholder { color: rgba(49, 49, 49, 0.5) !important; }
.contact-us-section input:-moz-placeholder { color: rgba(49, 49, 49, 0.5) !important; }
.contact-us-section textarea::-webkit-input-placeholder { color: rgba(49, 49, 49, 0.5) !important; }
.contact-us-section textarea::-moz-placeholder { color: rgba(49, 49, 49, 0.5) !important; }
.contact-us-section textarea:-ms-input-placeholder { color: rgba(49, 49, 49, 0.5) !important; }
.contact-us-section textarea:-moz-placeholder { color: rgba(49, 49, 49, 0.5) !important; }
.wpcf7 form .wpcf7-response-output {  margin: 20px 0 0;  padding: 0;  border: none;  text-align: center;}
.wpcf7 form.sent .wpcf7-response-output { color: #8cc63f;}
.wpcf7 form.invalid .wpcf7-response-output{color: #9b1d1d;}
.contact-us-section .wpcf7 form.sent .wpcf7-response-output { color: #fff; }
.contact-us-section .wpcf7-not-valid-tip {color: #9b1d1d;} .dropdown-wrapper .select2-container { width: 100% !important; }
.dropdown-wrapper .select2-container--default .select2-selection--single { border: solid 1px #e1e1e1; height: 52px; border-radius: 26px; }
.dropdown-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow { top: 11px; right: 35px; }
.dropdown-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 52px; color: #313131; padding: 0 60px 0 30px; font-size: 18px; }
.dropdown-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder{color:rgba(49, 49, 49, 0.5);}
.dropdown-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b { transition: all 0.5s; -webkit-transition: all 0.5s; background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/down-arrow.svg); background-color: transparent; background-size: contain; border: none !important; height: 10px !important; width: 18px !important; background-repeat: no-repeat; opacity: 0.5; }
.dropdown-wrapper .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { transform: rotate(180deg); }
.select2-dropdown { border-radius: 0 0 26px 26px; overflow: hidden; }
.dropdown-wrapper .select2-results__option { padding: 10px 30px; font-size: 18px; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: rgba(140, 198, 63, 0.2); color: #8cc63f }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #8cc63f; color: #fff; }
.select2-dropdown { border: 1px solid #e1e1e1; }
.select2-container--open .select2-dropdown--above { border-top-left-radius: 26px; border-top-right-radius: 26px; } .contact-us-section .form-wrapper .form-inner-wrapper .form-group.btn-wrapper button+button{
margin-left: 20px;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group label,
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .label{
position: relative;
margin-bottom: 10px;
display: block;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group.quarter-width{
flex:0 0 25%;
max-width: 25%; 
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group.has-inline-label{
display: flex;
align-items: center;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group.has-inline-label .label{
margin: 0 25px 0 0;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group.has-no-label .custom-checkbox-wrapper,
.contact-us-section .form-wrapper .form-inner-wrapper .form-group.has-inline-label .custom-radio-wrapper{
margin: 0;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper{
margin-top: 5px;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-checkbox-wrapper{
margin-top: 10px;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper,
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-checkbox-wrapper{
display: flex;
align-items: center;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper .custom-radio-btn .radio-btn-inner,
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-checkbox-wrapper .custom-checkbox .checkbox-inner{
position: relative;
display: inline-block;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper .custom-radio-btn + .custom-radio-btn,
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-checkbox-wrapper .custom-checkbox + .custom-checkbox{
margin-left: 55px;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper .custom-radio-btn label,
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-checkbox-wrapper .custom-checkbox label{
padding-left: 45px;
margin-bottom: 0;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper .custom-radio-btn input,
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-checkbox-wrapper .custom-checkbox .checkbox-inner input{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
appearance: none;
opacity: 0;
z-index: 2;
cursor: pointer;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper .custom-radio-btn label:after{
position: absolute;
content: '';
height: 13px;
width: 13px;
border-radius: 50%;
top: 6px;
left: 6px;
background-color: #83b645;
opacity: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper .custom-radio-btn input:checked+label:before{
border-color: #83b645;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper .custom-radio-btn input:checked+label:after{
opacity: 1;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper .custom-radio-btn label:before{
position: absolute;
content: '';
height: 25px;
width: 25px;
border-radius: 50%;
top: 0;
left: 0;
border: 1px solid #b8b8b8;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-checkbox-wrapper .custom-checkbox label:before{
position: absolute;
content: '';
height: 25px;
width: 25px;
background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/checkbox-deselect.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 25px 25px;
top: 0;
left: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s; 
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-checkbox-wrapper .custom-checkbox input:checked+label:before{
background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/checkbox-select.svg);
}
.contact-us-section .form-wrapper .form-group.has-date-picker .form-control{
padding-right: 60px;
background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/calendar-icon.svg);
background-position: calc(100% - 24px) center;
background-size: 24px 24px;
background-repeat: no-repeat;
cursor: pointer;
}
.contact-us-section .form-wrapper .form-group.has-time-picker .form-control{
padding-right: 60px;
background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/clock-icon.svg);
background-position: calc(100% - 25px) center;
background-size: 24px 24px;
background-repeat: no-repeat;
cursor: pointer;
}
.contact-us-section .form-wrapper .form-group.has-time-picker .form-control:focus{
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
} .ui-widget.ui-widget-content{border:none;border-radius:5px;box-shadow:rgb(0 0 0 / 16%) 0px 1px 4px;}
.ui-widget-header{color:#313131;background:none;border-radius:none;font-weight:500;border:none;}
.ui-datepicker th{font-weight:500;color:#313131;}
.ui-datepicker td span,.ui-datepicker td a{border:none!important;background:none!important;color:#313131!important;text-align:center;padding:0;border-radius:3px;height:35px;width:35px;display:inline-flex;align-items:center;justify-content:center;}
.ui-datepicker td span:hover,.ui-datepicker td a:hover{background-color:rgba(140, 198, 63, 0.1)!important;color: #8cc63f!important}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{background-color:rgba(140, 198, 63, 0.1)!important;color: #8cc63f!important;}
.ui-datepicker .ui-state-default.ui-state-active{background-color: #8cc63f!important;color:#fff!important;}
.ui-datepicker-today .ui-state-highlight:hover{background-color:rgba(140, 198, 63, 0.1)!important;color: #8cc63f!important}
.ui-datepicker .ui-datepicker-prev span{background-image:none;border-color:transparent #313131 transparent transparent;border-width:5px 6px 5px 0;width:0;height:0;border-style:solid;position:relative;left:auto;top:auto;margin:0;}
.ui-datepicker .ui-datepicker-next span{background-image:none;border-color:transparent transparent transparent #313131;border-width:5px 0 5px 6px;width:0;height:0;border-style:solid;position:relative;left:auto;top:auto;margin:0;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{display:inline-flex;align-items:center;justify-content:center;top:auto;background:none;border:none;cursor:pointer;}
.ui-datepicker .ui-datepicker-next{right:2px!important;}
.ui-datepicker .ui-datepicker-prev{left:2px!important;} .ui-timepicker-standard a{
font-family: 'diavlo-book';
color:#313131;font-size: 18px;
text-align: left;padding: 10px 30px;
border: none !important;
cursor: pointer;
transition: all 0.3s;
}
.ui-timepicker-standard .ui-state-hover{    
background-color: rgba(140, 198, 63, 0.2);
color: #8cc63f;
}
.ui-timepicker-standard{ border-radius: 0 0 26px 26px !important;
font-family: 'diavlo-book';color:#313131;
font-size: 18px;border:1px solid #e1e1e1 !important; 
height: 205px !important; 
padding: 0;     
}
.ui-timepicker{
border-radius: 0 0 26px 26px !important;
}
.ui-timepicker-viewport{
border-radius: 0 0 26px 26px !important;
}
.ui-widget.ui-widget-content.ui-timepicker {
box-shadow: none;
}
.ui-timepicker-container.ui-timepicker-standard{
border-top: none !important;
}
.ui-timepicker-container.ui-timepicker-standard a {
border-radius: 0 !important;
}
.ui-timepicker-container .ui-timepicker {
padding: 0;
}   @media(max-width:1440px) {
.contact-us-section .contact-form-content-wrapper { padding: 80px 0; }
}
@media(max-width:1199px) {
.contact-us-section .contact-form-content-wrapper { padding: 60px 0; }
.contact-us-section .contact-form-content-wrapper .form-wrapper .form-inner-wrapper { margin: 0 -10px; }
.contact-us-section .contact-form-content-wrapper .form-wrapper .form-inner-wrapper .form-group { padding: 0 10px; margin-bottom: 20px; }
.contact-us-section .form-wrapper .form-inner-wrapper .form-group.quarter-width{
flex:0 0 50%;
max-width: 50%;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper .custom-radio-btn + .custom-radio-btn, 
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-checkbox-wrapper .custom-checkbox + .custom-checkbox{
margin-left: 25px;
}
}
@media(max-width:991px){
.contact-us-section .form-wrapper .form-inner-wrapper .form-group.has-checkbox-list,
.contact-us-section .form-wrapper .form-inner-wrapper .form-group.has-radio-group{
flex:0 0 100%;
max-width: 100%;
}
}
@media(max-width:767px) {
.contact-us-section .contact-form-content-wrapper { padding: 40px 0; }
.form-group textarea.form-control{padding: 15px 20px;}
.form-group .form-control { padding: 0 20px; }
.dropdown-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow { right: 25px; }
.dropdown-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0 40px 0 20px; }
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper, .contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-checkbox-wrapper{flex-wrap: wrap;margin: 0;}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper .custom-radio-btn:not(.mobile-full-width), 
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-checkbox-wrapper .custom-checkbox:not(.mobile-full-width){
flex:0 0 25%;
max-width: 25%;
margin: 10px 0 0 !important;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group.has-inline-label{
display: block;
}
}
@media(max-width:574px) { .contact-us-section .form-wrapper .form-inner-wrapper .form-group.quarter-width,
.contact-us-section .form-wrapper .form-inner-wrapper .form-group{
flex:0 0 100%;
max-width: 100%;
}
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper .custom-radio-btn:not(.mobile-full-width), 
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-checkbox-wrapper .custom-checkbox:not(.mobile-full-width){
flex:0 0 50%;
max-width: 50%;
}
}
@media(max-width:425px){
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-radio-wrapper .custom-radio-btn:not(.mobile-full-width), 
.contact-us-section .form-wrapper .form-inner-wrapper .form-group .custom-checkbox-wrapper .custom-checkbox:not(.mobile-full-width){
flex:0 0 100%;
max-width: 100%;
}
}
.image-content-section { background-color: #6d4199; overflow: hidden; }
.image-content-section .image-content-inner { display: flex; flex-wrap: wrap; }
.image-content-section .image-content-inner .image-block,
.image-content-section .image-content-inner .content-block { flex: 0 0 50%; max-width: 50%; }
.image-content-section .image-content-inner .image-block img,.image-content-section .image-content-inner .image-block video { width: 100%; height: 100%; object-fit: cover; }
.image-content-section .image-content-inner .content-block { padding: 80px 50px 80px 97px; align-self: center; }
.image-content-section .image-content-inner .content-block .content-block-inner { max-width: 536px; }
.image-content-section .image-content-inner .content-block .content-block-inner p { color: #fff; margin-bottom: 24px; }
.image-content-section .image-content-inner .content-block .content-block-inner h2 em { display: block; font-style: inherit; }
.image-content-section.primary-blue-color { background-color: #0c8294; }
.image-content-section.secondary-blue-color { background-color: #172b48; }
.image-content-section.light-gray-color { background-color: #f0f0f0; }
.image-content-section.has-content-first .image-content-inner .image-block { order: 2; }
.image-content-section.has-content-first .image-content-inner .content-block { order: 1; padding-left: 50px; padding-right: 97px; }
.page-template-program .image-content-section .image-content-inner .content-block .content-block-inner { max-width: 490px; }
.image-content-section.has-content-first .image-content-inner .content-block .content-block-inner { margin-left: auto; }
.page-template-program .image-content-section .image-content-inner .content-block .content-block-inner p { margin-bottom: 0; } .image-content-section.featured-camps-wrapper { background-color: inherit; padding: 80px 0;}
.image-content-section.featured-camps-wrapper + .interactive-image-section.interactive-image-space { padding-top: 20px;}
.image-content-section.featured-camps-wrapper.primary-blue-color { background-color: inherit; padding-top: 0;}
.image-content-section.featured-camps-wrapper.secondary-blue-color { background-color: inherit;}
.image-content-section.featured-camps-wrapper .image-content-inner { margin: 0 -15px;}
.image-content-section.featured-camps-wrapper .image-content-inner .content-block, .image-content-section.featured-camps-wrapper .image-content-inner .image-block { padding: 0 15px;}
.image-content-section.featured-camps-wrapper .image-content-inner .image-block img { transform: rotateY(35deg) rotateX(15deg) translate3d(0,0,0);}
.image-content-section.featured-camps-wrapper .image-content-inner .image-block {perspective-origin: right center; perspective: 1500px; transform-style: preserve-3d; position: relative; padding-top: 40px;}
.image-content-section.featured-camps-wrapper .image-content-inner .image-block:before {position: absolute; content: ''; background-image: linear-gradient(to top right, #6d4199, #8cc63f);background-position: center;background-repeat: no-repeat;    left: -20px;top: 7px;width: calc(100% - 30px);height: calc(100% - 40px);transform: rotateY(35deg) rotateX(15deg) translate3d(0,0,0);}
.image-content-section.featured-camps-wrapper.has-content-first .image-content-inner .image-block img { transform: rotateY(-15deg) rotateX(15deg) translate3d(0,0,0);}
.image-content-section.featured-camps-wrapper.has-content-first .image-content-inner .image-block:before { left: auto; right: -25px; top: 2px;transform: rotateY(-15deg) rotateX(15deg) translate3d(0,0,0); background-image: linear-gradient(to bottom right, #8cc63f,#6d4199);}  
.image-content-section.featured-camps-wrapper .image-content-inner .content-block .content-block-inner p { color: #313131;}
.image-content-section.featured-camps-wrapper .image-content-inner .content-block .content-block-inner p:last-of-type { margin-bottom: 0;} .home-page-banner.image-content-section .image-content-inner{align-items: center;justify-content: center;position: relative;}
.home-page-banner.image-content-section .image-content-inner:before{position: absolute;content: '';background-color: rgba(0,0,0,0.6);left: 0;top: 0;height: 100%;width: 100%;right: 0;bottom: 0;z-index: 1;}
.home-page-banner.image-content-section .image-content-inner .home-banner-image.image-block{position: absolute;height: 100%;width: 100%;background-color: rgba(0,0,0,0.3);}
.home-page-banner.image-content-section .image-content-inner .image-block, 
.home-page-banner.image-content-section .image-content-inner .content-block{max-width: 100%;flex: 0 0 100%}
.home-page-banner.image-content-section .image-content-inner .content-block .content-block-inner p {margin: 0 auto 24px;text-align: center;} .image-content-redesign-section{background:#283952;padding:80px 0 100px;}
.image-content-redesign-section .image-content-section .container{max-width:1330px!important;}
.image-content-redesign-section .image-content-section .container .image-content-inner{background-color:#fff;padding:50px 70px 60px;border-radius:20px;margin:0;}
.image-content-redesign-section .title-block h2{margin:0 0 40px;}
.image-content-redesign-section .image-content-section-wrapper .image-content-section:nth-child(odd) .container .image-content-inner{padding-left:120px;}
.image-content-redesign-section .image-content-section-wrapper .image-content-section:nth-child(even) .container .image-content-inner{padding-right:120px;}
.image-content-redesign-section .image-content-section-wrapper .image-content-section{padding:0 0 40px;}
.image-content-redesign-section .image-content-section-wrapper .image-content-section:last-child{padding-bottom:0;}
@media(max-width: 1880px){
.single-programs .image-content-section .image-content-inner .content-block{ padding: 40px 50px 40px 97px;}
.image-content-section.featured-camps-wrapper .image-content-inner .content-block { padding: 0 15px;}
}
@media(max-width:1440px) {
.single-programs .image-content-section .image-content-inner .content-block,
.image-content-section .image-content-inner .content-block { padding: 75px 50px 80px; }
.image-content-section.has-content-first .image-content-inner .content-block { padding-right: 50px }
.image-content-section.featured-camps-wrapper { padding: 40px 0;}
.image-content-section.featured-camps-wrapper .image-content-inner .content-block { padding: 0 15px;}
.image-content-section.featured-camps-wrapper + .interactive-image-section.interactive-image-space { padding-top: 40px;}
}
@media(max-width:1366px) {
.image-content-redesign-section .image-content-section .container .image-content-inner{padding:40px 40px 50px;}
.image-content-redesign-section .image-content-section-wrapper .image-content-section:nth-child(odd) .container .image-content-inner{padding-left:90px;}
.image-content-redesign-section .image-content-section-wrapper .image-content-section:nth-child(even) .container .image-content-inner{padding-right:90px;}
}
@media(max-width:1199px) {
.single-programs .image-content-section .image-content-inner .content-block,
.image-content-section .image-content-inner .content-block { padding: 55px 25px 60px; }
.image-content-section .image-content-inner .content-block .content-block-inner h2 em { display: initial; }
.image-content-section .image-content-inner .content-block .content-block-inner p { margin-bottom: 15px }
.image-content-section.has-content-first .image-content-inner .content-block { padding-left: 25px; padding-right: 25px }
.image-content-section.featured-camps-wrapper { padding: 30px 0;}
.image-content-section.featured-camps-wrapper + .interactive-image-section.interactive-image-space { padding-top: 30px;}
.image-content-section.featured-camps-wrapper .image-content-inner .content-block { padding: 0 15px !important; }
.image-content-section.featured-camps-wrapper .image-content-inner .image-block img { transform: none;}
.image-content-section.featured-camps-wrapper .image-content-inner .image-block {perspective-origin: inherit; perspective: none; transform-style: inherit; padding-top:0;}
.image-content-section.featured-camps-wrapper .image-content-inner .image-block:before { content: none;}
.image-content-section.featured-camps-wrapper.has-content-first .image-content-inner .image-block img { transform: none;}
.image-content-redesign-section .image-content-section .container .image-content-inner {padding: 30px 15px !important;}
.image-content-redesign-section .image-content-section-wrapper .image-content-section {padding: 0 0 30px;}
.image-content-redesign-section .title-block h2 {margin: 0 0 20px;}
.image-content-redesign-section {padding: 60px 0 70px;}
}
@media(max-width:991px) {
.image-content-section .image-content-inner .image-block,
.image-content-section .image-content-inner .content-block { flex: 0 0 100%; max-width: 100%; }
.image-content-section .image-content-inner .content-block .content-block-inner,
.page-template-program .image-content-section .image-content-inner .content-block .content-block-inner { max-width: 100%; }
.image-content-section.has-content-first .image-content-inner .image-block { order: 1; }
.image-content-section.has-content-first .image-content-inner .content-block { order: 2; }
.image-content-section.featured-camps-wrapper .image-content-inner { margin: 0;}
.image-content-section.featured-camps-wrapper .image-content-inner .image-block { padding: 0;}
.image-content-section.featured-camps-wrapper .image-content-inner .content-block { padding: 25px 0 0 !important;}
.image-content-redesign-section .image-content-section .container .image-content-inner {padding: 30px !important;}
}
@media(max-width:767px) {
.single-programs .image-content-section .image-content-inner .content-block,
.image-content-section .image-content-inner .content-block { padding: 35px 25px 40px; }
.image-content-section.featured-camps-wrapper { padding: 20px 0;}
.image-content-section.featured-camps-wrapper + .interactive-image-section.interactive-image-space { padding-top: 20px;}
.image-content-redesign-section {padding: 40px 0 50px;}
.image-content-redesign-section .image-content-section .container .image-content-inner {
padding: 25px !important;
}
} .image-content-section .image-content-inner .content-block .content-block-inner ul { margin-bottom: 24px; }
.image-content-section .image-content-inner .content-block .content-block-inner ul li { position: relative; padding-left: 17px; font-size: 16px; line-height: 1.75; font-family: 'Open Sans', sans-serif;color: #fff}
.image-content-section .image-content-inner .content-block .content-block-inner ul li:before { position: absolute; content: ""; left: 0; top: 11px; width: 7px; height: 7px; border-radius: 50%; background-color: #fff; }
.image-content-section .image-content-inner .content-block .content-block-inner ul li + li { margin-top: 12px; }
.single-programs .image-content-section .image-content-inner .content-block .content-block-inner ul li {color: #000}
.single-programs .image-content-section .image-content-inner .content-block .content-block-inner ul li:before {background-color: #8cc63f}
.image-content-section .image-content-inner .content-block .content-block-inner h5 {
margin-top: 15px;
}
.interactive-engineering-section .content-block .image-listing-wrapper {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.interactive-engineering-section .content-block .image-listing-wrapper .left-block,
.interactive-engineering-section .content-block .image-listing-wrapper .right-block {
flex: 0 0 50%;
max-width: 50%;
padding: 0 10px;
}
@media(max-width: 1199px) {
.image-content-section .image-content-inner .content-block .content-block-inner ul { margin-bottom: 15px; }
}
@media(max-width:767px) {
.interactive-engineering-section .content-block .image-listing-wrapper .left-block,
.interactive-engineering-section .content-block .image-listing-wrapper .right-block {
flex: 0 0 100%;
max-width: 100%;
}
}
.passion-engineering-section {overflow: hidden; background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/passion-for-enginnering-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 130px 0 100px; }
.passion-engineering-section.thank-you {padding: 90px 0 50px !important; }
.passion-engineering-section .passion-engineering-wrapper { display: flex; align-items: flex-start;}
.passion-engineering-section .passion-engineering-wrapper .video-block { flex: 0 0 460px; max-width: 460px; position: relative; } .passion-engineering-section .passion-engineering-wrapper .video-block .video-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.passion-engineering-section .passion-engineering-wrapper .video-block .video-link img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 64px; width: 64px; }
.passion-engineering-section .passion-engineering-wrapper .content-block { padding-left: 28px; flex: 0 0 calc(100% - 460px); max-width: calc(100% - 460px); }
.passion-engineering-section .passion-engineering-wrapper .content-block .title-block span { font-family: 'diavlo-light'; }
.passion-engineering-section .passion-engineering-wrapper .content-block p { margin-bottom: 20px; }
.passion-engineering-section .passion-engineering-wrapper .content-block p.red-text { font-weight: 700; margin-bottom: 32px; font-size: 20px; line-height: 1.5; }
@media(max-width:1440px) {
.passion-engineering-section { padding: 80px 0; }
.passion-engineering-section.thank-you {padding: 50px 0 !important; }
}
@media(max-width:1199px) {
.passion-engineering-section { padding: 60px 0;  background: #fff;  }
.passion-engineering-section .passion-engineering-wrapper .video-block { flex: 0 0 380px; max-width: 380px; }
.passion-engineering-section .passion-engineering-wrapper .content-block { flex: 0 0 calc(100% - 380px); max-width: calc(100% - 380px); }
}
@media(max-width:991px) {
.passion-engineering-section .passion-engineering-wrapper { flex-wrap: wrap; }
.passion-engineering-section .passion-engineering-wrapper .video-block,
.passion-engineering-section .passion-engineering-wrapper .content-block { flex: 0 0 100%; max-width: 100%; }
.passion-engineering-section .passion-engineering-wrapper .content-block { padding: 40px 0 0; }
.passion-engineering-section .passion-engineering-wrapper .video-block .video-block-wrapper { position: relative; height: auto; width: 100%;}
}
@media(max-width:767px) {
.passion-engineering-section .passion-engineering-wrapper .content-block { padding-top: 30px; }
.passion-engineering-section .passion-engineering-wrapper .content-block p { margin-bottom: 15px; }
.passion-engineering-section .passion-engineering-wrapper .content-block p.red-text { margin-bottom: 25px; }
.passion-engineering-section { padding: 40px 0; }
.passion-engineering-section .passion-engineering-wrapper .video-block .video-link img { width: 45px; height: 45px; } .location-listing-block { padding-top: 35px; }
.location-listing-block .btn-wrapper { margin-top: 20px; }
}
@media(max-width:574px) { }
@media(max-width:374px) { } .custom-modal { position: fixed; left: 0; top: 0; height: 100%; width: 100%; margin: 0 auto; padding: 75px 15px 15px; opacity: 0; visibility: hidden; transform: translateY(0); z-index: 99; transition: opacity 0.3s, visibility 0.3s; }
.custom-modal.visible { opacity: 1; visibility: visible; }
.custom-modal .modal-backdrop { background-color: rgba(0, 0, 0, 0.5); opacity: 0; height: 100%; width: 100%; position: fixed; left: 0; top: 0; visibility: hidden; transition: all 0.3s; z-index: 90; }
.custom-modal.visible .modal-backdrop { opacity: 1; visibility: visible; }
.custom-modal .modal-content { position: fixed; top: 0; height: 100%; width: 100%; left: 0; overflow: auto;  z-index: 90;}
.custom-modal .modal-content .modal-content-inner { max-width: 850px; position: relative; display: flex; align-items: center; padding: 0 15px; margin: 25px auto; min-height: calc(100% - 50px); z-index: 99; transform: translateY(-25px); transition: all 0.3s; }
.custom-modal.visible .modal-content .modal-content-inner { transform: translateY(0); }
.custom-modal .modal-content .modal-content-inner .modal-video { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); background-color: #fff; width: 100%; position: relative; }
.custom-modal .modal-content .video-wrapper { position: relative; padding-bottom: 56.25%; width: 100%; height: auto; }
.custom-modal .modal-content  .modal-close { position: absolute; content: ''; top: -15px; right: -15px; height: 40px; width: 40px; padding: 0; margin: 0; z-index: 3; background: transparent; border-radius: 50%; }
.custom-modal .modal-content  .modal-close img { width: 40px; height: 40px; }
.custom-modal .modal-content .video-wrapper iframe,.custom-modal .modal-content .video-wrapper video { position: absolute; height: 100%; width: 100%; border: none; left: 0; top: 0; object-fit: cover; }
.custom-modal.visible.fade-in { opacity: 1; transform: translateY(0); }
.open-modal { overflow: hidden; }
@media(max-width:767px) {
.custom-modal .modal-content  .modal-close { height: 30px; width: 30px;top: -10px; right: -10px; }
.custom-modal .modal-content  .modal-close img { width: 30px; height: 30px; }
}
.passion-engineering-section .passion-engineering-wrapper .content-block ul{margin-bottom: 20px;}
.passion-engineering-section .passion-engineering-wrapper .content-block ul li+li{margin-top: 12px;}
.passion-engineering-section .passion-engineering-wrapper .content-block ul li{position: relative;padding-left: 17px;font-size: 16px;line-height: 1.25;font-family: 'Open Sans', sans-serif;}
.passion-engineering-section .passion-engineering-wrapper .content-block ul li:before{position: absolute;content: "";left: 0;top: 7px;width: 7px;height: 7px;border-radius: 50%;background-color: #8cc63f;}
@media(max-width: 767px){
.passion-engineering-section .passion-engineering-wrapper .content-block ul{margin-bottom: 15px;}
} .passion-engineering-section.single-locations-video-block .passion-engineering-wrapper .color-btn-wrapper li:before {
display: none;
}
.passion-engineering-section.single-locations-video-block .passion-engineering-wrapper .color-btn-wrapper li+li {
margin-top: 0;
}
@media (max-width: 375px) {
.location-bar-section .info-outer-wrapper .btn-wrapper .btn.green-btn {
min-width: auto;
}
}
.has-large-header .site-header {
background-color: transparent;
box-shadow: none;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
padding: 0 !important;
position: relative;
}
.has-large-header .site-header .main-header-wrapper {
position: absolute;
left: 0;
right: 0;
z-index: 1;
width: 100%;
top: 100%;
}
.has-large-header .site-header .top-header-wrapper {
background-color: #fafafa;
padding: 10px 0;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}
.has-large-header .site-header.small-header .main-header-wrapper {
position: fixed;
top: 0;
background-color: #fff;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}
.site-header .site-header-wrapper .main-navigation .menu-header-menu-container .menu li.register-btn {
display: none;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-left-wrapper {
margin-right: 40px;
flex: 0 0 132px;
max-width: 132px;
}
.has-large-header .site-header.small-header .top-header-wrapper .inner-wrapper .top-left-wrapper {
display: none;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-left-wrapper .top-header-logo {
margin-right: 40px;
width: 132px;
height: 77px;
display: block;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-left-wrapper .top-header-logo img {
width: 132px;
height: 77px;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper,
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container {
flex: 1;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper,
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu {
display: flex;
align-items: center;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper>span {
font-size: 16px;
margin-right: 10px;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-green-border-btn,
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-btn-green-btn {
margin-right: 20px;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-green-border-btn>a {
position: relative;
height: 42px;
line-height: 40px;
border-radius: 21px;
border: solid 1px #8cc63f;
color: #8cc63f;
width: 100%;
font-weight: 400;
font-size: 16px;
padding: 0 24px;
text-align: center;
font-family: 'diavlo-book';
display: inline-flex;
justify-content: center;
align-items: center;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-green-border-btn>a:before {
content: '';
position: absolute;
background-color: rgba(116, 182, 47, 0.1);
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
border-radius: 26px;
z-index: 0;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-green-border-btn>a:hover:before {
opacity: 1;
visibility: visible;
}
.has-large-header .site-header  .has-btn-green-btn>a {
padding: 0 15px;
display: inline-flex;
justify-content: center;
align-items: center;
height: 42px;
line-height: 42px;
font-size: 16px;
border-radius: 26px;
border: none;
background-color: #8cc63f;
color: #fff;
font-family: 'diavlo-book';
transition: all 0.5s;
min-width: 157px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}
.no-touchevents .has-large-header .site-header  .has-btn-green-btn>a:hover {
background-color: #709d35;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu li:last-child {
flex: 1;
text-align: right;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu li:last-child>a {
color: #83b645;
font-size: 22px;
font-family: 'diavlo-black';
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}
.no-touchevents .has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu li:last-child>a:hover {
color: #b5111b;
}
.has-large-header .site-header .main-header-wrapper .logo-block {
opacity: 0;
visibility: hidden;
}
.has-large-header .site-header.small-header .main-header-wrapper .logo-block {
opacity: 1;
visibility: visible;
height: 60px;
width: 60px;
}
.has-large-header .site-header.small-header .main-header-wrapper .logo-block img{
height: 60px;
width: 60px;
}
.has-large-header .site-header:not(.small-header) .site-header-wrapper .main-navigation .menu-header-menu-container>.menu>li:not(.register-btn)>a {
color: #fff;
}
.has-large-header .site-header .site-header-wrapper .main-navigation .menu-header-menu-container .menu>li:not(.register-btn) {
padding: 25px 20px 25px 0;
} .has-large-header .site-header:not(.small-header) .site-header-wrapper .main-navigation .menu-header-menu-container .menu li:not(.register-btn) a:after {
background-color: #fff;
}
.no-touchevents .site-header:not(.small-header) .site-header-wrapper .main-navigation .menu-header-menu-container>.menu>li:not(.register-btn)>:hover>a,
.no-touchevents .site-header:not(.small-header) .site-header-wrapper .main-navigation .menu-header-menu-container>.menu>li:not(.register-btn)>active {
color: #fff;
}
.has-large-header .site-header:not(.small-header) .site-header-wrapper .main-navigation .menu-header-menu-container .menu li.menu-item-has-children > .sub-menu-arrow {
background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/down-arrow-white.svg);
}
.has-large-header .site-header .site-header-wrapper .main-navigation .menu-header-menu-container .menu li.menu-item-has-children:nth-last-child(2) .sub-menu {
left: auto;
right: 0;
transform: translateX(0);
}
.has-large-header .site-header:not(.small-header) .hamburger-menu span {
background-color: #fff;
}
.has-large-header .site-header .main-header-wrapper .mobile-menu-wrapper {
display: none;
align-items: center;
}
.has-large-header .site-header .main-header-wrapper .mobile-menu-wrapper .has-btn-green-btn {
display: none;
}
.has-large-header .site-header .main-header-wrapper .mobile-menu-wrapper .has-btn-green-btn>a {
padding: 0 20px;
} .has-large-header .site-header.fixed.small-header{
position: fixed;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}
.has-large-header .site-header.small-header.fixed .top-header-wrapper{
background-color: #74b62f;
box-shadow: none;
}
.has-large-header .site-header.small-header.fixed .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper>span{
color: #fff;
}
.has-large-header .site-header.small-header.fixed .main-header-wrapper{
position: relative;
box-shadow: none;
top: -1px;
}
.has-large-header .site-header.small-header.fixed .top-header-wrapper .inner-wrapper .top-right-wrapper, 
.has-large-header .site-header.small-header.fixed .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container{
flex: inherit;
}
.has-large-header .site-header.small-header.fixed .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu li:last-child{
display: none !important;
}
.has-large-header .site-header.small-header.fixed .has-btn-green-btn>a,
.has-large-header .site-header.small-header.fixed .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-green-border-btn>a{
position: relative;
}
.has-large-header .site-header.small-header.fixed .has-btn-green-btn>a:before,
.has-large-header .site-header.small-header.fixed .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-green-border-btn>a:before{
content: '';
position: absolute;
background-color: rgba(109, 65, 153, 0.1);
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
border-radius: 26px;
z-index: 0;
}
.has-large-header .site-header.small-header.fixed .has-btn-green-btn>a:hover:before,
.has-large-header .site-header.small-header.fixed .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-green-border-btn>a:hover:before{
opacity: 1;
visibility: visible;
}
.has-large-header .site-header.small-header.fixed .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-green-border-btn>a{
height: 32px;
line-height: 30px;
padding: 0 20px;
border-color: #fff;
color: #fff;
}
.has-large-header .site-header.small-header.fixed .has-btn-green-btn>a{
height: 32px;
line-height: 32px;
padding: 0 20px;
background-color: #0c8294;
color: #fff;
} @media(max-width:1199px) { .has-large-header .site-header .top-header-wrapper .inner-wrapper .top-left-wrapper {
margin-right: 15px;
flex: 0 0 120px;
max-width: 120px;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-green-border-btn
{
margin-right: 0;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-btn-green-btn{
margin-right: 0;
margin-left: 10px
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-left-wrapper .top-header-logo,
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-left-wrapper .top-header-logo img {
width: 120px;
height: 70px;
}
}
@media(max-width:991px) {
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper{
flex: inherit;
}
.has-large-header .site-header.small-header .main-header-wrapper .logo-block,
.has-large-header .site-header.small-header .main-header-wrapper .logo-block img{
height: 50px;
width: 50px;
} .has-large-header .main {
margin-top: 0 !important;
}
.has-large-header .site-header .main-header-wrapper {
position: relative !important;
box-shadow: none !important
}
.has-large-header .site-header .main-header-wrapper .mobile-menu-wrapper {
display: flex;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-left-wrapper {
margin-right: 30px;
display: none;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu li:last-child {
align-self: flex-start;
display: none;
}
.has-large-header .site-header .main-header-wrapper .logo-block {
opacity: 1;
visibility: visible;
}
.has-large-header .site-header {
padding: 0 !important;
position: fixed;
background-color: #fff;
}
.has-large-header .site-header .hamburger-menu span {
background-color: #b5111b !important;
}
.has-large-header .site-header .main-header-wrapper .mobile-menu-wrapper .has-btn-green-btn {
display: block;
} .has-large-header .site-header .site-header-wrapper .main-navigation .menu-header-menu-container .menu>li:not(.register-btn) {
padding: 0 !important;
}
.has-large-header .site-header:not(.small-header) .site-header-wrapper .main-navigation .menu-header-menu-container>.menu>li:not(.register-btn)>a {
color: #313131;
}
.has-large-header .site-header:not(.small-header) .site-header-wrapper .main-navigation .menu-header-menu-container .menu li.menu-item-has-children > .sub-menu-arrow {
background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/down-arrow-red.svg);
}
.site-header .site-header-wrapper .main-navigation .menu-header-menu-container .menu>li:not(.register-btn).active>a,
.no-touchevents .site-header .site-header-wrapper .main-navigation .menu-header-menu-container .menu li:not(.register-btn):hover>a {
color: #b5111b;
} .has-large-header .main {
padding-top: 75px;
}
.has-large-header .site-header .top-header-wrapper {
display: none;
}
}
@media(max-width: 767px){
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper>span{
font-size: 14px;
}
}
@media(max-width: 574px){
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper{
flex-wrap: wrap;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container{
margin-top: 10px;
max-width: 100% !important;
flex: 0 0 100% !important;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper{
margin-left: 0
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-green-border-btn>a{
height: 32px;
line-height: 30px;
padding: 0 20px;
}
.has-large-header .site-header .top-right-wrapper .has-btn-green-btn>a{
height: 32px;
line-height: 32px;
padding: 0 20px;
}
}
@media(max-width: 374px){
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-green-border-btn>a,
.has-large-header .site-header .top-right-wrapper .has-btn-green-btn>a{
font-size: 12px;
}
} .has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper  a.find-location {
position: relative;
height: 42px;
line-height: 40px;
border-radius: 21px;
border: solid 1px #8cc63f;
color: #8cc63f;
width: 100%;
font-weight: 400;
font-size: 16px;
padding: 0 24px;
text-align: center;
font-family: 'diavlo-book';
display: inline-flex;
justify-content: center;
align-items: center;
transition: all 0.5s;
-webkit-transition: all 0.5s;
max-width: fit-content;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper .top-right-details-wrapper{
display: flex;
align-items: center;
flex: 1;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper  .location-button-wrapper{
max-width: 170px;
flex: 0 0 170px;
margin-right: 0;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper>span {
flex: 1;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container {
flex: 1;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu{
justify-content: end;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu li:last-child {
flex: inherit;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container{
max-width: 363px;
flex: 0 0 363px;
}
.has-large-header .site-header.small-header.fixed .top-header-wrapper .inner-wrapper .top-right-wrapper{
flex: 1 !important;
}
.has-large-header .site-header.small-header.fixed .top-header-wrapper .inner-wrapper .top-right-wrapper .location-button-wrapper>a {
height: 32px;
line-height: 30px;
padding: 0 20px;
border-color: #fff;
color: #fff;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper a.find-location:before {
content: '';
position: absolute;
background-color: rgba(109, 65, 153, 0.1);
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
border-radius: 26px;
z-index: 0;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper a.find-location:hover:before {
opacity: 1;
visibility: visible;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper span{
font-size: 16px;
margin-right: 10px;
}
.has-large-header .site-header.small-header.fixed .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper span {
color: #fff;
}
@media(max-width: 1199px){
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu li:last-child {
margin-left: 15px;
}
}
@media(max-width: 991px){
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container {
max-width: 0;
flex: 0 ;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper,.has-large-header .site-header.small-header.fixed .top-header-wrapper .inner-wrapper .top-right-wrapper{
flex: 1;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container.has-register-btn{
max-width: 170px;
flex: 0 0 170px;
}
}
@media(max-width: 574px){
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu {
justify-content: flex-start;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .menu-top-menu-container .menu .has-btn-green-btn {
margin-left: 0px;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper>span{
margin-right: 0;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper .top-right-details-wrapper{
flex-wrap: wrap;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper .top-right-details-wrapper span{
max-width: 100%;
flex: 0 0 100%;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper .location-title-wrapper .top-right-details-wrapper .location-button-wrapper{
max-width: 170px;
flex: 0 0 170px;
margin-left: 0;
margin-top: 10px;
}
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper a.find-location {
height: 32px;
line-height: 30px;
padding: 0 20px;
}
}
@media(max-width: 374px){
.has-large-header .site-header .top-header-wrapper .inner-wrapper .top-right-wrapper a.find-location {
font-size: 12px;
}
}
.passion-engineering-section.single-locations-video-block { background-position: top; background-size: 100%; }
.passion-engineering-section.single-locations-video-block .passion-engineering-wrapper .title-block h2 span { display: block; font-size: 46px; line-height: 1.3; font-family: 'diavlo-bold'; margin: 0; }
.passion-engineering-section.single-locations-video-block .passion-engineering-wrapper .color-btn-wrapper { display: flex; flex-wrap: wrap; margin: 0 -9px -20px; }
.passion-engineering-section.single-locations-video-block .passion-engineering-wrapper .color-btn-wrapper li { margin-bottom: 20px; padding: 0 9px; }
.image-content-section.single-locations-image-content  .image-content-inner .content-block .content-block-inner p { color: #313131; }
.image-content-section.single-locations-image-content .image-content-inner .content-block .content-block-inner p a { text-decoration: underline; }
.no-touchevents .image-content-section.single-locations-image-content .image-content-inner .content-block .content-block-inner p a:hover { text-decoration: none; }
.passion-engineering-section.single-locations-video-block  .passion-engineering-wrapper .content-block p.red-text { margin-bottom: 22px; } .map-section-wrapper .acf-map { height: 417px !important; border: none !important; margin: 0 !important; }
.location-map-section { background-color: #6d4199; display: flex; flex-wrap: wrap; }
.location-map-section .map-section-wrapper { flex: 0 0 50%; max-width: 50%; position: relative; }
.location-map-section .content-block { flex: 0 0 50%; max-width: 50%; padding: 102px 30px 30px 95px; color: #FFF; }
.location-map-section .content-block .content-block-inner { max-width: 625px; }
.location-map-section .content-block .content-block-inner h2 { margin-bottom: 10px; }
.location-map-section .content-block p { font-size: 32px; line-height: 1.4; font-family: 'diavlo-bold'; margin: 0 0 15px; font-weight: 400; margin-bottom: 0; color: #FFF; }
@media(max-width:1660px) {
.passion-engineering-section.single-locations-video-block { background-position: right; background-size: cover; } .map-section-wrapper .acf-map { height: 390px !important; }
.location-map-section .content-block { padding: 90px 30px 30px 60px; } }
@media(max-width:1199px) {
.passion-engineering-section.single-locations-video-block .passion-engineering-wrapper .title-block h2 span { font-size: 38px; display: inline; } .map-section-wrapper .acf-map { height: 330px !important; }
.location-map-section .content-block { padding: 60px 25px 25px 35px; }
.location-map-section .content-block p { font-size: 26px; } }
@media(max-width:991px) {
.passion-engineering-section.single-locations-video-block .passion-engineering-wrapper .color-btn-wrapper { margin: 0 -7px -15px; }
.passion-engineering-section.single-locations-video-block .passion-engineering-wrapper .color-btn-wrapper li { margin-bottom: 15px; padding: 0 7px; } .location-map-section .map-section-wrapper { flex: 0 0 100%; max-width: 100%; }
.location-map-section .content-block { flex: 0 0 100%; max-width: 100%; padding: 60px 25px; } }
@media(max-width:767px) {
.passion-engineering-section.single-locations-video-block .passion-engineering-wrapper .title-block h2 span { font-size: 32px; }
.passion-engineering-section.single-locations-video-block .passion-engineering-wrapper .content-block p.red-text { margin-bottom: 15px; } .location-map-section .content-block { padding: 40px 25px; }
.location-map-section .content-block p { font-size: 24px; }
.map-section-wrapper .acf-map { height: 270px !important; } }
@media(max-width:425px) {
.passion-engineering-section.single-locations-video-block .passion-engineering-wrapper .color-btn-wrapper li { flex: 0 0 100%; max-width: 100%; }
.passion-engineering-section.single-locations-video-block .passion-engineering-wrapper .color-btn-wrapper li>a { min-width: 200px; }
}
.acf-map { width: 100%; height: 400px; border: #ccc solid 1px; margin: 20px 0; }
.acf-map img { max-width: inherit !important; } @media(max-width:425px) {
.passion-engineering-section.single-locations-video-block .passion-engineering-wrapper .color-btn-wrapper li>a { min-width: 100%; }
}