.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;}
}
.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;}
}
.two-column-section { padding: 50px 0; }
.two-column-section .two-column-wrapper { display: flex; flex-wrap: wrap; }
.two-column-section .two-column-wrapper .left-column { flex: 1; }
.two-column-section .two-column-wrapper .left-column .btn-wrapper { text-align: center; margin-top: 30px; }
.two-column-section .two-column-wrapper .right-column { flex: 0 0 292px; max-width: 292px; padding-left: 30px;}
.sidebar-wrapper { border-radius: 15px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
.sidebar-wrapper .sidebar-header { padding: 8px 20px; background-color: #8cc63f; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.sidebar-wrapper .sidebar-header span { font-size: 22px; color: #fff; font-family: 'diavlo-bold'; }
.sidebar-wrapper .sidebar-body { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.sidebar-wrapper .sidebar-body ul li a { padding: 12px 20px; color: #313131; display: block; background-color: #fff; font-family: 'Open Sans', sans-serif; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; word-break: break-word;}
.no-touchevents .sidebar-wrapper .sidebar-body ul li a:hover ,.sidebar-wrapper .sidebar-body ul li a.active{ color: #8cc63f; }
.sidebar-wrapper .sidebar-body ul li+li { border-top: 1px solid #eaeaea; }
.sidebar-wrapper .sidebar-body ul li:last-child a { border-radius: 0 0 15px 15px; }
.sidebar-wrapper +.sidebar-wrapper { margin-top: 30px; }
.sidebar-wrapper .sidebar-body ul li .accordion-head { position: relative; padding-right: 45px; background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/plus-icon.svg); background-position: center right 30px; background-size: 15px 15px; background-repeat: no-repeat; transition: all 0.3s; }
.sidebar-wrapper .sidebar-body ul li.active .accordion-head { color: #8cc63f; background-color: rgba(140, 198, 63, 0.2); border-radius: 0; background-image: url(//staging.engineeringforkids.com/wp-content/themes/efk/public/images/minus-icon.svg); } @media(max-width:1440px) {
.two-column-section { padding: 40px 0 }
}
@media(max-width:1199px) {
.two-column-section { padding: 30px 0; } .sidebar-wrapper .sidebar-body ul li .accordion-head { padding-right: 35px; background-position: center right 20px; } .sidebar-wrapper .sidebar-header span { font-size: 20px }
}
@media(max-width:991px) {
.two-column-section .two-column-wrapper .right-column { flex: 0 0 100%; max-width: 100%; padding-top: 40px; padding-left: 0;}   
.two-column-section .two-column-wrapper .left-column { flex: 0 0 100%; max-width: 100%;}     
}
@media(max-width:767px) {
.two-column-section { padding: 20px 0 }
.sidebar-wrapper .sidebar-header span { font-size: 18px }
} .two-column-section .two-column-wrapper .left-column .iframe-content-wrapper{
position: relative;
padding-bottom: 56.25%;
border-radius: 10px;
margin-top: 30px;
}
.two-column-section .two-column-wrapper .left-column .iframe-content-wrapper iframe{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 10px;
}
.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;} }
.cms-content h3 { color: #b5111b; padding-top: 10px; }
.single-programs .cms-content h3,.about-page .cms-content h3 { color: #313131; }
.single-programs .cms-content .container > h3 { font-size: 30px;}
.cms-content .center-button { text-align: center; }
.cms-content ul { padding-left: 4px; margin-bottom: 30px; }
.cms-content ul li { position: relative; padding-left: 17px; font-size: 16px; line-height: 1.75; font-family: 'Open Sans', sans-serif;}
.cms-content ul li:before { position: absolute; content: ""; left: 0; top: 11px; width: 7px; height: 7px; border-radius: 50%; background-color: #8cc63f; }
.cms-content ul li + li ,.cms-content ol li + li{ margin-top: 12px; }
.cms-content p { margin-bottom: 20px; }
.cms-content h4 { margin-bottom: 13px; }
.cms-content img { margin-bottom: 18px; }
.cms-content img.aligncenter{display:block;text-align:center;margin:0 auto;}
.cms-content ol { margin-bottom: 30px; margin-left: 20px; list-style: decimal; }
.cms-content ol li { font-size: 16px; line-height: 1.75; font-family: 'Open Sans', sans-serif; }
.cms-content ul li ul { margin-top: 15px; }
.cms-content ol li ul { margin-top: 15px; padding-left: 0; }
.cms-content ol li ol { margin-top: 15px; }
.cms-content ul li ol { margin-top: 15px; }
.cms-content a { color: #b5111b; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.cms-content p em { display: inline;}
.cms-content sup { vertical-align: super; font-size: 10px;}
.no-touchevents .cms-content a:not(.btn):hover { text-decoration: underline; }
.cms-content p a,blockquote p a{display: inline;}
blockquote { background-color: #f1f1f1; position: relative; padding: 30px 35px; margin-bottom: 35px; border-radius: 15px; overflow: hidden; text-align: center; }
blockquote:before { position: absolute; content: ''; top: 0; left: 0; height: 100%; background-color: #6d4199; width: 5px; } blockquote h3 { padding-top: 0 !important; color: #313131 !important; margin: 0 !important;}
blockquote p{font-family: 'diavlo-book';}
blockquote p em{font-style: normal;}
.cms-content .wp-block-video{max-width: 750px; margin: 0 0 30px; padding-top: 10px;}
.no-touchevents blockquote p a:hover{text-decoration: underline;}
.single-programs .interactive-engineering-section .two-column-section .two-column-wrapper .left-column {overflow: hidden;}
.single-programs .cms-content .table-wrapper{overflow-x: auto;}
.single-programs .cms-content table{width: 1100px;margin-bottom: 30px;border: none !important;}
.single-programs .cms-content table tbody tr th{text-align: left;}
.single-programs .cms-content table tbody tr th,
.single-programs .cms-content table tbody tr td{padding: 5px 10px;border: 1px solid #000;}
.single-programs .cms-content .container > h2,
.single-curriculum .cms-content .container > h2{
font-size: 30px;
color: #313131;
}
.single-programs .cms-content .container > h3,
.single-curriculum .cms-content .container > h3 { 
font-size: 22px;
color: #313131;
} @media(max-width: 1199px) {
.single-programs .cms-content .container > h3,
.single-curriculum .cms-content .container > h3 { 
font-size: 20px;
}
.single-programs .cms-content .container > h2,
.single-curriculum .cms-content .container > h2{
font-size: 28px;
}
}
@media(max-width:991px) {
.cms-content h3 { padding-top: 0 }
blockquote {margin-bottom: 25px;} 
.single-programs .interactive-engineering-section .two-column-section .two-column-wrapper .left-column {
flex: 0 0 100%; 
max-width: 100%; 
}
}
@media(max-width:767px) { .cms-content blockquote { padding: 15px; }    
.single-programs .cms-content .container > h2,
.single-curriculum .cms-content .container > h2{
font-size: 24px;
}
} .why-join-us-wrapper { display: flex; flex-wrap: wrap; margin: 0 -10px 20px -10px; }
.why-join-us-wrapper .why-join-us-btn-inner { max-width: 50%; flex: 0 0 50%; padding: 0 10px 20px 10px; }
.why-join-us-wrapper .why-join-us-btn-inner .btn { width: 100%; align-items: center;justify-content: flex-start; }
.why-join-us-wrapper .why-join-us-btn-inner .btn img { height: 25px; width: auto; margin: -7px  0 0 0; }
.why-join-us-wrapper .why-join-us-btn-inner .btn em { margin-right: 20px; }
.why-join-us-wrapper .why-join-us-btn-inner .btn em br { display: none; }
@media(max-width:767px) {
.why-join-us-wrapper .why-join-us-btn-inner { max-width: 100%; flex: 0 0 100%; padding: 0 10px 10px 10px;}
.why-join-us-wrapper .why-join-us-btn-inner .btn { font-size: 16px; }
}  .about-page .sf-light-blue-bg, .about-page .sf-light-purple-bg , .about-page .sf-light-pink-bg{
padding: 15px 25px;
border-radius: 15px;
margin-bottom: 25px;
}
.about-page .sf-light-blue-bg {
background-color: #e6f2f4;
}
.about-page .sf-light-purple-bg {
background-color: #f0ecf5;
}
.about-page .sf-light-pink-bg {
background-color: #ffe8e8;
}
.about-page .sf-light-blue-bg ul:last-of-type,
.about-page .sf-light-purple-bg ul:last-of-type {
margin-bottom: 15px;
}
@media(max-width: 767px) {
.about-page .sf-light-blue-bg, .about-page .sf-light-purple-bg , .about-page .sf-light-pink-bg{
padding: 15px 20px 10px;
margin-bottom: 20px;
}
}  .cms-content .efk-accordion-wrapper .accordion-content ul li ul { margin-top: 0px; margin-bottom: 0px; }
.cms-content .efk-accordion-wrapper .accordion-content ol li ul { margin-top: 0px; margin-bottom: 0px; }
.cms-content .efk-accordion-wrapper .accordion-content ol li ol { margin-top: 0px; margin-bottom: 0px; }
.cms-content .efk-accordion-wrapper .accordion-content ul li ol { margin-top: 0px; margin-bottom: 0px; }
.cms-content .efk-accordion-wrapper .accordion-content ul { margin-bottom: 0px; }
.blog-detail-section span{margin:29px 0 0 0;}
.category-wrapper{padding-bottom: 20px;border-bottom: 1px solid rgb(49,49,49,0.2);margin-bottom: 24px;}
.category-wrapper span {font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.75;}
.category-wrapper .category-type{display:inline-block;color : #5b8f17;border-radius: 16px;background-color: #eaffcf;padding: 5px 23px;font-weight: 500; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 1.22;}
.blog-content{font-family: 'diavlo-bold';font-size: 20px;line-height: 1.5;color: #b5111b;} .blog-detail-content-section em { display: block; }  .blog-detail-content-section h3 { color: #000; font-size: 40px;}
.blog-detail-section { min-height: inherit;     padding: 80px 0 0;}
.blog-detail-section .inner-banner-content-wrapper h1 { line-height: 1.25;}
.blog-detail-section .inner-banner-content-wrapper h1, .blog-detail-section .inner-banner-content-wrapper span { color: #000; }
.blog-detail-section .inner-banner-content-wrapper span { margin-bottom: 0; font-size: 16px;}
.word-break{word-break: break-all;}
.category-share-outer{
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgb(49,49,49,0.2);
margin-bottom: 24px;
}
.category-share-outer .category-wrapper{
border-bottom: 0;
margin-bottom: 0;
display: flex;
padding-bottom: 15px;
}
.category-share-outer .category-wrapper span.label{
margin-right: 10px;
}
.category-share-outer .category-list{
margin: -5px -5px 0 0;
display: flex;
flex-wrap: wrap;
}
.category-share-outer .category-list .category-type{
margin: 5px 5px 0 0;
}
.category-share-outer .share-wrapper{
flex: 0 0 218px;
max-width: 218px;
margin-left: 15px;
}
.category-share-outer .share-wrapper .social-platforms-list{
display: flex;
align-items: center;
margin: 0;
list-style-type: none;
position: relative;
padding-left: 0;
}
.category-share-outer .share-wrapper .social-platforms-list li.label{
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 1.75;
}
.category-share-outer .share-wrapper .social-platforms-list li{
line-height: 1;
margin: 0 10px 0 0;
padding: 0;
}
.category-share-outer .share-wrapper .social-platforms-list li:last-child{
margin-right: 0;
}
.category-share-outer .share-wrapper .social-platforms-list li:before{
display: none;
}
.category-share-outer .share-wrapper .social-platforms-list li a img{
margin: 0;
width: 32px;
transition: all 0.3s;
}
.category-share-outer .share-wrapper .social-platforms-list li a:hover img{
opacity: 0.9;
}
@media (max-width: 1199px) {
.blog-detail-section {   padding: 40px 0 0;}
.blog-detail-section .inner-banner-content-wrapper h1 { font-size: 40px;}
.blog-detail-content-section h3 {
font-size: 32px;
}
}
@media (max-width: 767px) {
.blog-detail-section .inner-banner-content-wrapper h1 { font-size: 34px;}
.blog-detail-content-section h3 {
font-size: 38px;
}
.category-wrapper .category-type { 
font-size: 14px;
padding: 5px 15px;
}
.category-share-outer{
flex-wrap: wrap;
}
.category-share-outer .category-outer{
flex: 0 0 100%;
max-width: 100%;
order: 2;
}
.category-share-outer .category-wrapper{
padding-bottom: 15px;
}
.category-share-outer .category-list{
padding-top: 0;
}
.category-share-outer .share-wrapper{
flex: 0 0 100%;
max-width: 100%;
margin: 0 0 15px;
order: 1;
}
}
@media (max-width: 575px) {
.blog-detail-section .inner-banner-content-wrapper h1 { font-size: 28px;}
h2, .h2 {font-size: 26px;}
.blog-detail-content-section h3 {font-size: 24px;}
.category-wrapper {
padding-bottom: 10px;
}
.category-wrapper .category-type { 
margin-bottom: 10px;
}
}