.team-container-img {
object-fit: cover !important;
object-position: top !important;
width: 100% !important;
height: 400px;
}
@media only screen and (min-width: 768px) {
.team-container-img {
height: 220px !important;
}
} #lausd-logo-container {
grid-gap: 1px !important;
}
#lausd-logo-container li {
outline: 1px solid #edf2f7 !important;
}
#lausd-logo-container li img {
height: 60px !important;
width: auto !important;
object-fit: contain !important;
}
#interest-links {
text-transform: uppercase !important;
font-size: 16px !important;
}
#interest-links a, .additional-content a, #location-copy a {
text-decoration: underline !important;
} #main-logo {
max-width: 400px !important;
}
a {
transition: all 200ms ease;
transition-property: color, opacity;
cursor: pointer;
}
.student-programming ul, #ss-lead-in ul, #service-content ul, .sample-implementation ul, .sfpl-head ul, .copy-section ul, #launch-steps ul, #tutor-profile ul {
list-style: disc !important;
}
footer ul {
list-style: none !important;
}
@media only screen and (min-width: 768px) {
#follow {
position: relative;
top: -120px
}
} #emp-hero {
width: 100%;
height: 440px;
object-fit: cover;
}
#emp-copy, #emp-resource, #emp-closing-copy, .post-password-form {
max-width: 1000px;
margin: 60px auto;
padding: 0 20px;
box-sizing: border-box;
font-size: 20px !important;
}
#emp-closing-copy {
margin: 60px auto 100px;
}
#emp-line {
display: block;
width: 100%;
border-top: 1px solid #EDF2F7;
margin: 30px auto;
height: 10px;
}
#emp-copy-cont p {
margin: 20px 0 0
}
#emp-copy-cont a {
text-decoration: underline !important;
}
#emp-resource {
margin: 0 auto 80px;
}
#emp-resource .resource {
padding: 35px;
display: flex;
justify-content: space-between;
align-items: center;
background: #EDF2F7;
border-radius: 30px;
margin: 0 auto 20px;
}
#emp-resource .resource .res-title {
width: 23%;
text-transform: uppercase;
}
#emp-resource .resource .res-copy-cont {
width: 75%;
}
#emp-resource .resource .res-copy-cont a {
display: block;
text-transform: uppercase;
font-weight: 700;
margin: 20px 0 0;
}
@media only screen and (max-width: 880px) {
#emp-hero {
height: 300px;
}
#emp-resource .resource {
flex-direction: column;
}
#emp-resource .resource .res-title {
width: 100%;
font-size: 30px;
margin: 0 0 30px;
}
#emp-resource .resource .res-copy-cont {
width: 100%;
}
} span.wpcf7-list-item {
margin: 0 0 20px !important;
} .videoWrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#ss-new-case-study {
text-align: center;
margin: 0 auto;
}
#ss-new-case-study h2 {
margin: 60px auto !important;
}
#ss-new-case-study #ss-new-case-study-cont {
display: grid;
grid-template-columns: 32% 32% 32%;
grid-gap: 20px;
text-align: center;
margin: 0 auto;
max-width: 1100px;
}
#ss-new-case-study .ss-case-container {
display: flex;
flex-direction: column;
background: #EDF2F7;
width: 100%;
}
#ss-new-case-study .ss-case-container img {
width: 100%;
height: 150px;
object-fit: cover;
}
#ss-new-case-study .ss-case-container .ss-case-title {
display: block;
color: #fff;
font-weight: 700;
font-size: 20px;
background-color: #10284B;
padding: 10px;
}
#ss-new-case-study .ss-case-container .ss-case-copy {
padding: 20px;
font-size: 16px;
}
#ss-new-case-study .ss-case-container a {
display: block;
text-transform: uppercase;
padding: 0 20px 20px;
font-size: 16px;
font-weight: 700;
}
@media only screen and (max-width: 600px) {
#ss-new-case-study h2 {
margin: 40px auto !important;
}
#ss-new-case-study #ss-new-case-study-cont {
grid-template-columns: 100%;
}
}
@media only screen and (max-width: 768px) {
#footer-logo {
margin: 0 auto 40px !important;
}
#footer-social {
margin: 40px auto 0 !important;
}
#footer-copyright p {
text-align: center;
margin: 0 auto 20px;
}
.footer-menu-section {
margin: 0 auto 20px;
}
}
.post-password-form {
display: flex;
flex-direction: column;
}
.post-password-form p {
margin: 0 0 30px !important;
}
.post-password-form input[type="password"] {
border-radius: 2px;
border: solid 1px #ccd3d8;
padding: 5px 10px !important;
}
.post-password-form p:last-of-type {
display: flex;
flex-direction: column;
}
.post-password-form input[type="submit"] {
clear: both !important;
margin: 30px 0 0 !important;
cursor: pointer !important;
width: 120px !important;
}